Calendar Picker With Bootstrap


author small image Siva Kishore G
Posted : 15 May 2023
Modified : 15 May 2023
Expert Developers
Calendar Picker with bootstrap 5

Calendar Picker

Inspired by calendly calendar picker / appointment setter, I've designed this free to use calendar picker with all the heavy lifting taken care of. The calendar is designed custom from scratch which lets you set timings from 8:00 AM - 8:00 PM.


Download the JS & CSS resources and initialize the calendar by adding the HTMl tag with exact same ID and calling the function as shown below

<div id="hjsCalendar"></div>
hjsCalendar(function (confirmTime) {


Explore the functionality by interacting with the demo below and feel free to suggest any additions or modifications in the comment section.

Post a comment

I promise, I keep it clean *


Alert SVG Cookie Consent

This website uses cookies and similar technologies, to enhance your browsing experience and provide personalized recommendations. By continuing to use our website, you agree to our Privacy policy.