DxSchedulerDateTimeRangeCollection.End Property

Specifies the range’s end date.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public DateTime End { get; }

Property Value

Type	Description
DateTime	The end date.

Remarks

The Start and End property values specify the range to which a cell belongs.

In the example below, these property values are accessible in the <ResourceHeaderCellTemplate> and displayed in the cell:

<DxScheduler StartDate="@DateTime.Today"
                 DataStorage="@DataStorage"
                 GroupType="@SchedulerGroupType.Resource"
                 ResourceColorInHeaderVisible="false" HtmlCellDecoration="OnHtmlCellDecoration"
                 CssClass="w-100" >
    <Views>
        <DxSchedulerDayView DayCount="2" ShowWorkTimeOnly="true">
            <ResourceHeaderCellTemplate>
                <div class="" style="display: flex; flex-direction: row; align-items: center;">
                    <div style="padding: 0.4725rem;">
                        Start date: @context.Intervals.Start<br />
                        Due date: @context.Intervals.End
                    </div>
                </div>
            </ResourceHeaderCellTemplate>
        </DxSchedulerDayView>
    </Views>
</DxScheduler>

@code {
@* ... *@
    void OnHtmlCellDecoration(SchedulerHtmlCellDecorationEventArgs args) {
        if  (args.CellType == SchedulerCellType.ResourceHeader) {
            args.CssClass = "card-header";
            args.Style = "padding: 0.4725rem;";
        }
    }
}