JSFiddle - React, Tailwind, and code Playground
HTML
<div id="datepicker"></div>
JavaScript
var notAvailableDates = ["18-6-2018", "21-6-2018"];
function available(date) {
var noWeekend = $.datepicker.noWeekends(date);
var dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if (!noWeekend[0] || notAvailableDates.indexOf(dmy) !== -1) {
return [false, "", "unAvailable"];
} else {
return [true, "", "Available"];
}
}
$("#datepicker").datepicker({
beforeShowDay: available,
minDate: -0,
maxDate: "+10M +10D",
dateFormat: 'dd/mm/yy',
firstDay: 1
});