Skip to main content

DxDateTimeMaskProperties Class

Defines properties for Date-Time masks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.2.dll


public class DxDateTimeMaskProperties :


Use the CaretMode property to specify the caret navigation mode for data editors with Date-Time masks.

Default Behavior

After users enter a specific part of a date/time value, they should use the keyboard or mouse to move the caret to another part.

Regular Date-Time Masks

Advancing Caret Mode

After users enter and completes a specific part of a date/time value, the caret moves to the following part of a date/time value that can be edited. To enable this mode, set the CaretMode property to MaskCaretMode.Advancing.

Date-Time Masks with Advanced Caret

<DxDateEdit @bind-Date="Value"
    <DxDateTimeMaskProperties CaretMode="MaskCaretMode.Advancing" />

@code {
    DateTime Value { get; set; } = DateTime.Now;


See Also