alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Search Results for

    Show / Hide Table of Contents

    Class ScheduleToolBarDateRange

    Represents a toolbar tool for selecting a date range in the SfSchedule<TValue> component.

    Inheritance
    object
    ComponentBase
    OwningComponentBase
    SfOwningComponentBase
    ScheduleToolBarDateRange
    Implements
    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable
    Inherited Members
    ComponentBase.Assets
    ComponentBase.AssignedRenderMode
    ComponentBase.DispatchExceptionAsync(Exception)
    ComponentBase.InvokeAsync(Action)
    ComponentBase.InvokeAsync(Func<Task>)
    ComponentBase.OnAfterRender(bool)
    ComponentBase.OnAfterRenderAsync(bool)
    ComponentBase.OnInitialized()
    ComponentBase.OnParametersSet()
    ComponentBase.OnParametersSetAsync()
    ComponentBase.RendererInfo
    ComponentBase.SetParametersAsync(ParameterView)
    ComponentBase.ShouldRender()
    ComponentBase.StateHasChanged()
    object.Equals(object)
    object.Equals(object, object)
    object.GetHashCode()
    object.GetType()
    object.MemberwiseClone()
    object.ReferenceEquals(object, object)
    object.ToString()
    OwningComponentBase.IsDisposed
    OwningComponentBase.ScopedServices
    Namespace: Syncfusion.Blazor.Schedule
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class ScheduleToolBarDateRange : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
    Remarks

    This component renders a date range picker that allows users to update the SelectedDate property of the scheduler based on the selected start date.

    The date range picker supports internationalization for date formats, ensuring compatibility with locale-specific date representations as configured in the SfSchedule<TValue> component.

    The component requires a reference to the parent ScheduleToolBar and its associated SfSchedule<TValue> component to function correctly.

    For optimal performance, avoid frequent updates to the date range in scenarios with large datasets, as this may trigger scheduler refreshes that impact rendering performance.

    This component must be placed within a ScheduleToolBar component, which in turn must be within a SfSchedule<TValue> component.

    Examples

    Demonstrates how to configure the ScheduleToolBarDateRange to enable date range selection in the scheduler.

    <SfSchedule TValue="AppointmentData" @bind-SelectedDate="@SelectedDate">
        <ScheduleToolBar>
            <ScheduleToolBarDateRange />
        </ScheduleToolBar>
    </SfSchedule>
    @code {
        public class AppointmentData
        {
            public string Subject { get; set; }
            public DateTime StartTime { get; set; }
            public DateTime EndTime { get; set; }
        }
        private DateTime SelectedDate { get; set; } = DateTime.Today;
    }

    Constructors

    ScheduleToolBarDateRange()

    Declaration
    public ScheduleToolBarDateRange()

    Methods

    BuildRenderTree(RenderTreeBuilder)

    Declaration
    protected override void BuildRenderTree(RenderTreeBuilder __builder)
    Parameters
    Type Name Description
    RenderTreeBuilder __builder
    Overrides
    ComponentBase.BuildRenderTree(RenderTreeBuilder)

    Dispose(bool)

    Dispose unmanaged resources in the Syncfusion Blazor component.

    Declaration
    protected override void Dispose(bool disposing)
    Parameters
    Type Name Description
    bool disposing

    Boolean value to dispose the object.

    Overrides
    OwningComponentBase.Dispose(bool)

    OnInitializedAsync()

    Declaration
    protected override Task OnInitializedAsync()
    Returns
    Type
    Task
    Overrides
    ComponentBase.OnInitializedAsync()

    Implements

    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable
    In this article
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved