JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>	
   
<label for="from">From</label>
<div type="text" id="from" name="from"></div>

<label for="to">to</label>
<div type="text" id="to" name="to"></div>
<span id="dayCount"></span>

CSS

.ui-widget-content td.range a {
  background: red;
  color: white;
}

#dayCount {
  font-size: 72px;
  color: red;
}

JavaScript

$.datepicker.regional['ru'] = {
		closeText: 'Закрыть',
		prevText: '&#x3c;Пред',
		nextText: 'След&#x3e;',
		currentText: 'Сегодня',
		monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
		'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
		monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
		'Июл','Авг','Сен','Окт','Ноя','Дек'],
		dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
		dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
		dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
		dateFormat: 'dd.mm.yy',
		firstDay: 1,
		isRTL: false
	};
	$.datepicker.setDefaults($.datepicker.regional['ru']);
 $( function() {
     var
   dateFormat = "mm/dd/yy",
   from = $( "#from" ).datepicker({
		 defaultDate: "+1d",
     minDate: 0,
     numberOfMonths: 1,
     beforeShowDay: highlightRange
   }).on( "change", function() {
     to.datepicker( "option", "minDate", getDate( this ) );
     showRangeSize();
   }),
   to = $( "#to" ).datepicker({
	   defaultDate: "+1d",
		 minDate: 0,
     numberOfMonths: 1,
     beforeShowDay: highlightRange
   }).on( "change", function() {
     from.datepicker( "option", "maxDate", getDate( this ) );
     showRangeSize();
   });

function highlightRange(date) {
  var className = to && from && (
    date >= from.datepicker('getDate') &&
    date <= to.datepicker('getDate')
  ) ? 'range' : '';

  return [true, className, ''];
}

function showRangeSize() {
  $('#dayCount').html(1 + (to.datepicker('getDate') - from.datepicker('getDate')) / 86400000);
}

function getDate( element ) {
  var date;
  try {
    date = $.datepicker.parseDate( dateFormat, element.value );
  } catch( error ) {
    date = null;
  }
 
  return date;
}

  } );