Party Picker

Generic category-driven party composition picker. Configure any set of traveller types via PartyCategory[]. GuestPicker (accommodation) is a thin wrapper over this. Exposes PartyPickerPanel for embedding in sheets or custom layouts.

core/party-picker

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Activity (Adult/Child/Concession), Transfer (Passengers/Bags), and embedded panel examples.

Activity party (Adult / Child / Concession)

1 adult

Transfer party (Passengers + Bags)

PartyPickerPanel (embedded)

Adults

Age 16+

Children

Ages 5–15

Concessions

Senior / Student

1 adult

API Reference

Prop	Type	Default	Description
`categories`req	`PartyCategory[]`	—	Category definitions — each drives a CounterInput row.
`value`req	`PartyValue`	—	Current counts keyed by category ID.
`onChange`req	`(value: PartyValue) => void`	—	Called when any count changes.
`config`	`PartyPickerConfig`	—	Optional shared cap (maxTotal) and constraint note.
`label`	`string`	`"Guests"`	Trigger label and popover header.
`placeholder`	`string`	`"Add guests"`	Trigger placeholder when party is at defaults.
`shellVariant`	`boolean`	`true`	When true, renders as a SearchFieldShell trigger.
`disabled`	`boolean`	—	Disables the trigger.
`open`	`boolean`	—	Controlled open state.
`onOpenChange`	`(open: boolean) => void`	—	Called when the popover open state changes.