Skip to content

Epithermal/html-duration-picker.js

 
 

Repository files navigation

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.

About

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

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 82.4%
  • HTML 15.4%
  • CSS 2.2%