Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 1.13 KB

README.md

File metadata and controls

51 lines (34 loc) · 1.13 KB

##This project is no longer maintained.

EzTimepicker Directive

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'

Install

$ bower install ez-timepicker

Usage

  <div ez-timepicker="time"></div>

Configuration

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'
}

Demo

http://plnkr.co/edit/uA3Ide?p=preview