JSFiddle - React, Tailwind, and code Playground

by akmiecik

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<form>
    <input type="text" id="minutes" class="timepicker" name="minutes"/>
    <input type="text" class="timepicker" name="seconds"/>
</form>

JavaScript

(function($) {
    $(function() {
        $('input#minutes').timepicker(
     {
    timeFormat: 'h:mm:ss',
    interval: 1,
    minTime: '10',
    maxTime: '6:00pm',
    defaultTime: '11',
    startTime: '10:00',
    dynamic: false,
    dropdown: true,
    scrollbar: true
		}
        );
    });
})(jQuery);