JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css">
<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

</div><!-- End demo -->

JavaScript

$(function() {
        var currentDate = new Date();
        var maxAllowedDate = new Date(currentDate);
        maxAllowedDate.setDate(currentDate.getDate() + 8);
        $( "#datepicker" ).datepicker({ 
            changeYear: true,
            minDate: '0',
            maxDate: '+7D',
        });
        $('#datepicker').change(function(){
         var enteredVal = new Date(this.value);
            if(enteredVal.getTime() < currentDate.getTime() || enteredVal.getTime() > maxAllowedDate.getTime()) {
                alert("invalid");
            } else {
                alert("valid");
            }
        });
    });