TimePicker
Allows user to select a predefined time.
version
5.0.0-alpha.16
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 |