DxDateEditSettings.TimeSectionHourIncrement 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 TimeSectionHourIncrement { get; set; }

Property Value

Type	Default	Description
Int32	1	The interval.

Remarks

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

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

<DxGrid @ref="Grid"
        Data="DataSource"
        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="TitleOfCourtesy" MinWidth="120" />
        <DxGridDataColumn FieldName="BirthDate" Width="10%" MinWidth="80">
            <EditSettings>
                <DxDateEditSettings TimeSectionVisible="true"
                                    TimeSectionHourIncrement="2" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="HireDate" Width="10%" MinWidth="80" />
    </Columns>
</DxGrid>

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

Implements

TimeSectionHourIncrement