JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<label>Date:</label>
<input type="text" id="datepicker1">

CSS

div.ui-datepicker{
 font-size:10px;
}

JavaScript

// date is correctly set in calendar drop down but that date is not coming up in //textbox,I want to put 6month back date and 15 days ahead from current date to be //set 

$(function() {
 
 $("#datepicker1").datepicker({ dateFormat: 'mm/dd/yy', minDate: '10/10/18', maxDate: '03/05/19' }).datepicker("setDate", '12/25/18');

 
});