DEV Community

Cover image for bsTimepicker: Clock Dial Time Picker for Bootstrap Forms
jQueryScript
jQueryScript

Posted on

bsTimepicker: Clock Dial Time Picker for Bootstrap Forms

bsTimepicker: a Bootstrap plugin that adds a Bootstrap-styled time picker with a circular clock dial to any input or div element.

Key features:
• 12h and 24h display modes with AM/PM toggle
• Touch and pointer event support on the dial
• Bootstrap 4/5 dropdown integration
• Hidden field support for form submission
• Returns database-ready HH:mm values
• Full API: show, hide, toggle, setTime, getTime, clear

Works cleanly in any Bootstrap 4 or 5 form layout. Worth a look if you need a clock-style time input that produces clean backend values.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)