JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<input type="text" id="arrival" class="datepicker" value="" />
<br /><br />
<input type="text" id="departure" class="datepicker" value="" />
JavaScript
var iconURL = "http://jqueryui.com/demos/"+
"datepicker/images/calendar.gif";
$("#arrival" ).datepicker({
showOn: "button",
buttonImage:iconURL,
buttonImageOnly: true
});
$("#departure" ).datepicker({
showOn: "button",
buttonImage:iconURL,
buttonImageOnly: true
});
$("#arrival").bind('change',function(){
var dateValue = this.value;
if(dateValue != " " || dateValue != undefined){
$("#departure").datepicker("show");
}
});