Welcome UI logo

TimePicker

The Time Picker component is an interactive UI element that allows users to select a specific time from a predefined format. It typically includes options for hours, minutes, and sometimes seconds, often presented in a dropdown or clock interface. This component is essential for applications requiring precise time input, such as scheduling events, setting alarms, or booking appointments, providing a user-friendly and accurate way to select times.

Source
OverviewProps

TimePicker

dataTestId

string

endYear

number

icon

string & Element | number & Element | false & Element | true & Element | ReactElement<any, string | JSXElementConstructor<any>> & Element | Iterable<ReactNode> & Element | ReactPortal & Element

iconPlacement

"left" | "right" | undefined = left

locale

string & Locale | LocaleObj & Locale

onChange

FormEventHandler<HTMLDivElement> & ((date?: Date) => void)

placeholder

string

size

"lg" | "md" | "sm" | "xs" | undefined = md

startYear

number

transparent

Boolean

value

string | Date | undefined = new Date()

TextareaToggle