title: Timepicker is not working on calendar modal popup
body: <p>I'm trying to add an event with time schedule on full-calendar by clicking on "Add Event" button. But 'time picker' is not working on calendar modal popup box. </p>
  
  <p>I was trying with the following code:</p>
  
  <p>In <code>calendar_show.js</code></p>
  
  <pre class="lang-js prettyprint-override"><code>// Function to quickModal
  function quickModal(start, end, allDay)
  {   
      $('#cal_quickSaveModal').modal('show');
      $(".modal-header").html('&lt;div id="event_title"&gt;&lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;&lt;label&gt;Title : &lt;/label&gt;&lt;input name="title" type="text" class="input-title form-control"&gt;&lt;/div&gt;');
      $(".modal-body").html('&lt;form id="event_description"&gt;&lt;label&gt;Description : &lt;/label&gt;&lt;textarea class="input form-control" name="notes"&gt;&lt;/textarea&gt;&lt;label&gt;Start Time : &lt;/label&gt;&lt;div class="input-group bootstrap-timepicker"&gt;&lt;input id="timep1" type="text" name="start" class="form-control timep1"&gt;&lt;span class="input-group-addon" style="left: 100px; width: 3px; height: 3px;"&gt;&lt;i class="icon-time fa fa-clock-o"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;label&gt;End Time : &lt;/label&gt;&lt;div class="input-group bootstrap-timepicker"&gt;&lt;input id="timep2" type="text"  name="end" class="form-control timep2"&gt;&lt;span class="input-group-addon" style="left: 100px; width: 3px; height: 3px;"&gt;&lt;i class="icon-time fa fa-clock-o"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;/form&gt;');
      $(".modal-footer").show();
      calendar.start = start;
      calendar.end = end;
      calendar.allDay = allDay;
  
      // Save button
      $(".modal-footer").delegate('[data-option="quickSave"]','click', function(e) 
      {   
          var event_title = $("div#event_title").find('input').serialize();
          var event_description = $("form#event_description").find("textarea.input").serialize();
          var event_stime = $("form#event_description").find("#timep1").serialize();
          var event_etime = $("form#event_description").find("#timep2").serialize();          
          quickSave(event_title, event_description, calendar.start, calendar.end, event_stime, event_etime);          
          e.preventDefault();
  
      });
  
  }; // end quickModal
  </code></pre>
  
  <p>And I was added timepicker in <code>calendar.php</code></p>
  
  <pre><code>&lt;script src="../common/js/calendar_show.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $("#timep1").timepicker();
      $("#timep2").timepicker();
  &lt;/script&gt;
  </code></pre>