DateRange

Props

NameTypeDescription
formatstringdd.MM.yyyy is default
isDisabledbooleanIn case you want it to be disabled
isOpenboolean...
maxDateMax available date
minDateMin available date
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
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.

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