TimePicker

Props

NameTypeDescription
dateDate | null...
formatstringhh:mm is default
isDisabledbooleanIn case you want it to be disabled
isOpenboolean...
onBlur(ev: BlurEvent) => voidBlur handler
onChange(ev: ChangeEvent) => voidChange handler
onEnterPress(ev: ChangeEvent) => voidEnter press handler
onFocus(ev: FocusEvent) => voidFocus handler
placeholderstringPlaceholder
shouldRender
boolean
Pass false if you don't want the component to appear
timeMax[number, number]Max allowed time, [hours, minutes]
timeMin[number, number]Min allowed time, [hours, minutes]
valuestring | Date | nullSelected date
_[className]
[x: string]: unknown
E.g.: _w-48 adds a css class w-48 to the component's outer wrapper.

<L.TimePicker
  onChange={({ component }) => console.log(component.value)}
  _w-48
/>