JSFiddle - React, Tailwind, and code Playground

by Rusln

HTML

<input id="myinput" type="text" value="dd-mm-yyyy" />
<button id="max-date">future event</button>

JavaScript

// 1 init datepicker
$("#myinput")
.datepicker({
    minDate: new Date()
});
// 2 set an active date
$("#myinput").datepicker("setDate", new Date());
// 3 some future event
var setMaxDate = function () {
    // 4 set a maxDate value
    $("#myinput").datepicker("option", "maxDate", new Date());
};
// trigger our future event
$("#max-date").on("click", setMaxDate);