ng-time-input

1.0.9 • Public • Published

ng-time-input

Simple time input directive for angular

It's not much to look at, but it's easy to style and has these behaviors:

  • Display is 24-hour
  • As you type, the date value is altered
  • Typing in either input has some intelligence, keeping your typed values valid for their input
  • Completing an hours value that is acceptable automatically focuses and fully selects the minutes so
  • you can, for instance, type "1145" and get the inputs correctly filled. There's also some intelligence,
  • such that typing, say, "933" will give you the expected result of 0933
  • You may use up/down arrow keys (when an input is focused) or

Styling:

  • The inputs have the classes "hours" and "minutes" respectively
  • The divider has no content -- you can set it via css with .divider:after (the default is ":")
  • Really the only styling is setting the inputs to 1.5em width (default, works ok). The rest is up to you, to make it fit into your application

Readme

Keywords

none

Package Sidebar

Install

npm i ng-time-input

Weekly Downloads

5

Version

1.0.9

License

BSD-2-Clause

Last publish

Collaborators

  • fluffynuts