JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<input class="date" id="day" size="3" />
/
<input class="date" id="month" size="3" />
/
<input class="date" id="year" size="5" />
CSS
label {
margin-top: ;
display:;
}
JavaScript
function onSelect(dateText, inst) {
var pieces = dateText.split('/');
$('#day').val(pieces[0]);
$('#month').val(pieces[1]);
$('#year').val(pieces[2]);
};
$('.date').click(function(event) {
var d = $('#day').val() + '/' + $('#month').val() + '/' + $('#year').val();
$(this).datepicker('dialog', d, onSelect, { dateFormat: 'dd/mm/yy' }, [10, 40]);
});