JSFiddle - React, Tailwind, and code Playground

HTML

<form action="activity_report_date_range.php" method="GET" name="search_reporting" id="search_reporting"><br />
    <label for="from">Start Date:</label><br>
    <input type="text" id="from" name="from"><br><br>
    <label for="to">Last Date:</label><br>
    <input type="text" id="to" name="to">
  <input style="margin-bottom: 20px" type="submit" name="submit_search" id="submit" value="Search" placeholder="Submit">
</form>

JavaScript

$(function() {
    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });