Skip to main content
All docs
V24.2

DxDateRangePicker<T> Properties

A component that allows you to select date ranges.
Name Description
Attributes Specifies a collection of standard HTML attributes applied to the editor. Inherited from DxInputDataEditorBase<T>.
Buttons Allows you to add command buttons to the Date Range Picker.
ClearButtonDisplayMode Specifies whether an input editor displays the Clear button when it is not empty. Inherited from DxInputDataEditorBase<T>.
CssClass Assigns a CSS class to the editor. Inherited from DxDataEditor<T>.
DayCellTemplate Specifies the template used to display day cells.
DisplayFormat Specifies the pattern used to format the Date Range Picker’s display values.
DropDownBodyCssClass Assigns a CSS class to the drop-down body in the Date Range Picker.
DropDownCssClass Assigns a CSS class to the Date Range Picker’s drop-down window.
DropDownDirection Specifies the direction in which the drop-down window is displayed relative to the editor’s input element.
DropDownVisible Specifies the current state (displayed/hidden) of a drop-down calendar.
Enabled Specifies whether an editor is enabled. Inherited from DxDataEditor<T>.
EndDate Specifies the end date of the range.
EndDateExpression Specifies a lambda expression that identifies the EndDate property’s bound value when the Date Range Picker is placed in the EditForm.
FirstDayOfWeek Specifies the first day of the week in the Range Date Picker’s drop-down calendar.
Id Specifies the component’s unique identifier.
InputCssClass Assigns a CSS class to the editor’s input. Inherited from DxInputDataEditorBase<T>.
InputId Specifies a unique identifier (ID) of an editor’s input element. Inherited from DxInputDataEditorBase<T>.
MaxDate Specifies the maximum date that can be selected in the Date Range Picker.
MinDate Specifies the minimum date that can be selected in the Date Range Picker.
NullText Specifies the editor’s prompt text when the editor’s value is null. Inherited from DxInputDataEditorBase<T>.
NullValue Specifies a null value for the Date Range Picker component.
ReadOnly Specifies whether read-only mode is active. Inherited from DxDataEditor<T>.
ShowDropDownButton Specifies whether the Date RangePicker displays the built-in button that invokes a calendar.
ShowValidationIcon Specifies whether an editor shows validation icons. Inherited from DxInputDataEditorBase<T>.
ShowValidationSuccessState Specifies whether the editor indicates successful validation. When an input value is valid, the editor displays a green outline and can show a success icon. Inherited from DxDataEditor<T>.
SizeMode Specifies an editor size. Inherited from DxDataEditor<T>.
StartDate Specifies the start date of the range.
StartDateExpression Specifies a lambda expression that identifies the StartDate property’s bound value when the Date Range Picker is placed in the EditForm.
ValidationEnabled Specifies whether the editor validates user input. Inherited from DxDataEditor<T>.
WeekNumberRule Specifies the first week of the year.
See Also