JSFiddle - React, Tailwind, and code Playground

by Chintan Upadhayay

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css">
<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">

JavaScript

var date = new Date($( "#from" ).val());
		var currentMonth = date.getMonth();
		var currentDate = date.getDate();
		var currentYear = date.getFullYear();

 var dateFormat = "mm/dd/yy",
      from = $( "#from" )
        .datepicker({
       //   defaultDate: "+1w",
          changeMonth: true,
          numberOfMonths: 1
        })
        .on( "change", function() {
          to.datepicker( "option", "minDate", getDate( this ) );
        }),
      to = $( "#to" ).datepicker({
       // defaultDate: "+2w",
        changeMonth: true,
        numberOfMonths: 1,
        			
			//maxDate: new Date(currentYear, currentMonth, currentDate+14)

      })
      .on( "change", function() {
        from.datepicker( "option", "maxDate", getDate( this ) );
      });
 
    function getDate( element ) {
      var date;
      try {
        date = $.datepicker.parseDate( dateFormat, element.value );
      } catch( error ) {
        date = null;
      }
 
      return date;
    }