title: Auto Close Bootstrap-TimePicker?
body: <p>I'm using bootstrap time picker, it works great but when I press tab between my fields the time picker remains open, so I have to click somewhere else to close it.</p>
  
  <p>How can I make it close it self?
  Using the time picker like this:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="col-md-4 control-label"&gt;Starttid:&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
          @Html.TextBox("startTime", Model.Times.StartTime, new { @class = "form-control timepicker timepicker-24" })
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label class="col-md-4 control-label"&gt;Sluttid:&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
          @Html.TextBox("endTime", Model.Times.EndTime, new { @class = "form-control timepicker timepicker-24" })
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label class="col-md-4 control-label"&gt;Rastlängd:&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
          @Html.TextBox("breakTime", Model.Times.BreakTime, new { @class = "form-control timepicker timepicker-24" })
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>These are the settings for my timepicker:</p>
  
  <pre><code>    $.fn.timepicker.defaults = {
      defaultTime: 'current',
      disableFocus: false,
      disableMousewheel: true,
      isOpen: false,
      minuteStep: 15,
      modalBackdrop: true,
      orientation: { x: 'auto', y: 'auto'},
      secondStep: 15,
      showSeconds: false,
      showInputs: true,
      showMeridian: false,
      template: 'dropdown',
      appendWidgetTo: 'body',
      showWidgetOnAddonClick: true
    };
  </code></pre>