Skip to main content

DxDateEditSettings.MaskProperties Property

Allows you to define mask properties.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment MaskProperties { get; set; }

Property Value

Type Description
RenderFragment

The mask properties.

Remarks

Add a DxDateTimeMaskProperties or DxDateTimeOffsetMaskProperties object to the MaskProperties property markup to configure datetime mask settings.

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

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

Date Editor Mask Properties

To configure mask settings at runtime, use the IDateEditSettings.MaskProperties property instead.

Implements

See Also