Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDateEditSettings.TimeSectionScrollPickerFormat Property

Specifies the format of the time in the time section.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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
razor
<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();
    }
}

DateEdit ScrollPicker

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

See Also