JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<form>          
From: <input type="text" class="datepicker start-1" id="from"> 
To: <input type="text" class="datepicker end-1" id="to">
</form>

JavaScript

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 2,
        minDate: (new Date(2009, 8, 1)),
        maxDate: -30,
        onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
            }
        
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 2,
        minDate: (new Date(2009, 8, 1)),
        maxDate: -30,
        onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
    });
});