InputProps
Props
The following table outlines the props for the InputProps:
| Name | Type | Default | Description |
|---|---|---|---|
| clearButton | boolean | true | Specifies whether to show the clear button within the input field. |
| disabled | boolean | false | Specifies whether the component is disabled or not. |
| editable | boolean | true | Specifies whether the input field can be edited directly. When false, only allows selection via calendar. |
| inputProps | Omit<InputHTMLAttributes<HTMLInputElement>> | - | Specifies additional HTML attributes to apply to the underlying input element. Values provided here can override default aria-* attributes set by the component. |
| labelMode | 'Never' | Specifies the float label behavior. Possible values:
| |
| open | boolean | false | Specifies whether the calendar popup is open or closed. |
| openOnFocus | boolean | false | When true, should open the calendar popup on input focus. |
| pickerIcon | node | undefined | Specifies the calendar/datepicker icon rendered in the input. |
| placeholder | string | - | Specifies the placeholder text to display in the input box when no value is set. |
| prefix | node | - | Specifies the icon or element to display at the beginning of the input. |
| readOnly | boolean | false | Specifies whether the component is in read-only mode. When enabled, users cannot change input value or open the picker. |
| required | boolean | false | Specifies whether the DatePicker is a required field in a form. When set to true, the component will be marked as required. |
| size | Size | Size.Medium | Specifies the size of the component. Options include 'Small', 'Medium' and 'Large'. |
| strictMode | boolean | false | Enables strict date validation mode. When enabled, invalid values are prevented or auto-corrected. |
| suffix | node | - | Specifies the icon or element to display at the end of the input. |
| valid | boolean | false | Overrides the validity state of the component. If valid is set, the required property will be ignored. |
| validationMessage | string | - | Controls the form error message of the component. |
| validityStyles | boolean | true | If set to false, no visual representation of the invalid state of the component will be applied. |
| variant | Variant.Standard | Specifies the visual style variant of the component. | |
| zIndex | number | 1000 | Sets the z-index value for the dropdown popup, controlling its stacking order relative to other elements on the page. |