---
title: Blazor Scheduler Component & Event Calendar | Syncfusion
description: Blazor Scheduler for event calendars, booking systems, and resource scheduling apps. Supports drag-drop editing, timezone support, and high performance.
platform: blazor-components
control: Scheduler
---

# Blazor Scheduler Component for Building Calendar & Scheduling Apps

* A Blazor Scheduler is an event calendar UI component that allows you to display, create, edit, and manage appointments, meetings, and events in Blazor applications.
* It supports multiple calendar views, recurring events, drag-and-drop scheduling, resource scheduling, and time zone handling.

![Blazor Scheduler banner.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-banner-preview.webp)

## Overview

The Syncfusion Blazor Scheduler is a flexible and high-performance event calendar component built for managing time-based data and resources in Blazor applications. It is commonly used to build booking systems, appointment scheduling solutions, and resource planning applications where accuracy, usability, and scalability matter. Designed to handle complex scheduling scenarios, it helps teams deliver rich, user-friendly calendar experiences without extensive custom UI work.

**Interactive demo:** [Live demo](https://blazor.syncfusion.com/showcase/featurerichscheduler-livesvg)

### Interact with the Live Blazor Scheduler

[View Documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started-webapp)

[Try Live Demo](https://blazor.syncfusion.com/showcase/featurerichscheduler)

Runs in-browser. No installation required.

## Why choose Syncfusion Blazor Scheduler?

![A high performance Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-high-performance.svg)
### High performance

Optimized rendering and efficient data handling ensure [fast load times](https://blazor.syncfusion.com/documentation/scheduler/virtual-scrolling) and smooth scheduling, even when managing large volumes of events in enterprise applications.

![Seamless data binding in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-seamless-data-binding.svg)
### Flexible data binding

[Connect easily](https://blazor.syncfusion.com/documentation/scheduler/data-binding) to REST APIs, JSON, or cloud data sources. Supports real-time updates and seamless integration with modern application backends.

![AI-Assisted development process.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/syncfusion-agentic-ui-builder.svg)

### AI-Assisted Development

Build scheduling and calendar experiences faster with the [Agentic UI Builder](https://blazor.syncfusion.com/documentation/mcp-server/agentic-ui-builder/getting-started) and [Syncfusion Agent Skills](https://blazor.syncfusion.com/documentation/skills/getting-started). Generate appointment workflows, recurring events, resource scheduling, and timeline views with minimal manual effort.

![Blazor Scheduler supports adaptive layout.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-adapts-to-any-resolution.svg)
### Fully responsive

[Adaptive layout](https://blazor.syncfusion.com/documentation/scheduler/resources#compact-view-in-mobile) delivers a consistent scheduling experience across desktops, tablets, and mobile devices without additional configuration.

![Attractive customizable themes in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-attractive-customizable-themes.svg)
### Customizable themes

Personalize the scheduler’s appearance using built-in themes or custom styling to match your application’s design and branding. Utilize the [online Theme Studio tool](https://ej2.syncfusion.com/themestudio/?theme=bootstrap5) to customize themes of Scheduler easily.

![Globalization in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-globalization.svg)
### Globalization support

Supports [multiple languages](https://blazor.syncfusion.com/documentation/scheduler/localization), time zones, and regional formats, enabling developers to build scheduling applications for global users.

## Installation & Quick Start
Follow these three steps to integrate the Scheduler component into your Blazor application.

1

### Install the Scheduler Package
Install the [Syncfusion Blazor Scheduler package using NuGet](https://www.nuget.org/packages/Syncfusion.Blazor.Schedule).

```bash
Install-Package Syncfusion.Blazor.Schedule -Version 32.2.3
Install-Package Syncfusion.Blazor.Themes -Version 32.2.3
```

2

### Import Required Namespaces and Register Services
Import the required Syncfusion Blazor namespaces in your **Imports.razor** file and register the Syncfusion Blazor service in **Program.cs**. Add the required CSS stylesheet and Script resources to the **App.razor** or **index.html** file.

@using Syncfusion.Blazor
@using Syncfusion.Blazor.Schedule

using Syncfusion.Blazor;
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddRazorComponents()
 .AddInteractiveServerComponents();
builder.Services.AddSyncfusionBlazor();
var app = builder.Build();

```html
<head>
    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
</head>
<body>
    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
</body>
```

3

### Initialize the Scheduler Component
Import and render the Scheduler component, then bind a datasource with appointment data. Configure the views (Day, Week, WorkWeek, Month, Agenda) to enable users to efficiently schedule and manage events. Also explore our [Blazor Scheduler Example](https://ej2.syncfusion.com/blazor/demos/schedule/overview) that shows you how to render and configure a Scheduler in Blazor.

```razor
@page "/scheduler"

<SfSchedule TValue="AppointmentData">
    <ScheduleViews>
        <ScheduleView Option="View.Day"></ScheduleView>
        <ScheduleView Option="View.Week"></ScheduleView>
        <ScheduleView Option="View.WorkWeek"></ScheduleView>
        <ScheduleView Option="View.Month"></ScheduleView>
        <ScheduleView Option="View.Agenda"></ScheduleView>
    </ScheduleViews>
</SfSchedule>

@code {
    public class AppointmentData
    {
        public int Id { get; set; }
        public string Subject { get; set; }
        public string Location { get; set; }
        public DateTime StartTime { get; set; }
        public DateTime EndTime { get; set; }
        public string Description { get; set; }
        public bool IsAllDay { get; set; }
        public string RecurrenceRule { get; set; }
        public string RecurrenceException { get; set; }
        public Nullable<int> RecurrenceID { get; set; }
    }
}
```

[Get Started Now](https://www.syncfusion.com/downloads/blazor?tag=es-ft-blazor-scheduler-downloads-code-example)

No credit card required.

[Blazor Scheduler Guide](https://ej2.syncfusion.com/blazor/documentation/schedule/getting-started)

AI-assisted development

## Build feature-rich Blazor Scheduler experiences faster

Accelerate scheduling application development with Syncfusion AI tools that turn requirements into fully configured calendar and event management experiences with minimal manual setup.

![Agentic UI Builder icon](https://cdn.syncfusion.com/content/images/FT/common/sf-agentic-ui-builder.svg)

### Agentic UI Builder

Turn prompts into ready-to-use UI screens, layouts, and workflows with Syncfusion Blazor components.

**Example Prompt**
Create a doctor appointment scheduler with recurring events and timeline views.

[Explore Agentic UI Builder](https://blazor.syncfusion.com/documentation/mcp-server/agentic-ui-builder/getting-started)

![Agent Skills icon](https://cdn.syncfusion.com/content/images/FT/common/sf-agent-skills.svg)

### Agent Skills

Accelerate development with Syncfusion AI Agent Skills for faster implementation and integration.

**Example Prompt**
Generate a Blazor scheduler with recurring appointments, resource grouping, and drag-and-drop editing.

[Explore Agent Skills](https://blazor.syncfusion.com/documentation/skills/getting-started)

![AI Coding Assistant icon](https://cdn.syncfusion.com/content/images/FT/common/sf-ai-coding-assistant.svg)

### AI Coding Assistant

Accelerate development with AI that generates, configures, and troubleshoots component code directly in your IDE.

**Example Prompt**
Show how to bind remote appointments and enable timeline views in the Syncfusion Blazor Scheduler.

[Explore AI Coding Assistant](https://blazor.syncfusion.com/documentation/mcp-server/ai-coding-assistant/getting-started)

## AI Scheduler for Smarter Planning

The AI Scheduler organizes your calendar with ease. Just type instructions like, "Meet the team every Friday at 10 AM", and it handles the rest. It checks for conflicts, suggests optimal times, and organizes your calendar visually.

 [Explore the demo for AI-powered scheduling](https://blazor.syncfusion.com/demos/ai-scheduler/smartscheduler?theme=bootstrap5)

![AI Powered Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-smart-scheduler.svg)

## Blazor Scheduler Use Cases

Build powerful scheduling and booking applications using the Syncfusion Blazor Scheduler. It supports real-world scenarios such as healthcare scheduling, resource booking, hospitality reservations, and workforce management.

![Medical appointment systems](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-medical-appointment-systems.webp)

### Healthcare scheduling

Manage patient appointments, doctor availability, and recurring visits efficiently. Prevent conflicts and support accurate scheduling across departments and locations.

[View Healthcare Appointment Scheduling Demo](https://blazor.syncfusion.com/showcase/appointmentplanner/)

![Hotel and hospitality management.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-hotel-and-hospitality-management.webp)

### Hotel reservations

Handle room bookings and guest schedules efficiently. Easily update and reschedule reservations using intuitive scheduling interactions.

[View Hospitality Scheduling Demo](https://blazor.syncfusion.com/showcase/stay-reservation)

## Multiple calendar views
A wide variety of built-in view modes are available: day, week, workweek, month, agenda, month-agenda, year, and timeline. Easily configure each individual view with different, view-specific options.

![Day View in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/day-view-in-blazor-scheduler.webp)
### Day, week, and workweek views
Display events and appointments for a single day or across multiple days.

* [Day, week views documentation](https://blazor.syncfusion.com/documentation/scheduler/views#day-view)

![Month View in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/month-view-in-blazor-scheduler.webp)
### Month view
Display events and appointments on a single day or multiple days for an entire month.

* [Month view documentation](https://blazor.syncfusion.com/documentation/scheduler/views#month-view)

![Agenda view in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/agenda-view-in-blazor-scheduler.webp)
### Agenda view
Load events virtually and display them as a list in a sequential order grouped by day. An option exists to specify the number of days to load initially in the agenda view.

* [Agenda view documentation](https://blazor.syncfusion.com/documentation/scheduler/views#agenda-view)

![Month agenda view in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/month-agenda-view-in-blazor-scheduler.webp)
### Month agenda view
Display the calendar layout and the events of the currently selected date. A round indicator at the bottom of a date shows the presence of one or more events on that day.

* [Month agenda view documentation](https://blazor.syncfusion.com/documentation/scheduler/views#month-agenda-view)

![Year view in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/year-view-in-blazor-scheduler.webp)
### Year view
Year view displays all the months of a particular year in a calendar view format. In that calendar view, dates containing events and appointments are highlighted with dots placed under the individual date. When you click on the date, the event pop-up will be displayed and the events will be listed.

* [Year view documentation](https://blazor.syncfusion.com/documentation/scheduler/views#year-view)

![Timeline view in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/timeline-views-in-blazor-scheduler.webp)

### Timeline views
Blazor Scheduler provides five built-in [timeline views](https://blazor.syncfusion.com/documentation/scheduler/header-rows) are available: timeline day, timeline week, timeline workweek, timeline month, and timeline year. Each view displays events accurately across a horizontal time axis for a single day or multiple days. To provide better performance, timeline views load resources, events, and appointments virtually on every scroll action.

* [More details on timeline scheduling](blazor-scheduler/timeline-views)

![Recurring events in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-recurring.webp)

## Recurring event scheduling
Easily create and manage recurring appointments with flexible recurrence rules. Schedule daily, weekly, monthly, or custom recurring events, and handle exceptions or modifications without affecting the entire series. This makes it ideal for applications such as appointment booking systems, healthcare scheduling, and workforce planning tools.

* [Recurring events example](https://blazor.syncfusion.com/demos/#/bootstrap5/schedule/recurrence-events)
* [Recurring events documentation](https://blazor.syncfusion.com/documentation/scheduler/events)

## Resource scheduling
Efficiently manage and schedule multiple resources such as meeting rooms, employees, equipment, or service providers. Group events by resource, track availability, and prevent scheduling conflicts. This is essential for resource planning, workforce management, and reservation systems.

* [More details on multiple resources](https://www.syncfusion.com/blazor-components/blazor-scheduler/multiple-resources)

![Multiple resources and grouping in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-timeline.webp)

![Blazor Scheduler event drag and drop](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-drag-drop-event.webp)

## Drag-and-drop scheduling
Enable intuitive scheduling with built-in drag-and-drop and resizing capabilities. Users can quickly move appointments, adjust durations, or update schedules directly from the interface. This improves scheduling efficiency and provides a seamless user experience in calendar and scheduling applications.

* [Drag and drop documentation](https://blazor.syncfusion.com/documentation/introduction#drag-and-drop-appointments)

## Timezone support

Regardless of the system time zone, the Blazor Event Calendar supports setting the required time zone for the control itself, as well as events.

* [Time zone example](https://blazor.syncfusion.com/demos/#/bootstrap5/schedule/timezone)
* [Time zone documentation](https://blazor.syncfusion.com/documentation/scheduler/timezone)

![Illustration of time zone support of Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-timezone-support.webp)

## Real-time data synchronization
Real-time appointment data accurately synchronizes with our Blazor Scheduler component.

![Illustration of Google Calendar integration with Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-google-calendar-integration.webp)
### Outlook and Google Calendar integration
Easily synchronize events between our Blazor Scheduler component and Google or Outlook Calendar via the Google Calendar API or Microsoft Outlook's object library.

![Illustration of real-time updates in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-real-time-update.webp)
### Real-time updates
Bidirectional data communication conveys the server-side appointment updates made on Blazor Scheduler to all the connected clients through SignalR.

## Advanced event-handling options
The Scheduler for Blazor provides clear, vibrant, exact representations of events and appointments across the Scheduler timeline, based on their assigned time duration.

* [Learn more about event editing options](blazor-scheduler/scheduler-events)

![Illustration of add and edit capabilities of Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-add-edit-events.webp)
### Add and edit capabilities
There is built-in support for better event handling, such as easier appointment creation and editing using the default event editor or through intuitive drag-and-resize actions. In addition, you can add custom data fields to both the events and resource data source.

![Illustration of multiple event selection in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-multi-event-selection.webp)
### Multi-event selection
Easily select multiple events at once by pressing and holding the Ctrl key while clicking on events. On mobile devices, do the same by tapping and holding an event, and continue selecting by single-tapping other events. After successfully selecting events, delete or reposition them simultaneously.

![Illustration of event tooltips of Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-tooltip.webp)
### Tooltip
The customizable tooltip displays event information while the mouse pointer is hovering over the event. Do the same on mobile devices by tapping and holding an event.

* [Tooltip example](https://blazor.syncfusion.com/demos/scheduler/tooltip-template?theme=bootstrap5)

![Illustration of event customization with Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-event-appearance.webp)
### Appearance customization
Change the look and feel of Blazor Scheduler events and appointments by customizing their default appearance and style using templates or CSS.

* [Event customization example](https://blazor.syncfusion.com/demos/scheduler/event-template?theme=bootstrap5)
* [Event customization documentation](https://blazor.syncfusion.com/documentation/scheduler/appointments#appointment-customization)

![Illustration of time zone support of Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-timezone.webp)
### Time zone
Regardless of the system time zone, the Blazor Scheduler control supports setting the required time zone for the control itself, as well as events.

* [Time zone example](https://blazor.syncfusion.com/demos/scheduler/timezone?theme=bootstrap5)
* [Time zone documentation](https://blazor.syncfusion.com/documentation/scheduler/timezone)

![Inline appointment in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-inline-appointment.webp)
### Inline appointment
With this feature enabled, users can create and edit events and appointments inline with a single click on the schedule cells or on the existing appointment’s subject. Pressing Enter after the new subject text is typed in the inline text box will update and save the appointment appropriately.

* [Inline appointment example](https://blazor.syncfusion.com/demos/scheduler/inline-editing?theme=bootstrap5)

## Customizable scheduler views

Real-time appointment data accurately synchronizes with our Blazor Scheduler.

![Unique view in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-unique-view-configuration.webp)

### Unique view configurations
Easily configure each individual view mode with different calendar settings. For example, you can enable the grouping feature in the month view and apply event templates in the week view.

* [View configuration documentation](https://blazor.syncfusion.com/documentation/scheduler/views#view-specific-configuration)

![Extensible view intervals in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/extensible-visible-in-blazor-scheduler.webp)

### Extensible view intervals
Display multiple days, weeks, and months by extending each view mode based on the provided interval count.

* [Extensible view documentation](https://blazor.syncfusion.com/documentation/scheduler/views#extending-view-intervals)

![Block time intervals in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-block-time-interval.webp)

## Block time interval
You can block specific time ranges to prevent the creation of events and appointments in that time slot.

* [Block time interval example](https://blazor.syncfusion.com/demos/scheduler/block-out-dates-and-hours?theme=bootstrap5)
* [Block time documentation](https://blazor.syncfusion.com/documentation/scheduler/appointments#block-date-and-time)

## Prevent overlap events
Prevent overlapping events by configuring the scheduler to provide visual cues indicating conflicts. This ensures users can manage their schedules effectively without double-booking.

* [Prevent overlap example](https://blazor.syncfusion.com/demos/scheduler/overlap-events?theme=bootstrap5)
* [Prevent overlap documentation](https://blazor.syncfusion.com/documentation/scheduler/appointments#prevent-overlapping-events)

![Prevent overlap events in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-overlap-events.webp)

![Row auto height in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-row-height.webp)

## Adaptive rows
Automatically increase the height of the rows in month and timeline views when new concurrent events or appointments are added.

* [Adaptive rows example](https://blazor.syncfusion.com/demos/scheduler/adaptive-rows?theme=bootstrap5)
* [Adaptive rows documentation](https://blazor.syncfusion.com/documentation/scheduler/row-auto-height)

## Context menu
The context menu integrated with the Blazor Scheduler component opens when a cell or appointment is right-clicked.

* [Context menu example](https://blazor.syncfusion.com/demos/scheduler/context-menu?theme=bootstrap5)
* [Context menu documentation](https://blazor.syncfusion.com/documentation/scheduler/context-menu)

![Context menu in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/context-menu-in-blazor-scheduler.webp)

## Feature-rich calendar options
The Blazor Scheduler component inherits almost all the calendar-specific features, such as first day of the week and timescale.

![Illustration of first day of the week in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-first-day-of-week.webp)
### First day of the week
Customize the first day of the week, which defaults to Sunday, as per the default locale. You can utilize this option for individual views also.

* [First day of the week example](https://blazor.syncfusion.com/demos/scheduler/working-days?theme=bootstrap5)

![Illustration of setting start and end hours on Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-start-end-hours.webp)
### Custom start and end hours
Display the event scheduler layout with specific time durations by hiding the unwanted hours.

* [Time limit example](https://blazor.syncfusion.com/demos/scheduler/hide-non-working-hours?theme=bootstrap5)

![Illustration of timescale options of Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-flexible-time-scale.webp)
### Flexible timescale
Use [customizable timescale](https://blazor.syncfusion.com/documentation/scheduler/timescale) options to view a timeline of events clearly and set a different duration.

* [Timescale example](https://blazor.syncfusion.com/demos/scheduler/time-scale?theme=bootstrap5)

![Illustration of working time of Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-work-time.webp)
### Working time
The active cells of the Blazor Scheduler (displayed in white) visually represent the work days and hours.

* [Working hours example](https://blazor.syncfusion.com/demos/scheduler/working-hours?theme=bootstrap5)

![Illustration of current time highlighting in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-time-indicator.webp)
### Highlighting current time
Indicate the current date with a highlighted date header. Mark accurately the current time on all views.

* [Highlight current time](https://blazor.syncfusion.com/documentation/scheduler/timescale#highlighting-current-date-and-time)

![Illustration of hiding weekend days in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-hide-weekend.webp)
### Hiding weekend days
Hiding weekend days from the Blazor Scheduler allows you to display only working days across all views.

* [Hide weekend days example](https://blazor.syncfusion.com/demos/scheduler/working-days?theme=bootstrap5)

![Illustration of displaying week numbers in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-week-number.webp)
### Week number display
Display the week number of the current date range beside the date header in day, week, and workweek views. Also, display the week number in the month view as the first column. The week number is determined by the first day of the week and week rules (first day or first full week, or first four-day week).

![Illustration of displaying time format in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-time-mode.webp)
### Time mode
The Blazor Scheduler control supports both 12-hour and 24-hour time formats.

## Completely customizable UI
Customize the appearance of any part of the Blazor Scheduler interface using templates and CSS styles.

![Illustration of date header customization in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-date-header.webp)
### Date header
Change the default appearance of the header bar by adding any kind of CSS, custom text, or image.

* [Date header customization example](https://blazor.syncfusion.com/demos/scheduler/date-header?theme=bootstrap5)

![Illustration of complete Blazor Scheduler customization.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-customized-ui.webp)
### Complete Scheduler UI
A built-in client-side event allows end users to customize any part of the Scheduler user interface.

* [UI customization documentation](https://blazor.syncfusion.com/documentation/scheduler/cell-customization#customizing-cells-using-celltemplate)

![Illustration of cell customization with Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-cell-templates.webp)
### Scheduler cells
Out-of-the-box template options allow you to [customize the cells](https://blazor.syncfusion.com/documentation/scheduler/cell-customization) easily by adding any kind of text, image, or CSS.

* [Cell customization example](https://blazor.syncfusion.com/demos/scheduler/cell-template?theme=bootstrap5)

![Illustration of Quick pop-ups in Blazor Scheduler Component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-quick-popups.webp)
### Quick pop-ups
Easily customize pop-ups that open with a single click on cells, events, or appointments with your own UI or template design.

* [Quick pop-up documentation](https://blazor.syncfusion.com/documentation/scheduler/editor-template#quick-popups)

![Illustration of Event Editor of Blazor Scheduler control.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-open-editor.webp)
### Open event editor externally
The Blazor Scheduler control offers a built-in method to open the default event editor window programmatically.

* [Open event editor documentation](https://blazor.syncfusion.com/documentation/scheduler/how-to/open-editor-window-on-single-click)

## User-friendly interactions
The modern and trendy UI design of the Blazor Scheduler component makes user interactions simpler and more efficient.

![Blazor Scheduler Pop-up Displaying Event Information.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-event-view.webp)
### Quick event overview
Clicking or tapping on events displays important details, such as subject and time, along with edit and delete options.

![Blazor Scheduler control Cell Selection.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-cell-selection.webp)
### Cell selection
Click and drag the pointer over the Scheduler cells for multiple-cell selection. Users can do the same with keyboard shortcuts.

![Blazor Scheduler Event Container Displayed in Month Calendar.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-event-container.webp)
### Event container
Clicking on the text indicator _(+n more)_ in the month and timeline views will open an event container listing all the hidden event and appointment details of a day.

![Navigation Options in Blazor Scheduler Component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-date-navigation.webp)
### Quick navigation
Navigate back and forth among the date ranges using an inline calendar and also navigate between different view modes.

## Interactive features
The Blazor Scheduler component allows users to export its events as an Excel file or as an ICS file.

![Illustration of Excel export support in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-excel-export.webp)
### Export to Excel
The Blazor Scheduler component allows exporting all its events to an Excel document by default. It also provides additional customization options to export custom event data collections.

* [Excel exporting example](https://blazor.syncfusion.com/demos/scheduler/export-to-excel?theme=bootstrap5)

![Illustration of export and import ICS files in Blazor Scheduler component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-export-import-ics.webp)
### Export ICS
The Blazor Scheduler supports exporting all its event data to iCal format.

* [Export ICS example](https://blazor.syncfusion.com/demos/scheduler/export-and-import-ics?theme=bootstrap5)

![Blazor Scheduler developer-friendly APIs.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-developer-friendly-api.webp)
### Developer-friendly APIs
Developers can have full control over the UI and behavior of the event scheduler through its built-in, developer-friendly APIs. It allows you to customize even the complex Scheduler functionalities easily.

* [API documentation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Schedule.html)

## Accessibility
The Blazor Scheduler component is easily accessed by screen readers. Complete keyboard interaction support has also been provided.

![Accessibility Enabled in Blazor Scheduler Component.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-accessibility.webp)
### Completely accessible
The Blazor Scheduler component has complete WAI-ARIA accessibility support. The Scheduler UI includes high-contrast visual elements, giving visually impaired people the best viewing experience. Also, valid UI descriptions are easily accessible through assistive technologies such as screen readers.

* [Accessibility documentation](https://blazor.syncfusion.com/documentation/scheduler/accessibility)

![Keyboard Interactive Blazor Scheduler Component Event Calendar.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-keyboard.webp)
### Keyboard interactive
Various keyboard shortcuts are available to perform almost all the Scheduler actions, such as multiple cell or event selection and navigating to other views.

* [Keyboard interactions](https://blazor.syncfusion.com/documentation/scheduler/accessibility#keyboard-navigation)

![Right to left support in Blazor Scheduler.](https://ft.syncfusion.com/featuretour/aspnet-core-blazor-razor-components/images/scheduler/blazor-scheduler-right-to-left.webp)
### Right to left (RTL)
Render the event scheduler in the right-to-left direction for users working with languages like Hebrew, Arabic, or Persian.

* [RTL documentation](https://blazor.syncfusion.com/documentation/scheduler/localization#displaying-scheduler-in-rtl-mode)

## Not sure how to create your first Blazor Scheduler? Our documentation can help.

* [Start with Blazor Server-side Scheduler](https://blazor.syncfusion.com/documentation/scheduler/getting-started)
* [Start with Blazor WebAssembly Scheduler](https://blazor.syncfusion.com/documentation/scheduler/how-to/blazor-web-assembly-scheduler)

## Frequently Asked Questions

### Why should you choose Syncfusion Essential Studio<sup>&reg;</sup> Blazor Scheduler?

The Syncfusion Blazor Scheduler is fully featured event calendar with the following features:

- Highly responsive layout and a finely optimized design for desktops, tablets, and mobile phones.
- Different [basic views](https://blazor.syncfusion.com/demos/scheduler/basic-views) like day, week, workweek, month, and [year of calendar mode](https://blazor.syncfusion.com/demos/scheduler/year-view) and [timeline mode](https://www.syncfusion.com/blazor-components/blazor-scheduler/timeline-views).
- Adapts to different time zones instantly.
- [Virtual scrolling](https://blazor.syncfusion.com/demos/scheduler/virtual-scrolling) allows you to load large numbers of resources and events dynamically.
- [Multiple resource grouping](https://www.syncfusion.com/blazor-components/blazor-scheduler/multiple-resources) based on the [timeline](https://blazor.syncfusion.com/demos/scheduler/timeline-grouping), [horizontal](https://blazor.syncfusion.com/demos/scheduler/horizontal-grouping), [hierarchical](https://blazor.syncfusion.com/demos/scheduler/hierarchical-grouping), and [date](https://blazor.syncfusion.com/demos/scheduler/date-wise-grouping) views.
- One of the best Blazor Scheduler in the market that offers feature-rich UI to interact with the software.
- Easy synchronization of events with Google and Outlook Calendars.
- Simple configuration and [API](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Schedule.SfSchedule-1.html).
- Supports all modern browsers.
- Extensive [demos](https://blazor.syncfusion.com/demos/scheduler/default-functionalities?theme=bootstrap5), [documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started) and [videos](https://www.youtube.com/watch?v=bXaHu6qjxV8) to learn quickly and get started with Blazor Scheduler.

### Can I purchase the Syncfusion Blazor Scheduler component separately?

No, our 1,600+ components and frameworks for web, mobile, and desktop, including our Blazor Scheduler, are not sold individually. They are only available as part of a team license. However, we have competitively priced the product, so it only costs a little bit more than what some other vendors charge for their Scheduler component alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 1,600+ components and frameworks for a subscription fee that starts at **$395 per month** for a team of 5 developers. Additionally, we might be able to offer discounts based on currently active promotions. Please contact our [product specialists](https://www.syncfusion.com/company/contact-us) today to see if you qualify for any additional discounts.

### What is the price for Syncfusion Blazor Scheduler?

We do not sell the Blazor Scheduler separately. It is only available for purchase as part of the [Syncfusion team license](https://www.syncfusion.com/sales/teamlicense). This contains over 1,600 components and frameworks, including the Blazor Scheduler. The price of the team license starts at **$395 per month** for 5 developers and includes support and updates until the subscription expires. In addition, we might offer discounts based on currently active promotions. Please contact our [product specialists](https://www.syncfusion.com/company/contact-us) today to see if you qualify for any additional discounts.

### Can I download and utilize the Syncfusion Blazor Scheduler for free?

No, this is a commercial product and requires a paid license. However, a [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

### Where can I find the Syncfusion Blazor Scheduler demo?

You can find our [Blazor Scheduler demo](https://blazor.syncfusion.com/demos/scheduler/default-functionalities?theme=bootstrap5), which demonstrates how to render and configure the Scheduler.

### How do I get started with Syncfusion Blazor Scheduler?

A good place to start would be our comprehensive [getting started documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started).

### Can I customize the Blazor Scheduler?

Yes, the Blazor Scheduler offers various [customization](https://blazor.syncfusion.com/documentation/scheduler/appointment-customization) options, including custom templates, themes, and event handling.

### How do I enable drag and drop in the Blazor Scheduler?

You can enable drag-and-drop functionality by setting the [AllowDragAndDrop](https://blazor.syncfusion.com/documentation/scheduler/appointment-drag-and-drop) property to true.

### Can the Blazor Scheduler handle multiple resource

Yes, the Blazor Scheduler supports displaying [multiple resources](https://blazor.syncfusion.com/documentation/scheduler/resources#scheduler-with-multiple-resources) (e.g., rooms, employees) in different views.

### How do I add recurring events in the Blazor Scheduler?

You can add recurring events by using the [RecurrenceRule](https://blazor.syncfusion.com/documentation/scheduler/recurring-events) property in the appointment data to set daily, weekly, monthly, or yearly patterns

## Syncfusion Blazor Scheduler Resources

### Learning

- [Documentation — Blazor Scheduler documentation.](https://blazor.syncfusion.com/documentation/scheduler/getting-started)

- [Knowledge base — Knowledge base for Blazor Scheduler.](https://support.syncfusion.com/kb/web/section/910)

- [Tutorial videos — Tutorial videos for Blazor Scheduler.](https://www.syncfusion.com/tutorial-videos/blazor/scheduler)

- [Demo — Demo for Blazor Scheduler.](https://blazor.syncfusion.com/demos/scheduler/default-functionalities?theme=bootstrap5)

- [Web stories — Web stories for Blazor Scheduler.](https://www.syncfusion.com/web-stories/top-5-features-of-blazor-scheduler)

### Technical Support

- [Contact Support — Create support tickets for Blazor Scheduler.](https://support.syncfusion.com/create?categoryId=286&cf_control=417)

- [Community Forum — Join the discussion in our Blazor Scheduler community forum.](https://www.syncfusion.com/forums/blazor-components?control=scheduler)

- [Features & Bugs — Create feedbacks for Blazor Scheduler.](https://www.syncfusion.com/feedback/blazor-components?control=scheduler)

### UI Kits

- [Figma Download — Download the Blazor Scheduler Figma UI.](https://cdn.syncfusion.com/resources/EJ2+Figma/Syncfusion-EJ2-Figma-UI-Resource-V1.01.zip)

## Recent activities in Blazor Scheduler tutorials and blogs

The Blazor Scheduler tutorial videos and blog posts will guide you in building your first app with Blazor components. They provide problem-solving strategies, describe features and functionalities, announce new feature releases, explain best practices, and showcase example scenarios. Explore our latest posts on our blog and tutorial video channels for Blazor Scheduler updates.

BLOG

[Load Appointments on Demand in Blazor Scheduler using Entity Framework](https://www.syncfusion.com/blogs/post/blazor-scheduler-entity-framework-on-demand-loading)

MAY 23, 2024

VIDEOS

[How to Enable Adaptive Layout in Blazor Scheduler Component](https://www.syncfusion.com/tutorial-videos/blazor/scheduler?title=how-to-enable-adaptive-layout-in-blazor-scheduler-component)

DECEMBER 14, 2023

BLOG

[How to Access Microsoft Graph Calendar Events with Syncfusion Blazor Scheduler](https://www.syncfusion.com/blogs/post/how-to-access-microsoft-graph-calendar-events-with-syncfusion-blazor-scheduler)

JANUARY 02, 2024

VIDEOS

[How to Perform CRUD Operations Using Entity Framework in Blazor Scheduler](https://www.syncfusion.com/tutorial-videos/blazor/scheduler?title=how-to-perform-crud-operations-using-entity-framework-in)

DECEMBER 12, 2023

