Activity Search Bar

Horizontal search bar for activity / experience / tour search. Composes QueryCombobox (destination), SingleDatePicker (departure date), and PartyPicker (travellers). Emits an ActivitySearchValue on search.

core/activity-search-bar

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Full search bar with autocomplete suggestions.

Activity search bar

API Reference

Prop	Type	Default	Description
`value`req	`ActivitySearchValue`	—	Controlled search state.
`onChange`req	`(value: ActivitySearchValue) => void`	—	Called on any field change.
`onSearch`	`(value: ActivitySearchValue) => void`	—	Called when the user clicks Search.
`suggestions`	`QuerySuggestion[]`	—	Autocomplete suggestions for the query field.
`suggestionsLoading`	`boolean`	—	Shows suggestion loading skeleton.
`partyCategories`	`PartyCategory[]`	—	Party categories. Defaults to Adult/Child/Concession.
`minDate`	`string`	—	Minimum selectable date (ISO). Defaults to today.
`maxDate`	`string`	—	Maximum selectable date (ISO).
`disabled`	`boolean`	—	Disables all fields.