DateTimePicker

Props

NameTypeDescription
formatstringdd.MM.yyyy hh:mm by default
isDisabledbooleanIn case you want it to be disabled
isOpenbooleanControlled opened state
maxDateMax available date
minDateMin available date
namestringComponent name
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
timeMin[number, number]
timeMax[number, number]
valuestring | Date | nullSelected date
_[className]
[x: string]: unknown
E.g.: _w-48 adds a css class w-48 to the component's outer wrapper.

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