title: jQuery ui - datepicker prevent refresh onSelect
body: <p>I'm using jQuery ui Datepicker to display a yearly inline calendar full of "special dates" (with colors).
  <img src="https://i.stack.imgur.com/iNEV6.png" alt="enter image description here">
  This is to allow users to batch special dates by selecting a range and some other details.</p>
  
  <pre><code>$('#calendar').datepicker({
    ...
    , onSelect: function (selectedDate, inst) {
        $('.date_pick').toggleClass('focused');
        if ($('.date_pick.end').hasClass('focused')) {
          $('.date_pick.end').val('');
        }
        # inst.preventDefault() ? &lt;- not a function
        # inst.stopPropagation() ? &lt;- not a function
        # return (false) ? &lt;- calendar refreshes anyway
      }
    ...
  });
  </code></pre>
  
  <p>I'm also using qtip to show the details on each date</p>
  
  <p>My problem is when I click on the calendar, it reloads itself entirely, so I loose my qtips.</p>
  
  <p>I'd prefer not to use live() with qtip because I don't like the behavior.</p>
  
  <p>I'd also prefer that the calendar not refresh each time I click on it (but this does not seem possible anyway) but I would probably no longer be able to highlight my selection anymore.</p>
  
  <p>Do you have a suggestion for my problems ?</p>