DateTimePicker
Props
Name | Type | Description |
---|---|---|
format | string | dd.MM.yyyy hh:mm by default |
isDisabled | boolean | In case you want it to be disabled |
isOpen | boolean | Controlled opened state |
max | Date | Max available date |
min | Date | Min available date |
name | string | Component name |
onBlur | (ev: BlurEvent) => void | Blur handler |
onChange | (ev: ChangeEvent) => void | Change handler |
onEnterPress | (ev: ChangeEvent) => void | Enter press handler |
onFocus | (ev: FocusEvent) => void | Focus handler |
placeholder | string | Placeholder |
shouldRender | boolean | Pass false if you don't want the component to appear |
timeMin | [number, number] | |
timeMax | [number, number] | |
value | string | Date | null | Selected 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 />