Wheel Picker

Барабан выбора в стиле iOS: инерция, 3D-цилиндр, пресеты даты и времени. Pro · Формы и ввод › Дата и время

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add wheel-picker

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { WheelPicker } from 'valyro-ui-pro';

Prop	Type	Default
`columns` *	`WheelPickerColumn[]`		Wheels from left to right, each with its own key, accessible label and options.
`value`	`string[]`		Selected option value per column, in column order.
`defaultValue`	`string[]`		Initial `value` when uncontrolled.
`onValueChange`	`(value: string[]) => void`		Called when a wheel comes to rest on a new option (not on every row it passes).
`visibleCount`	`number`	`5`	Rows the drum shows (default 5).
`loop`	`boolean`	`false`	Every column wraps around (a column's own `loop` wins).
`disabled`	`boolean`	`false`	Locks every wheel: dragging, scrolling and keys are ignored and the columns leave the tab order.
`invalid`	`boolean`	`false`	Error state, e.g. from a FormField: aria-invalid on every column (an explicit `aria-invalid` wins).