Skip to main content
All docs
V25.1
  • DxDateEditSettings.MaskProperties Property

    Allows you to define mask properties.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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