DxTimeSpanMaskProperties.CaretMode Property

Specifies the caret navigation mode.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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 additional information: Mask Settings.