title: jQuery Datepicker: Prevent closing picker when clicking a date
body: <p>Hi fellow stackoverflow:ers,</p>
  
  <p>I'm using the <a href="http://docs.jquery.com/UI/API/1.7.2/Datepicker" rel="noreferrer">jQuery Datepicker plugin</a>, together with <a href="http://milesich.com/timepicker/" rel="noreferrer">Martin Milesich Timepicker</a> plugin. Everything works great, except for the fact that clicking a date in the datepicker, closes the widget, leaving no time to pick the time. </p>
  
  <p>Question: So I'm wondering if there's a way to prevent the widget from closing when clicking a date, and instead force users to click the "Done" button (that shows up when enabling the "showButtonPanel: true" option), or clicking outside of the widget. I don't want my users having to open the widget twice! See the behavior <a href="http://milesich.com/tpdemo/" rel="noreferrer">online at the timepicker demo</a></p>
  
  <p>Any help solving this issue, or even pointers in the right direction, is appreciated!</p>
  
  <p>More info:
  I'm using the files supplied from Martins download link: <a href="http://milesich.com/tpdemo/timepicker-0.2.0.zip" rel="noreferrer">http://milesich.com/tpdemo/timepicker-0.2.0.zip</a></p>
  
  <ul>
  <li>jquery-ui-1.7.2.custom.min.js</li>
  <li>timepicker.js (latest version 0.2.0)</li>
  </ul>
  
  <p>These are the options I'm using:</p>
  
  <pre><code>$(document).ready(function(){
      $(".datepicker").datepicker({
          duration: '',  
          showTime: true,  
          constrainInput: false,  
          stepMinutes: 5,  
          stepHours: 1, 
          time24h: true,
          dateFormat: "yy-mm-dd",
          buttonImage: '/static/images/datepicker.png',
          buttonImageOnly: true,
          firstDay: 1,
          monthNames: ['Januari','Februari','Mars','April','Maj','Juni','Juli','Augusti','September','Oktober','November','December'],
          showOn: 'both',
          showButtonPanel: true
       });
  })
  </code></pre>