timepicker.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="./assets/timedropper-master/timedropper.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="./assets/timedropper-master/timedropper.js"></script>

</head>
<body>
<input type="text" id="alarm" format='H:mm '/>
</body>
<script>
    $( "#alarm" ).timeDropper();

</script>
</html>