Timepicker

The timepicker allows a user to select a time. The most common use case is selecting a time for something to run or expire. The timepicker widget is based on the Bootstrap-datetimepicker. See the Bootstrap 3 Datepicker v4 Docs for complete documentation.

Example

TBD: Add timepicker description

Example

Reference Markup

<script src="components/eonasdan-bootstrap-datetimepicker/src/js/bootstrap-datetimepicker.js"></script>
<script src="components/moment/min/moment.min.js"></script>
<div class="input-group time-picker-pf" id="time-picker-2">
  <input type="text" class="form-control">
      <span class="input-group-addon btn btn-default">
        <span class="fa fa-clock-o"></span>
      </span>
</div>
<script>
  $(function () {
    $('#time-picker-2').datetimepicker({
      format: 'LT',
      keyBinds: {
        enter: function () {
          $('#time-picker-2').find('input').trigger('change');
          this.hide();
        }
      }
    });
    $('#time-picker-2').data('DateTimePicker').clear();
  });
</script>