Time Picker
TimePicker uses the shadcn Slider installed for the consumer’s selected Base UI
or Radix configuration. Wrap multiple pickers in TimePickerContainer to receive
their combined duration in milliseconds.
Loading...
Installation
Section titled “Installation”bash
pnpm dlx shadcn@latest add @opalus-ui/time-picker| Prop | Type | Default |
|---|---|---|
timeMilliseconds | number | 1 |
minValue | number | 0 |
maxValue | number | 1000 |
step | number | 1 |
value | number | uncontrolled |
defaultValue | number | minValue |
onValueChange | (value: number) => void | undefined |
prefixLabel | ReactNode | (value) => ReactNode | undefined |
suffixLabel | ReactNode | (value) => ReactNode | undefined |
Dialog Example
Section titled “Dialog Example”Loading...