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

DxTimeSpanMaskProperties.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

Time span masks can include multiple sections (for instance, hours and minutes). Users can modify one section at a time. Input focus remains within one section until a user moves focus to another section.

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

Razor
<DxMaskedInput @bind-Value="@Value"
            Mask="@TimeSpanMask.GeneralShortFormat">
    <DxTimeSpanMaskProperties CaretMode="@MaskCaretMode.Advancing" />
</DxMaskedInput>

@code {
    TimaSpan Value { get; set; } = new TimeSpan(5, 16, 30, 15, 7);
}

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

See Also