TimeRange

Props

NameTypeDescription
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
placeholderstring | [string | undefined, string | undefined]Placeholder
shouldRender
boolean
Pass false if you don't want the component to appear
timeMax[number, number]End range time
timeMin[number, number]Start range time
value[string | string] | [Date | null, Date | null]Input fields values
_[className]
[x: string]: unknown
E.g.: _w-48 adds a css class w-48 to the component's outer wrapper.

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