Skip to content

MaximilianoRicoTabo/easy-timepicker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

An angularjs timepicker directive

Resources

License

Stars

Watchers

Forks

Packages

No packages published