is12h | boolean | — | Toggles between 12-hour (AM/PM) and 24-hour time formats; set to true for 12-hour display. |
showScrollbars | boolean | — | Determines visibility of scrollbars for hours, minutes, and second. |
selectOnScrolling | boolean | — | Automatically selects the middle value while scrolling hours, minutes, seconds, or meridiem for smoother interaction. |
visibleColumns | ('hours' | 'minutes' | 'seconds')[] | — | Specifies which time units to display in the picker; choose any combination of 'hours', 'minutes', and 'seconds'. |
disabledHours | number[] | — | An array of hour values (0–23) that are disabled in the picker, preventing selection of those times. |
disabledMinutes | number[] | — | An array of minutes values (0–59) that are disabled in the picker, preventing selection of those times. |
disabledSeconds | number[] | — | An array of seconds values (0–59) that are disabled in the picker, preventing selection of those times. |
disabledMeridiem | string[] | — | An array of meridiem values (AM - am - ص - PM - pm - م) that are disabled in the picker, preventing selection of those times. |
| . | | | |
renderTimeItem | (renderedValue: string, item: number | string, props: HTMLAttributes<any>, state: { selected: boolean, disabled: boolean }) => ReactNode | — | A function that returns a custom element for each hour, minute, second and meridiem cell in the timepicker. |
onSelect | (date: Date) => void | — | Called when a user clicks an hour, minute, second, or meridiem; receives the clicked date as a Date object. |