ikayz / 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

GitHub Workflow Status GitHub file size in bytes GitHub top language GitHub

GitHub pull requests GitHub closed issues GitHub issues first-timers-only

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">

Default Input

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

Duration Picker Input

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;

About

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

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

License:GNU General Public License v3.0


Languages

Language:JavaScript 80.6%Language:HTML 19.4%