/html-duration-picker.js

Turn an HTML input box to a duration picker, without jQuery

Primary LanguageJavaScriptApache License 2.0Apache-2.0

html-duration-picker.js

npm Push Basic Tests Codacy Badge first-timers-only

html-duration-picker.js is a very tiny JS library used for transforming a native HTML text input into a duration picker. The aim is for the picker to feel like a native element as much as possible.

BEFORE <input type="text">

Default Input

AFTER <input type="text" class="html-duration-picker">

Duration Picker Input

See Live Demo

Why use html-duration-picker?

  • Tiny (< 10 kb)
  • No additional dependencies (CSS, jQuery, etc)
  • Bootstrap 3 and Bootstrap 4 Compatible
  • Angular Compatible
  • You can modify and improve it :-)
  • Absolutely FREE!

License

Apache-2.0

Contributors

This project follows the all-contributors specification. Check out the list of CONTRIBUTORS.md.

Contributions

Contributions and suggestions are very welcome and wanted. I try to respond to pull requests within 48 hours. For more information see CONTRIBUTING.md.

Documentation

See DOCUMENTATION.md for instructions on how to install and use it in your project.