| Name | Type | Default | Description |
|---|
| DateFormat | DateRangeFormat | {"day": "numeric", "month": "numeric", "year": "numeric" } | Determines the format of the dates displayed in the input. Accepts valid ECMAScript Internationalization API format. By default the date format is determined by the 'locale' property. Intl.DateTimeFormat is used to format date strings in JavaScript |
| Disabled | bool | false | Enables or disables the element. |
| DropDownButtonPosition | DropDownButtonPosition | DropDownButtonPosition.Right | Determines the position of the drop down button. |
| DropDownHeight | object | | Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable. |
| DropDownWidth | object | | Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable. |
| Icons | bool | false | Determines whether the 'Today/Clear' icons will be visible or not. |
| InputPurpose | string | "off" | Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc. |
| Locale | string | "en" | Sets or gets the language. Used in conjunction with the property messages. |
| Max | object | new Date(2100, 1, 1) | Determines the max date for the Calendar displayed inside the popup. |
| Messages | object | N/A | Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. |
| Min | object | new Date(1900, 1, 1) | Determines the min date for the Calendar displayed inside the popup. |
| Months | int | 1 | Determines the number of months that will be displayed inside the popup. |
| Name | string | "" | Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form. |
| IsOpened | bool | false | Determines whether the drop down is opened or not. |
| Placeholder | string | "" | Determines the placeholder of the input. |
| Readonly | bool | false | Determines whether ot not the user can enter text inside the input. if dropDownButtonPosition is set to 'left' or 'right' then readonly determines whether the element acts as a ComboBox or a DropDownList if a dataSource is provided. |
| RightToLeft | bool | false | Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. |
| Separator | string | " - " | Determines the delimiter between the selected dates in the input. This delimiter is ued to distinguish the starting date from the ending date. |
| TimeFormat | TimeRangeFormat | { hour: '2-digit', minute: '2-digit' } | Determines the format of the dates displayed in the input. Accepts valid ECMAScript Internationalization API format. By default the date foramt is determined by the 'locale' property. |
| Timepicker | bool | false | Determines whether time selection is available or not. |
| Theme | string | "" | Determines the theme for the element. Themes define the look of the elements. |
| Unfocusable | bool | false | If is set to true, the element cannot be focused. |
| Value | object | | Sets or gets the value of the element. The type of the value depends on the valueType property. |
| ValueType | DateRangeInputValueType | DateRangeInputValueType.String | Determines the value type returned from the `value` property. |