JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<script type="text/javascript" src="js/jquery.ui.datepicker.validation.js"></script>

<div class="demo">    
    <p>Date:</p>
    <input id="month" type="text" class="dpDate"/>
    <input id="day" type="text" class="dpDate"/>
    <input id="year" type="text" class="dpDate"/>
    <input type="hidden" id="datepicker" />   
</div>

JavaScript

$(function() {
    $("#datepicker").datepicker({
         buttonImage: '../../images/icons/calendar.png',
        buttonImageOnly: true,
        showOn: 'button',
         onSelect: function(dateText, inst) {
            $('#year').val(dateText.split('/')[2]);
            $('#month').val(dateText.split('/')[0]);
            $('#day').val(dateText.split('/')[1]);                     
        }
    });
});