Отметить диапазон дат в jquery ui datepicker

 $(function () { 
        var to; 
        var from; 
        var dateFormat = "dd.mm.yy"; 
        from = $("#fromDate") 
            .datepicker({ 
                defaultDate: "", 
                numberOfMonths: 1 
            }) 
            .on("change", function () { 
                to.datepicker( "option", "minDate", getDate( this ) ); 
                $("#inpFromDate").val(getDate(this)); 
            }); 
        to = $("#toDate").datepicker({ 
            defaultDate: "+1w", 
            numberOfMonths: 1 
        }) 
            .on("change", function () { 
                console.log(Date); 
                from.datepicker( "option", "maxDate", getDate( this ) ); 
                $("#inpToDate").val(getDate(this)); 
            }); 
 
        function getDate(element) { 
            var date; 
            try { 
                date = $.datepicker.parseDate(dateFormat, element.value); 
            } catch (error) { 
                date = null; 
            } 
 
            return date; 
        } 
    });

.ui-datepicker .ui-datepicker-calendar { 
  border: none; 
  background: #fff; 
  border-radius: 15px; 
} 
.ui-datepicker .ui-datepicker-calendar td a { 
  border-radius: 15px; 
  background: #fff; 
  border: none; 
  padding: 2px; 
  text-align: center; 
} 
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { 
  border: none; 
  background: #0000ff; 
  color: #fff; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script 
  src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" 
  integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk=" 
  crossorigin="anonymous"></script> 
   
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<label for="from">From</label> 
<div id="fromDate"></div> 
<label for="to">to</label> 
<div id="toDate"></div> 
<input type="hidden" id="inpFromDate"> 
<input type="hidden" id="inpToDate">