Skip to main content

DxDateTimeMaskProperties.CaretMode Property

Specifies the caret navigation mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(MaskCaretMode.Regular)]
[Parameter]
public MaskCaretMode CaretMode { get; set; }

Property Value

Type Default Description
MaskCaretMode Regular

A caret navigation mode.

Available values:

Name Description
Regular

Input focus remains within one section until a user moves focus to another section.

Advancing

After a user completes input into a mask section, the caret moves to the next editable section.

Remarks

Date-time masks can include multiple sections (for instance, the month and day sections). These masks allow users to modify only one section at a time. Input focus remains within one section until a user moves focus to another section.

Regular Date-Time Masks

Set the CaretMode property to Advancing to move the caret to the next editable section after a user completes input into a mask section:

Date-Time Masks with Advancing Caret

<DxDateEdit @bind-Date="@date" 
            Mask="@DateTimeMask.ShortDate">
    <DxDateTimeMaskProperties CaretMode="@MaskCaretMode.Advancing" />
</DxDateEdit>

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

Refer to the following topic for more information: Mask Settings.

See Also