Skip to main content

DxDateEditSettings.Mask Property

Specifies a mask pattern.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public string Mask { get; set; }

Property Value

Type Default Description
String null

A mask pattern.


The date editor supports date-time and date-time offset masks.

Date-Time Masks

Choose a mask from a number of predefined patterns or use a standard or custom format string. Assign a mask pattern to the Mask property to apply a mask to the date editor. Add the DxDateTimeMaskProperties or DxDateTimeOffsetMaskProperties component to the editor’s markup to customize mask-related settings:

<DxGrid Data="@employees" PageSize="6" EditMode="GridEditMode.EditRow">
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="HireDate" >
                <DxDateEditSettings Mask="@DateTimeMask.ShortDate" DisplayFormat="D">
                        <DxDateTimeMaskProperties UpdateNextSectionOnCycleChange="true" />
        <DxGridDataColumn FieldName="Email" />

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();

Date Editor Mask

The appearance of a mask pattern depends on the client computer’s culture. Users can change the regional format in the SettingsTime & LanguageRegion system dialog. To change the culture programmatically, use the Culture property.

To specify the mask at runtime, use the IDateEditSettings.Mask property instead.


See Also