Skip to main content
All docs
V25.1
  • DxTimeSpanMaskProperties.UpdateNextSectionOnCycleChange Property

    Specifies whether the editor updates the value of the next mask section after the current section’s value passes the maximum or minimum threshold.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool UpdateNextSectionOnCycleChange { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to update the value of the next mask section; otherwise, false.

    Remarks

    Time span masks can include multiple sections (for instance, hours and minutes). Users can enter a required value directly into a mask section or use the Up and Down arrow keys (or the mouse wheel) to increase or decrease this section’s value to the desired value. After the current section’s value passes the maximum or minimum threshold, the editor increases or decreases the value of the next mask section accordingly.

    Change Section Values Along the Chain

    Set the UpdateNextSectionOnCycleChange property to false to disable this behavior:

    <DxMaskedInput @bind-Value="@Value"
                   Mask="@TimeSpanMask.GeneralShortFormat">
        <DxTimeSpanMaskProperties UpdateNextSectionOnCycleChange="false" />
    </DxMaskedInput>
    
    @code {
        TimeSpan Value { get; set; } = new TimeSpan(5, 16, 30, 15, 7);
    }
    

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

    See Also