Skip to content

digitalCounsels/html-duration-picker.js

 
 

Repository files navigation

html-duration-picker.js

All Contributors

npm Push Basic Tests 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 (~7kb)
  • 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

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.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Dan Chif

💻 🚧 ⚠️

GeorgeChambi

💻

Fabian

💻

Peter Morgan

💻 📖

Isaac Miti

💻 📖

Omri Dagan

💻

jasmap

💻

Chamunorwa Mutezva

📖

Aryan-Garg

📖

Solomon

📖

orama254

📖

Gabriel Ferreira Umbelino

💻

Shaun Dixon

📖

julionz

💻 🤔

Nestser, Uladzislau

💻 ⚠️

Laoise Earle

📖 💡

Ezra Obiwale

💻

Kharanshu31

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

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 79.9%
  • HTML 20.1%