DxTimeSpanMaskProperties.SelectAllInputMode Property

Specifies whether the editor clears all section values after a user selects all content and starts to enter digits.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(TimeSpanSelectAllInputMode.ResetDefaultFocusSection)]
[Parameter]
public TimeSpanSelectAllInputMode SelectAllInputMode { get; set; }

Property Value

Type	Default	Description
TimeSpanSelectAllInputMode	ResetDefaultFocusSection	A TimeSpanSelectAllInputMode enumeration value.

Available values:

Name	Description
ResetAllSections	The editor clears all sections of the previous value and directs user input into the default focus section.
ResetDefaultFocusSection	The editor directs user input into the default focus section and retains all other section values.

Remarks

A user can select all sections, although a mask allows users to modify only one section at a time. When a user selects all sections and starts to enter digits, the editor directs user input to the default focus section and retains all other section values.

Set the SelectAllInputMode property to ResetAllSections to clear all sections of the previous value after a user selects all content and starts to enter digits. In this mode, the editor also directs user input to the default focus section.

<DxMaskedInput @bind-Value="@time" 
               Mask="[dd DD ]hh HH[ mm MM][ ss SS]">
    <DxTimeSpanMaskProperties DefaultFocusSection="@TimeSpanSection.Hours"
                              SelectAllInputMode="@TimeSpanSelectAllInputMode.ResetAllSections" />
</DxMaskedInput>

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

Note that the editor hides an optional zero value section if it is the first or last visible section.

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