# Scheduling Slot Picker

Sales demo booking with 30-minute slots across several time zones.

- id: `scheduling-slot-picker`
- Page: https://agentic-ui-kit.com/components/scheduling-slot-picker
- Live preview: https://agentic-ui-kit.com/live/component/scheduling-slot-picker

## Install

```bash
agentic-ui add scheduling-slot-picker
npx shadcn@4.17.0 add @agentic-ui/scheduling-slot-picker
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** month-calendar, availability-density, slot-selection, timezone-switching, dst-aware-offsets, part-of-day-grouping, booking-confirmation, empty-and-error-states, keyboard-navigation
- **Intents:** execute-flow, create-edit
- **Suits domains:** saas, operations, healthcare, support
- **Interaction:** slot-selection, calendar-navigation, timezone-switching, keyboard-navigation
- **Screen role:** flow
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** sales demo booking with 30-minute slots across several time zones, clinical appointment by room and practitioner with a 20-minute duration, support schedule with shifts published per team, booking internal resources with limited capacity per slot
- **Avoid when:** selecting a date range without specific times, editing the calendar owner's recurring availability
- **Preserve when adapting:** calendar-grammar, availability-semantics, timezone-model, interaction-model
- **Replace when adapting:** domain-copy, slot-duration, timezone-list, resource-labels
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, card, badge, select, label, separator, skeleton
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives