title: Override Styles for disable dates in eonasdan-datetimepicker
body: <p>I would like to override the default styles for the "eonasdan-datetimepicker" (<a href="https://github.com/Eonasdan/bootstrap-datetimepicker" rel="nofollow">https://github.com/Eonasdan/bootstrap-datetimepicker</a>) displaying a basic hover message.
  By default disabled dates are using this CSS attributes:</p>
  
  <pre><code>.bootstrap-datetimepicker-widget table td span.disabled,
  .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
  }
  
  .bootstrap-datetimepicker-widget table th.disabled,
  .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
  }
  
  .bootstrap-datetimepicker-widget table td span.disabled,
  .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
  }
  </code></pre>
  
  <p>I would like to display a basic hover message with the title attribute.
  My current try is not working at all, I put this code in the document.ready function. </p>
  
  <pre><code>    if ($(".bootstrap-datetimepicker-widget").attr('th, td, span', 'disabled') == 'true')
      {
          $(".bootstrap-datetimepicker-widget").attr('title', 'This date is disabled');
      }
  </code></pre>
  
  <p>Thank you</p>