Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Appointment Form V01

appointment form v01

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A clinic booking form with a department select that filters the doctor list, a date picker that rejects weekends and a grid of time-slot chips generated for the chosen day. Some slots show as taken and past times are hidden for today. A dark teal side column holds the clinic's hours, address, phone and a short what-to-bring list, and a confirmation panel echoes the doctor, date and time.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 381 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Doctor select filtered by department
  • Weekend dates rejected with an inline error
  • Time-slot chips generated per date, with taken and past slots disabled
  • Inline errors with aria-invalid and aria-describedby, shown only after interaction
  • Focus moves to the first invalid field on submit
  • Confirmation panel with the date formatted by Intl
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.