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>Start date:</label>
<input type="text" id="datepicker1">
 <label>End date:</label>
<input type="text" id="datepicker2">

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: 'yyyy-mm-dd',defaultDate : '-6m' });
 $("#datepicker2").datepicker({ dateFormat: 'yy-mm-dd',defaultDate: '+15d' });

});