JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css">
from <input type="text" spellcheck="false" placeholder="" name="from" value="2012-08-14" id="from_date" />


to <input type="text" spellcheck="false" placeholder="" name="to" value="2012-08-15" id="to_date" />

JavaScript

$(function() {
    var dates = $( "#from_date, #to_date" ).datepicker({
        dateFormat: 'yy-mm-dd',
        minDate: 0,
        beforeShow: function( ) {
            var other = this.id == "from_date" ? "#to_date" : "#from_date";
            var option = this.id == "from_date" ? "maxDate" : "minDate";
            var selectedDate = $(other).datepicker('getDate');
           
            //$(this).datepicker( "option", option, selectedDate );
        }
    }).change(function(){
        var other = this.id == "from_date" ? "#to_date" : "#from_date";
        
        if ( $('#from_date').datepicker('getDate') > $('#to_date').datepicker('getDate') ) $(other).datepicker('setDate', $(this).datepicker('getDate') );
        
    });
});