title: Prevent bootstrap Datetime Picker close on select time up and down button
body: <p>I have the tried <strong>dp.change</strong> to hide the datetime picker on change event of date and time but it should not get close on time up and down button.</p>
  
  <p>I properly Used each and every library required for datetime Picker.
  I studied the doc of <a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">https://eonasdan.github.io/bootstrap-datetimepicker/</a> but nothing is helpful for me.</p>
  
  <p>this is my HTML code:</p>
  
  <pre><code> &lt;div class="col-md-4 col-xs-12 center-block"&gt;
                                      &lt;div class="col-md-12 col-sm-12"&gt;
                                          &lt;div class="col-md-8 col-md-offset-2 col-sm-12"&gt; Date ( YYYY-MM-DD )&lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;!-- &lt;div class="col-md-12 col-xs-12 col-sm-12 no-padding"&gt;
                                          &lt;label&gt;Start Date&lt;/label&gt;
                                      &lt;/div&gt;
                                       --&gt;
                                       &lt;div class="col-md-12 col-xs-12 col-sm-12"&gt;
                                          &lt;label class="col-md-2 col-xs-12 text-center noPadding"&gt;&lt;b&gt;From:&lt;/b&gt;&lt;/label&gt;
                                       &lt;div class='input-group date col-md-10 col-md-offset-1 col-xs-12' id='startDate'&gt;
  
                                          &lt;input type='text' class="form-control " placeholder="Start Date" id="startDateInput"/&gt;
                                          &lt;span class="input-group-addon"&gt;
                                              &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                                          &lt;/span&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;!-- &lt;div class="col-md-12 col-xs-12 col-sm-12 no-padding"&gt;
                                          &lt;label&gt;End Date&lt;/label&gt;
                                      &lt;/div&gt; --&gt;
                                      &lt;div class="col-md-12 col-xs-12 col-sm-12"&gt;
                                           &lt;label class="col-md-2 col-xs-12 text-center noPadding"&gt;&lt;b&gt;To:&lt;/b&gt;&lt;/label&gt;
                                      &lt;div class="input-group date col-md-10 col-md-offset-1 col-xs-12" id='endDate'  &gt;
                                          &lt;input type='text' class="form-control" placeholder="End Date" id="endDateInput" /&gt;
                                          &lt;span class="input-group-addon"&gt;
                                              &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                                          &lt;/span&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                          &lt;/div&gt;  
  </code></pre>
  
  <p>This is intialization of datetime picker</p>
  
  <pre><code> $('#startDate').datetimepicker({
           format: 'YYYY-MM-DD HH:mm:ss',
           collapse:false,
           sideBySide:true,
           useCurrent:false,
           showClose:true,
          });
  
       $('#endDate').datetimepicker({
           format: 'YYYY-MM-DD HH:mm:ss',
           collapse:false,
           sideBySide:true,
           useCurrent:false,
           showClose:true,
       });
  </code></pre>
  
  <p>This is event to hide the datetime picker</p>
  
  <pre><code>$("#startDate").on("dp.change", function (e) {
            $('#startDate , #endDate').data("DateTimePicker").hide();
     });
  
     $("#endDate").on("dp.change", function (e) {
            $('#endDate').data("DateTimePicker").hide();
     });
  </code></pre>
  
  <p>Now My question is datetime picker should not get close on timepicker up and down button.
  I have tried to get that from where even is getting fired but that is also not giving me anything.</p>
  
  <p>This is <a href="http://jsfiddle.net/eradi_singh/byx1couq/43/" rel="nofollow">fiddle</a> where any on  wish to update for he solution </p>