JSFiddle - React, Tailwind, and code Playground
by Kumaresan S
HTML
<div class="box">
Date
<input type="text" id="datepicker" />
</div>
CSS
.box{
width:500px;
height:500px;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
background: #f7c77e;
color: #fff;
}
JavaScript
$(document).ready(function () {
var date = new Date();
var currentMonth = date.getMonth();
var currentDate = date.getDate();
var currentYear = date.getFullYear();
$('#datepicker').datepicker({
minDate: new Date(currentYear, currentMonth, currentDate),
dateFormat: 'd M'
});
});