Props

Required Props

Prop

Type

Description

radius

number

The radius of the clock circle. This controls the overall size of the TimePicker.

Optional props

Prop

Type

Default Value

Description

numberRadius

number

radius - 40

Radius for positioning clock numbers.

colors

Colors

See defaults

Customize clock elements, active/inactive colors, etc.

initialHour

number

12

Initial hour value (0–12 for AM/PM mode).

initialMinute

initialMinute

0

Initial minute value (0–59).

initialPeriod

'am' | 'pm'

'am'

Initial period (AM or PM).

customComponents

Custom Components

-

Replace parts of the TimePicker with your own React components.

customStyles

Custom Styles

-

customStyles

onValueChange

(hour, minute, period) => void

-

Callback triggered when the time value changes.

Search