s3pweb / html-duration-picker.js

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

Home Page:https://nadchif.github.io/html-duration-picker.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

https://nadchif.github.io/html-duration-picker.js/

License:Apache License 2.0


Languages

Language:JavaScript 82.8%Language:HTML 15.1%Language:CSS 2.2%