opinion

PickerWheel

A spinning-wheel value selector. Drag, scroll, or click any visible option.

HourSpin to 9 for the harbour launch

Selected: 9

Minutes

Days

Three rows

In context

Reminder timeSetting a reminder for the launch, on a phone

Calendar

Harbour launch24 Oct, 09:00

Harbour rebrand

Mobile design review22 Oct, 14:00

Tideline mobile

Crew interview 1121 Oct, 11:30

Crew interviews

Payroll cut-off28 Oct

Rota export

Calendar

Harbour launch24 Oct, 09:00

Remind me at

Props

Prop	Type	Required	Default
`options`	`string[]`	Yes	—
`value`	`string \| undefined`	No	—
`defaultValue`	`string \| undefined`	No	—
`onValueChange`	`((value: string) => void) \| undefined`	No	—
`visibleCount`	`number \| undefined`	No	5
`itemHeight`	`number \| undefined`	No	44
`bionic`	`boolean \| undefined`	No	—
`bionicOptions`	`BionicOptions \| undefined`	No	—

data-rebar-* attributes

data-rebar-component="picker-wheel"; parts: track, option (selected one carries data-rebar-selected), highlight.

Migrating to Ant Design

AntD (the web-focused library) has no direct equivalent — a spinning-wheel picker is a mobile-native pattern (Cupertino's UIPickerView, React Native's Picker). antd-mobile's PickerView is the closer sibling library if the migration target is genuinely mobile.