Skip to main content

DxSchedulerEndTimePickerFormLayoutItem Class

The layout item that displays the End field’s time part in the appointment edit form.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxSchedulerEndTimePickerFormLayoutItem :
    SchedulerFormLayoutItemBase

Remarks

You can use the following properties to create a custom edit form for appointments:

Construct the form based on layout items in the same way as when you use the DxFormLayout component. The Scheduler ships with a set of predefined layout items that correspond to items of the default edit form.

Use the DxSchedulerEndTimePickerFormLayoutItem to display the End field’s time part.

Scheduler Appointment Form End Time

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             ActiveViewType="SchedulerViewType.WorkWeek">
    <Views>
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
                                 TimeSpan.FromHours(19)))">
            @*...*@
        </DxSchedulerWorkWeekView>
    </Views>
    <AppointmentFormLayout >
        @*...*@
        <DxSchedulerEndTimePickerFormLayoutItem></DxSchedulerEndTimePickerFormLayoutItem>
        @*...*@
    </AppointmentFormLayout>
</DxScheduler>

For more information, refer to the following help topic: Custom Appointment Form.

Run Demo: Scheduler - Custom Fields and Appointment Form

Inheritance

Object
ComponentBase
SchedulerFormLayoutItemBase
DxSchedulerEndTimePickerFormLayoutItem
See Also