Booker

Stages

1. pick-date — month grid shows days with availability
2. pick-slot — available slots on the selected day
3. fill-form — attendee form (name, email, custom fields)
4. success — confirmation with add-to-calendar buttons

Plus reschedule mode — prefilled from existing booking uid.

Animations

Use motion (motion/react) AnimatePresence with fadeInLeft variants. The outer container animates its width across stages: narrow (calendar only) → wider (calendar + slots) → widest (form).

Timezone + 12/24h