Pick a day

Up to 30 days ahead. Pick a day, then a drop-off window.

89152226296101112

Greyed days are closed, past the booking cutoff, or more than 30 days ahead.

Drop-off window on

Morning8–10amAfternoon12–2pm

No room on for .

Pick another day.

Continue

Book a service: 4 Day and drop-off window

Spec: Book a service, Appointment rules. Task: WB-8, rows 4 and 7. “Today” is Mon Nov 9 in the drawing, so Nov 9 is past the 6pm-the-day-before rule.

States

State	What shows
Normal	Calendar Nov 9 to Dec 12. Thu Nov 12 is picked, with both windows: Morning 8–10am and Afternoon 12–2pm. Continue greyed until a window is picked. Tap any open day: Fri Nov 13 shows the one-window state, Mon Nov 16 the no-room state, others show both windows.
One window	Fri Nov 13: Morning has no room, so only Afternoon 12–2pm is listed (rule: only windows with room are shown).
No room	Mon Nov 16: no windows. “No room on Mon, Nov 16 for Oil Change.” (Oil Change is the sample when no service was chosen.) “Pick another day.” Continue greyed.
Loading	Grey block where the calendar will be.
Failure	Banner “We couldn’t check what’s free.” with Try again.
Empty	None: the 30-day range always holds open days; a day with no room is the No room state.

Greyed days (dashed, no fill, not tappable): Sundays and Thu Nov 26 (closed), today (past the cutoff), and days after Dec 9 (more than 30 days ahead). The legend says so in words.

Suggested defaults: the client's to change

Every value below is a suggested default from Appointment rules in the spec. The client changes them in Settings (WB-10); the screen reads them, it does not fix them. Drop-off windows: Morning 8–10am, Afternoon 12–2pm. Furthest ahead: 30 days. Latest to book: 6pm the day before. Cancel or reschedule cutoff: 24 hours before the window starts. Daily capacity per service: Oil Change 8; A/C Services 3; Suspension & Brake Services 3; Engine Tune-Ups 2; Coolant & Oil Leak Repairs 2; Electrical Diagnostics & Repairs 2. Closed days here (Sundays, Thu Nov 26) and “today” (Mon Nov 9, 9:41) are placeholders for the drawing.

Controls (WB-8)

Day buttons, window options, Continue, Back.

?

? Whether the daily capacity is shared by both windows or counted per window. Waits on the client; the drawing only shows which windows have room.
? Whether a day that is full all day is greyed in the calendar ahead of time or only shows No room after it is tapped. Waits on the API: greying 30 days needs capacity for all 30 up front. Drawn as tappable with No room.
? Which months show beyond Dec: the calendar always spans 30 days. Not drawn.
? Time zone: dates follow the shop’s time zone. Waits on the client’s location.