ember-time-field
Time field input, like Chrome's, with keyboard navigation within sections.
Installation
ember install ember-time-field
Usage
{{time-field on-change=(action "timeChanged") value=time hour12=true}}
value is a Time
hour12 (default false) whether or not to display in 12 hour format with am/pm field.
on-change action is triggered with a Time whenever the input value changes.
Time is simply a POJO with hours and minutes properties and is always 24 hours.
Keyboard / Mouse Integration
- Clicking on a segment selects that segment (hours/minutes/period)
- Up/down increment/decrement the selected segment
- Left/right moves between segments
- Typing moves along the segments - eg typing "945p" will enter "09:45 pm"
TODO pre 1.0
- Tests
- Ensure 12 hour times work correctly
Installation
git clone this repository
npm install
Running
Running Tests
ember test
ember test --server
Building
For more information on using ember-cli, visit http://www.ember-cli.com/.