Skip to main content
A newer version of this page is available. .

DxDateTimeMaskProperties Class

Defines properties for Date-Time masks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxDateTimeMaskProperties :
    DxMaskPropertiesBase

Remarks

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"
            Mask="@DateTimeMask.ShortDate">
    <DxDateTimeMaskProperties CaretMode="MaskCaretMode.Advancing" />
</DxDateEdit>

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

Inheritance

See Also