DxDateEdit<T>.MaskProperties Property

Allows you to define mask properties for the Date Edit with custom day cells.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
RenderFragment	A render fragment that contains mask properties.

Remarks

When you specify the DayCellTemplate property, declare DxDateTimeMaskProperties in the MaskProperties template.

<DxDateEdit @bind-Date="@DateTimeValue" 
            Mask="@DateTimeMask.ShortDate">
    <DayCellTemplate>
        <span class="text-info">@context.Day.ToString()</span>
    </DayCellTemplate>
    <MaskProperties>
        <DxDateTimeMaskProperties CaretMode="MaskCaretMode.Advancing" />
    </MaskProperties>
</DxDateEdit>

@code{
    DateTime DateTimeValue { get; set; } = DateTime.Today;
}

You can declare DxDateTimeMaskProperties directly between the tags if you do not define the DayCellTemplate.