<!-- required files -->
<link href="../assets/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" />
<script src="../assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>

<!-- html -->
<div class="input-group bootstrap-timepicker">
  <input id="timepicker" type="text" class="form-control" />
  <span class="input-group-text input-group-addon">
    <i class="fa fa-clock"></i>
  </span>
</div>

<!-- script -->
<script>
  $("#timepicker").timepicker();
</script>