title: datepicker beforeShowDay vs. selected
body: <p>I have a datepicker that has a special highlight using beforeShowDay. However, the highlight style prevents the selected ("ui-btn-active") style, which is automatically applied when a cell is clicked. What is the best approach to get the selected style on top?</p>
  
  <pre><code>&lt;div id="datepicker"&gt;&lt;/div&gt;
  
  .Highlighted a{
  background: none !important;
  background-color: #990066 !important;
  }
  
          $('#datepicker').datepicker({
              beforeShowDay: function (date) {
                  return [true, SelectedDates[date] ? 'Highlighted' : ''];
              }
          });
  </code></pre>
  
  <p>Adding this has no effect:</p>
  
  <pre><code>.Highlighted ui-btn-active a{
  background: none !important;
  background-color: white !important;
  }
  </code></pre>