TimePicker

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().

Install and import

yarn add @welcome-ui/time-picker @xstyled/styled-components prop-types react react-dom styled-components
import { TimePicker } from '@welcome-ui/time-picker'

Simple use case

{
"welcome": 1593679204332
}

Add an icon on the right

{
"welcome2": 1593679204336
}

Pass props to TimePicker

{
"welcome3": 1593679204340
}

Properties

NameType(s)DefaultRequired
autoFocus
bool
dateFormat
string
HH:mm
disabled
bool
icon
union
iconPlacement
right
left
left
inputRef
func
onBlur
func
onChange
func
onFocus
func
placeholder
string
popperProps
object
size
sm
md
lg
lg
timeIntervals
number
15
value
number | object | string
DEFAULT_DATE

Dependencies

Peer dependencies