JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/ui-lightness/jquery-ui.css">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Datepicker - Select a Date Range</title>
</head>
<body>

<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="to">to</label>
<input type="text" id="to" name="to"/>

</body>
</html>

JavaScript

$(function() {
    var dates = $( "#from, #to" ).datepicker({
        numberOfMonths: 3,
        beforeShowDay: function(date) {
            if (date >= jQuery('#from').datepicker('getDate')
                && date <= jQuery('#to').datepicker('getDate')) {
                return [true, 'ui-datepicker-days-cell-over']; // Highlight days inbetween
            }
            return [true, '']; // Show all days by default
        }
    });
});