TimePicker
Allows user to select a predefined time.
version
5.1.0
install
yarn add @welcome-ui/time-picker
usage
import { TimePicker } from '@welcome-ui/time-picker'
About #
It is based on the react-datepicker library.
Note: Pass a value of null
if you don't want the default value of Date.now()
.
Simple use case #
Add an icon on the right #
Pass props to TimePicker #
Properties #
Name | Type(s) | Default | Required |
---|---|---|---|
size | "xs" "sm" "md" "lg" | md | |
icon | Element | ||
iconPlacement | "right" "left" | left | |
onChange | (date?: Date) => void | ||
onBlur | (event: FocusEvent<HTMLDivElement, Element>) => void | ||
onFocus | (event: FocusEvent<HTMLDivElement, Element>) => void | ||
placeholder | string | ||
value | string Date | ||
transparent | Boolean |