WillCallPicker

Status

Planned molecule — the React component is not yet implemented. Nothing is exported from the DS barrel; the render above is a design reference mock typed to the planned interface, not the component.

Composes: RadioGroup (location choice) + DatePicker + TimePicker (pickup date/time) — NOT DateRangePicker. Only the location choice is specced today; the date + time-slot props are future scope.

Planned API

Sketch of the intended contract. Until the component ships, this is not importable code.

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

// WillCallLocation (canonical shape — to be defined in shared-types):
// { id: string; name: string; hours?: string; address?: string; idRequirements?: string }

// Sketch — WillCallPicker is planned and NOT exported from the barrel yet.
<WillCallPicker
  locations={pickupLocations}
  selectedLocation={selectedLocation}
  onSelect={(locationId) => setSelectedLocation(locationId)}
/>

When to use

• Checkout ticket-delivery step when the customer chooses will-call pickup.
• Post-purchase ticket-delivery page (change pickup location before the event).
• Any box-office pickup flow that must surface hours and ID requirements per location.

Accessibility

Planned contract (no implementation exists to audit yet): the list root exposes role="radiogroup" (patterns.ts ariaRole) with a group label; each option exposes aria-label with the location name and hours (patterns.ts assertion, WCAG 4.1.2), reflects state via aria-checked, and keeps a 44×44px tap target (--ep-tap-min) per WCAG 2.5.5; keyboard navigation follows the WAI-ARIA APG radio-group pattern (arrows move + check, single tab stop).

Props