Date picker

Variants of the date-picker scenario, each on its own isolated page.

• Single date (baseline)

  Pick one date from a calendar overlay (Flatpickr).

  • calendar
  • input
  • flatpickr
  • single

• Date Range

  Select a start and end date range on a calendar overlay.

  • calendar
  • range
  • flatpickr

• Appointment Scheduler

  Select a date to load and select from dynamically available time slots.

  • calendar
  • appointment
  • time
  • flatpickr
  • slots

• Date of Birth Picker

  Input birth date using dropdown selects (Day/Month/Year) with strict validation.

  • select
  • dropdown
  • validation
  • birthdate
  • age