Skip to main content
All docs
V25.1
  • DxTimeEditSettings.HourIncrement Property

    Specifies the interval between hour values in a scroll picker.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(1)]
    [Parameter]
    public int HourIncrement { get; set; }

    Property Value

    Type Default Description
    Int32 1

    The interval.

    Remarks

    The HourIncrement property allows you to display fewer values in the Hour column when you do not need a precise selection.

    If the specified HourIncrement property value is less than 1, the component resets this value to 1.

    <DxGrid @ref="Grid"
            Data="DataSource"
            PageSize="12"
            KeyFieldName="EmployeeId"
            EditMode="GridEditMode.EditRow">
        <Columns>
            <DxGridCommandColumn Width="160px" />
            <DxGridDataColumn FieldName="FirstName" MinWidth="80" />
            <DxGridDataColumn FieldName="LastName" MinWidth="80" />
            <DxGridDataColumn FieldName="Title" MinWidth="100" />
            <DxGridDataColumn FieldName="Task Duration" MinWidth="80">
                <EditSettings>
                    <DxTimeEditSettings ScrollPickerFormat="HH:mm:ss" 
                                        Format="HH:mm:ss" 
                                        HourIncrement="2" />
                </EditSettings>
            </DxGridDataColumn>
        </Columns>
    </DxGrid>
    

    Time Edit Settings - Hour Increment

    To change the scroll picker’s date format at runtime, use the ITimeEditSettings.HourIncrement property instead.

    Implements

    See Also