WillCallPicker

molecules

Will-call ticket pickup selector — choose pickup location, date, and time slot. Shows ID requirements. Critical UX pattern: will-call pickup.

ARIA Role: radiogroup

Demo

Demo for WillCallPicker (molecules)

Will-call ticket pickup selector — choose pickup location, date, and time slot. Shows ID requirements. Critical UX pattern: will-call pickup.

Props

PropTypeRequiredDefaultDescription
locationsWillCallLocation[]Yes—
selectedLocationstringNo—
onSelect(locationId: string) => voidYes—

TypeScript Interface

interface WillCallPickerProps {
  locations: WillCallLocation[];
  selectedLocation?: string;
  onSelect: (locationId: string) => void;
}

Assertions (NASA Rule 5)

  • [type]locations must have at least 1 item(NASA Rule 5)
  • [aria]Each location must have aria-label with name and hours(WCAG 4.1.2)

Usage

Import

import { Willcallpicker } from '@epasslive/design-system'

Basic

<Willcallpicker />

With Variants

<Willcallpicker variant="primary" size="md" />