Datepicker
Overview
When to use
t.b.d.
When to consider an alternative
t.b.d.
Component
Default
Format
State
shouldOpenCalendar
Four options for open calendar:
ClickOrFocuswhich is defaultbuttonClickwhich toggles the calendar on icon click onlyfocuswhich toggles on input focus onlynoCalendar
Properties
Default
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| utilClassNames | String | false | - | |
| children | Node | false | - | |
| componentRef | Shape {
"current": "Any"
} | false | - | |
| id | String | false | - | |
| onChange | Func | false | - | |
| value | Instanceof Class(Date) | false | - | |
| format | String | false | dd/MM/y | Input format based on [Unicode Technical Standard #35](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table). Supported values are: y, M, MM, MMM, MMMM, d, dd |
| maxDate | Instanceof Class(Date) | false | - | |
| minDate | Instanceof Class(Date) | false | - | |
| disabled | Bool | false | - | |
| error | Bool | false | - | |
| shouldOpenCalendar | Enum null │ null │ null │ null | false | [buttonClick, focus] |