<!-- required js / css -->
<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 timepicker">
  <input id="timepicker" type="text" class="form-control">
  <span class="input-group-addon input-group-text">
    <i class="fa fa-clock"></i>
  </span>
</div>

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