JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div><!-- End demo -->
CSS
.someDates a{
color: red !important;
}
JavaScript
$(function() {
var someDates = ['10/8/2010', '10/28/2010', '10/30/2010'];
$("#datepicker").datepicker({
beforeShowDay: function(date) {
for (var i = 0; i < someDates.length; i++) {
if (new Date(someDates[i]).toString() == date.toString()) {
return [true,'someDates'];
} else if( date > new Date('10/10/2010') ) {
return [true,'','greater than 10/10/2010'];
// try hovering dates greater than 10/10/2010...
}
}
return [true];
}
});
});