# Wheel Picker

Three wheels for a time. Set time waits until every wheel has settled.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/wheel-picker
```

## Usage

```tsx
import { WheelPicker } from '@/components/fetaui/wheel-picker'

export function Example() {
  return <WheelPicker defaultValue="09:00" onValueChange={setTime} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| value | 24 hour text |  |
| defaultValue | 24 hour text | 08:41 |
| onValueChange | (value) => void |  |
| onCancel | () => void |  |
| minuteStep | number | 1 |
| title | string | Pickup time |
| submitText | string | Set time |
| animated | boolean | true |
| className | string |  |

## When to use

- For touch first time picking.

## When not to use

- When people know the time: use Time Field.

## Accessibility

- Each wheel is a spinbutton with a text value.
- Set time is disabled while a wheel moves.

## Motion

- Wheels flick with inertia and settle on a 260 and 28 spring.
- Numbers blur slightly while moving.
- With reduced motion, wheels step a row at a time, with no blur.