IDateEditSettings.PickerDisplayMode Property

Specifies the datepicker type.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(DatePickerDisplayMode.Auto)]
[Parameter]
DatePickerDisplayMode PickerDisplayMode { get; set; }

Property Value

Type	Default	Description
DatePickerDisplayMode	Auto

An enumeration value.

Available values:

Name	Description
Auto

Mobile and tablet devices display a datepicker as a scroll picker.
Other device types display a datepicker as a calendar.

| | Calendar |

All devices display a datepicker as a calendar.

| | ScrollPicker |

All devices display a datepicker as a scroll picker.

Remarks

The date editor adapts a datapicker to the device type. Mobile and tablet devices display a datapicker as a modal scroll picker. Other device types display a datepicker as a calendar. Use the PickerDisplayMode property to change datapicker type at runtime.

To specify the datepicker type in markup, use the DxDateEditSettings.PickerDisplayMode property.

The IDateEditSettings interface allows you to get and customize settings of a date editor at runtime. You can get editor settings in the following ways:

Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.
Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.

csharp

void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
    if(e.EditSettings is IDateEditSettings dateEditSettings)
        dateEditSettings.PickerDisplayMode = DatePickerDisplayMode.ScrollPicker;
}

Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.

csharp

void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
    if(e.EditSettings is IDateEditSettings dateEditSettings)
        dateEditSettings.PickerDisplayMode = DatePickerDisplayMode.ScrollPicker;
}