ikayz/html-duration-picker.js

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

html-duration-picker.js

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

BEFORE <input type="text">

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

See Live Demo

Why use html-duration-picker?

• Tiny (~5kb)
• No additional dependencies (css, jquery or whatever).
• Bootstrap 3 and Bootstrap 4 Compatible
• Angular Compatible
• You can modify and improve it :-)
• Absolutely FREE!

License

GPL-3.0

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;