JSFiddle - React, Tailwind, and code Playground
HTML
<input type='text' />
JavaScript
var disabled = ['1/1','1/25', '6/7'];
$("input").datepicker({
duration: 0,
showOn:'button',
constrainInput: true,
showTime: true,
stepMinutes: 30,
stepHours: 1,
altTimeField: '',
time24h: true,
minDate: 0,
beforeShowDay: function(date) {
var day = date.getDay();
var dayMonth = (1+ date.getMonth()) + '/' + date.getDate();
return [(day != 0 && day != 6 && $.inArray( dayMonth, disabled ) < 0)];
}
});
$("input").change(function() {
var date = new Date($(this).val()).getDay();
if(date == 0 || date == 6) {
alert('weekend');
}
});