| animate | defines the type of animation, with which the view is shown, if it is a Multiview cell |
| borderless | used to hide the component borders |
| button | sets a button at the bottom of DateRange |
| calendar | defines the configuration for all calendars in the widget |
| calendarCount | sets the number of calendars to be rendered in the DateRange view |
| calendarHeight | sets the height of each calendar in the DateRange view in pixels |
| container | an HTML container (or its ID) where the component should be initialized |
| css | the name of the CSS class or the object with styles that will be applied to the view container |
| disabled | indicates whether an item is enabled |
| gravity | sets the view gravity |
| height | sets the height of the component |
| hidden | defines whether the view will be hidden initially |
| icons | sets the visibility of 'Today/Clear' icons in the DateRange |
| id | the ID of a widget |
| maxHeight | sets the maximum height for the view |
| maxWidth | sets the maximum width for the view |
| minHeight | sets the minimal height for the view |
| minWidth | sets the minimal width for the view |
| on | allows attaching custom handlers to inner events of the component |
| padding | defines the space between the element borders and content (applies the specified value to all sides). |
| paddingX | sets the right and left padding (applies the specified value to both sides) |
| paddingY | sets the top and bottom padding (applies the specified value to both sides) |
| timepicker | enables clock displaying for time selection |
| type | defines the layout borders |
| value | sets the initially selected date range |
| width | sets the width of a widget |