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
});