blazor-devexpress-dot-blazor-dot-dxdatetimemaskproperties.md
Specifies the caret navigation mode.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(MaskCaretMode.Regular)]
[Parameter]
public MaskCaretMode CaretMode { get; set; }
| 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.
|
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:
<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 additional information: Mask Settings.
See Also
DxDateTimeMaskProperties Class