DxDateEditSettings.TimeSectionScrollPickerFormat Property

Specifies the format of the time in the time section.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string TimeSectionScrollPickerFormat { get; set; }

Property Value

Type	Description
String	A time formatting pattern.

Remarks

When the TimeSectionVisible property is set to true, the date editor displays a time section. Use the TimeSectionScrollPickerFormat property to specify the format of the time value in the time section’s scroll picker. The default scroll picker format depends on the current culture.

The time section’s scroll picker supports the following time format specifiers:

• h and hh for hours
• m and mm for minutes
• s and ss for seconds
• t and tt for a day period

<DxGrid Data="@employees" EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="HireDate" >
             <EditSettings>
                <DxDateEditSettings TimeSectionVisible="true" TimeSectionScrollPickerFormat="tt h m" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="Email" />
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
}

To change the format at runtime, use the IDateEditSettings.TimeSectionScrollPickerFormat property instead.

Implements

TimeSectionScrollPickerFormat