JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
<input name="time" id="ftime" value="" placeholder ="Enter Time" maxlength="100" title="Arrival/leaving time" type="text">
JavaScript
$('#ftime').timepicker({
timeFormat: "hh:mm TT",
ampm: true,
hourMin :4,
hourMax : 24
});