JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/redmond/jquery-ui.css">
<script src="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js"></script>
<input type="text" class="datepicker" id="birthday"/>
CSS
/* css for timepicker */
/*
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
*/
JavaScript
$("#birthday").datepicker({
dateFormat: 'dd.mm.yy',
defaultDate: '21.12.95',
beforeShowDay: true
});
/*jQuery("#birthday").datepicker("option",
"beforeShowDay", "enableAllDays"
);
*/
function enableAllDays() {
// var day = date.getDay();
// If day == 1 then it is MOnday
return [true] ;
}