Screen Flows

Book the next appointment

A dental clinic books the next visit from a screen flow: one week of slots, lunch and taken slots greyed out, one tap to pick. No calendar app, no back and forth.

Date/Time Picker
dateTimePicker
center
The scenario

Brightsmile Dental creates appointments with a three step flow. Step 2 is the slot. The receptionist sees the coming week, eight to five, thirty minute slots. Lunch and booked slots are greyed out, the weekend too. Tuesday 10:30 is selected. Next takes the choice into the appointment record.

The configuration
  • variant: weekly, type: radio, weekStartDay: monday: one week at a time, one slot at a time.
  • startTime: 08:00, endTime: 17:00, timeSlotDuration: 00:30, timeFormatHour12: true: the clinic's day, in 12 hour time.
  • disabledIntervalsSerialized for lunch and the weekend, disabledDateTimesSerialized for booked slots, showDisabledDates: true: taken time stays visible, just not clickable.
  • defaultVisibleDate set to next Monday, min today, max two months out: the picker opens where booking happens.
Step by step

The settings above are the ones that matter. The tutorial has the whole build: the objects and sample data behind the screen, every step in order, and what to check once it runs.

Open the tutorial
Runs on
Flow Screen ComponentsDynamic ComponentsLWC Components

Build it in your org.

85+ components, four Salesforce surfaces, 10 free production licenses. Start with the one you just saw.

Start freeAll use cases