A timepicker directive that allows a user to select a time via a dropdown widget.
Click the buttons to increment/decrement hours & minutes or scroll with your mouse.
It's also smart enough to convert invalid input such as '1a' into '1:00 AM'
- Built with the awesome AngularJS.
- Utilizes Bootstrap 3 styling.
- Requires angular-ui dropdown menu
$ bower install ez-timepicker <div ez-timepicker="time"></div>The following options can be set either through data attributes on the time input or by overriding the EzTimepickerConfig constant.
{
minuteStep: 15,
showMeridian: true,
meridians: ['AM', 'PM'],
inputClass: 'form-control',
inputContainerClass: 'input-group',
clockIconClass: 'icon-clock',
widgetColClass: 'col-xs-4',
incIconClass: 'icon-chevron-up',
decIconClass: 'icon-chevron-down'
}