Bootstrap Timepicker

<div class="input-group bootstrap-timepicker timepicker">
  <input id="timepicker1" type="text" class="form-control input-small">
  <span class="input-group-addon"><i class="material-icons">access_time</i></span>
</div>

<script>
 $("#timepicker1").timepicker({
       template: "modal",
       icons:{
           up: "fas fa-chevron-up",
           down: "fas fa-chevron-down"
       }
   });
</script>