JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<input id="date" />
JavaScript
var highlight = 3;
$('#date').datepicker({
beforeShowDay: function(date){
// highlight days matching the "highlight" weekday :
var res = [true, "", ""];
if (date.getDay() == highlight) {
res = [true, "ui-state-hover", "tip"];
}
return res;
},
onChangeMonthYear: function(){
// delayed update : change the "highlight" weekday and trigger refresh
setTimeout(function(){
highlight += 1;
highlight = highlight % 7;
$('#date').datepicker('refresh');
}, 1000);
}
});