WUI logo

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 #

NameType(s)DefaultRequired
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

Packages #

Dependencies #
Peer dependencies #

Previous

Textarea