JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.affordableweb.info/testing/jquery-ui-timepicker-addon.js"></script>
<script src="http://www.affordableweb.info/testing/jquery-ui-sliderAccess.js"></script>
<link rel="stylesheet" href="http://www.affordableweb.info/testing/jquery-ui-timepicker-addon.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<input id="StartDatePicker" class="rounded dateinput" type="datetime-local" value="2013-11-24T21:42"></input>
JavaScript
if (!Modernizr.inputtypes.date) {
$(function () {
$("#StartDatePicker").datetimepicker({
timeFormat: "hh:mm TT",
minuteGrid: 10,
addSliderAccess: true,
sliderAccessArgs: { touchonly: false }
});
});
};
if (!Modernizr.inputtypes.date) {
$(function () {
$("#EndDatePicker").datetimepicker({
timeFormat: "hh:mm TT",
minuteGrid: 10,
addSliderAccess: true,
sliderAccessArgs: { touchonly: false }
});
});
};