Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDateTimeMaskProperties.CaretMode Property

Specifies the caret navigation mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

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

Razor
<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