Siva Kishore G
Modified : 15 May 2023
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.
Usage
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) {
alert(confirmTime)
})Demo
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
Comments
Recent Posts
Webcam to CCTV
Do you want to access your webcamera remotely? Then this article is for you.
Calendar Picker
Calendar Picker / Appointment Setter JS CSS Library. Inspired by Calendly.
File Sharing Server
Create a local file sharing server with realtime sync feature using Socket IO.
Tailwind Navbars
Most beautiful Navbars designed with tailwind css. Fully responsive templates.
Dashboard UIs
Most beautiful dashboards designed with bootstrap 5. Inspired mostly from dribble and other sources.
HTML Email Tempaltes
Most commonly used HTML email templates. Welcome email, sign up, password reset etc.
Payment Page UI
Checkout our most downloaded payment page ui designed with bootstrap.
Auto Logout Feature
Detect user's inactivity and auto logout after certain timeout using various JS features.
HTML Popups
Keep the user engaged and gain recurring website traffic. Includes templates.
Geolocation
How to get a user's location using Javascript and other techniques available today.
Recent Utilities
- Numerology Calculator
- Invoice Builder
- Chatbot Builder
- QR Tickets
- WPNavbars
- Schema Generator
- Loading shimmer
- Day Planner
- Image Resizer
Cookie Consent