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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.9
    2
    • latest

Version History

Package Sidebar

Install

npm i ng-time-input

Weekly Downloads

9

Version

1.0.9

License

BSD-2-Clause

Last publish

Collaborators

  • fluffynuts