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 type='text' id='full' name='fulldate'>

<label>Enter Day of Arrival (in the format DD) </label>
<input type="text" name="$DAY$" id="day" size="6" maxlength="6" /> 

<label>Enter Month of Arrival (in the format MM) </label>
<input type="text" name="$MONTH$" id="month" size="6" maxlength="6" /> 

<label>Enter Year of Arrival (in the format YYYY) </label>
<input type="text" name="$YEAR$" id="year" size="6" maxlength="6" />

CSS

label {
    margin-top: 10px;
    display:block;
}

JavaScript

$('#day').datepicker({
    onSelect: function(dateText, inst) {
        var pieces = dateText.split('/');
        $('#day').val(pieces[0]);
        $('#month').val(pieces[1]);
        $('#year').val(pieces[2]);
    }
})