We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Blazor Scheduler is a fully featured event calendar component that helps users manage their time efficiently. It facilitates easy resource scheduling and the rescheduling of events or appointments through editor pop-ups, drag and drop, and resizing actions.


Multiple scheduler 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, week, and workweek views

Display events and appointments for a single day or across multiple days

Month view

Display events and appointments on a single day or multiple days for an entire month.

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.

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.


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.


Timeline views

Five built-in timeline views 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.


Unique view configurations

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


Extensible view intervals

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


Responsive and touch-friendly

The Blazor Scheduler component has a highly responsive layout and a finely optimized design for desktops, touch screens, and smart phones.

Illustration of touch support of Blazor Scheduler component.

Touch support

User-friendly touch gestures and an interactive UI design in schedulers help to produce the best user experience.

Illustration of adaptive UI of Blazor Scheduler component.

Adaptive UI

The Blazor Scheduler user interface adapts automatically on mobile and desktop devices. This helps the application to scale elegantly across all form factors without any additional effort.


Data binding

Data binds seamlessly with various local and remote data sources such as RESTful services, OData services, and WCF services.

The Blazor Scheduler component loads data on demand by default to reduce the transfer and load times. Proper field mapping is mandatory while binding Scheduler to data sources with different field names.

Data binding options available in Blazor Scheduler component.


Block time interval

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


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.


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.

Illustration of add and edit capabilities of Blazor Scheduler component.

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.

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.

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.

Illustration of recurring events of Blazor Scheduler component.

Recurring events

Easily configure recurring events to repeat on a daily, weekly, monthly, or yearly basis with integrated recurrence options.

Illustration of event customization with Blazor Scheduler component.

Appearance customization

Change the look and feel of Blazor Scheduler events and appointments by customizing their default appearance and style using templates or CSS.

Illustration of time zone support of Blazor Scheduler component.

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.


Multiple resources and grouping

Built-in support is available for assigning resources to events as well as scheduling resources. Group events and appointments based on resources or dates. Grouping resources by date provides a quick overview of each resource’s availability. You can also set different working days for each resource.


Row auto height

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


Context menu

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


Real-time data synchronization

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

Illustration of Google Calendar integration with Blazor Scheduler component.

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 of Blazor Scheduler component.

Real-time updates

Bidirectional data communication conveys the server-side appointment updates made on Scheduler to all the connected clients through SignalR.


Exporting

The Blazor Scheduler component allows users to export its events in two ways: as an Excel file or as an ICS file.

Illustration of Excel export support in Blazor Scheduler component.

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.

Illustration of export and import ICS files in Blazor Scheduler component.

Export ICS

The Blazor Scheduler supports exporting all its event data to iCal format.


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.

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.

Illustration of setting start and end hours on Blazor Scheduler component.

Custom start and end hours

Display the event scheduler layout with specific time durations by hiding the unwanted hours.

Illustration of timescale options of Blazor Scheduler component.

Flexible timescale

Use customizable timescale options to view a timeline of events clearly and set a different duration.

Illustration of working time of Blazor Scheduler component.

Working time

The active cells of the Blazor Scheduler (displayed in white) visually represent the work days and hours.

Illustration of current time highlighting in Blazor Scheduler component.

Highlighting current time

Indicate the current date with a highlighted date header. Mark accurately the current time on all views.

Illustration of hiding weekend days in Blazor Scheduler component.

Hiding weekend days

Hiding weekend days from the Blazor Scheduler allows you to display only working days across all views.

Illustration of displaying week numbers in Blazor Scheduler.

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.

Time mode

The Scheduler control supports both 12-hour and 24-hour time formats.


Completely customizable UI

Customize the appearance of any part of the Scheduler interface using templates and CSS styles.

Illustration of date header customization in Blazor Scheduler.

Date header

Change the default appearance of the header bar by adding any kind of CSS, custom text, or image.

Illustration of complete Blazor Scheduler customization.

Complete Scheduler UI

A built-in client-side event allows the end users to customize any part of the Scheduler user interface.

Illustration of cell customization with Blazor Scheduler component.

Scheduler cells

Out-of-the-box template options allow you to customize the cells easily by adding any kind of text, image, or CSS.

Illustration of Quick pop-ups in Blazor Scheduler Component.

Quick pop-ups

Easily customize pop-ups that open when single-clicking on cells, events, or appointments with your own UI or template design.

Illustration of Event Editor of Blazor Scheduler control.

Open event editor externally

The Blazor Scheduler control offers a built-in method to open the default event editor window programmatically.


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.

Quick event overview

Clicking or tapping on events displays their important details, such as subject and time, along with edit and delete options.

Blazor Scheduler control Cell Selection.

Cell selection

Click and drag the pointer over the Scheduler cells for multiple-cell selection. You can do the same with keyboard shortcuts.

Blazor Scheduler Event Container Displayed in Month Calendar.

Event container

Clicking on the text indicator (+n more) in 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.

Quick navigation

Navigate back and forth among the date ranges using an inline calendar and also navigate between different view modes.


Globalization and localization

Integrate different date-time formats and cultures. This allows the Blazor Scheduler component to function globally, thus meeting the diverse needs of different regions.

Blazor Scheduler Component with Globalization Support.

Globalization

The Blazor Scheduler component displays the current date and time by following the globalized date and time formats.

Blazor Scheduler component with Localization Support.

Localization

Display the static text, date content, and time mode of the Scheduler following the localized language.

Blazor Scheduler component event calendar displaying from right to left.

Right to left (RTL)

Render the event scheduler following the proper right-to-left conventions.


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.

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.

Keyboard Interactive Blazor Scheduler Component Event Calendar.

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.


Supported browsers

The Blazor Scheduler component works well with modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and IE11. It requires MomentJS poly-fill to make the scheduler time zone conversions work further with the IE11 browser and iOS mobile versions.

Supported web browsers for Blazor Scheduler component.


Blazor Scheduler component event calendar used in real-time applications.

Real-time applications

Many real-time applications use schedulers as an integral part, thus serving different purposes based on the project type. Some of the active applications are: fare calendars, meeting room calendars, doctor’s appointment planners, hotel room reservation calendars.

Real time application


Built-in and customizable themes

Four built-in, SASS-based themes are available: Material, Bootstrap, Fabric, and high contrast.

Simplify theme customization either by overriding the existing SASS styling or creating custom themes using the Theme Studio application.

Theme illustration for Blazor Scheduler component.


Developer-friendly APIs

Developers can have full control over the UI and behavior of the event scheduler through its built-in, developer-friendly APIs. The simple and extensible APIs allow you to customize even the complex Scheduler functionalities with ease.


Blazor Scheduler Code Example

Easily get started with the Blazor Scheduler using a few simple lines of C# code as demonstrated below. Also explore our Blazor Scheduler Example that shows you how to render and configure the scheduler.

@using Syncfusion.Blazor.Schedule

<SfSchedule TValue=AppointmentData></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; }
}
}

Other supported frameworks

Scheduler is also available in JavaScript, Angular, React and Vue frameworks that are built from their own TypeScript libraries. Check out the different Scheduler platforms from the below links,




Blazor Components – 70+ UI and DataViz Components

Frequently Asked Questions

  • Highly responsive layout and a finely optimized design for desktops, tablets, and mobile phones.
  • Different basic views like day, week, workweek, month, and year of calendar mode and timeline mode.
  • Virtual scrolling allows you to load large numbers of resources and events dynamically.
  • Adapts to different time zones instantly.
  • Multiple resource grouping based on the timeline, horizontal, hierarchical, and date 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.
  • Supports all modern browsers.
  • Extensive demos, documentation and videos to learn quickly and get started with Blazor Scheduler.

We do not sell the Blazor Scheduler separately. It is only available for purchase as part of the Syncfusion Blazor suite, which contains over 70 native Blazor components, including the Scheduler. A single developer license for the Syncfusion Essential Studio for Blazor suite costs $995.00 USD, including one year of support and updates. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team to see if you qualify for any additional discounts.

You can find our Blazor Scheduler demo here.

No, our 70 Blazor components, including Scheduler, are not sold individually, only as a single package. However, we have competitively priced the product so it only costs a little bit more than what some other vendors charge for their Scheduler 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 70 Blazor components for a flat fee of $995/developer. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team to see if you qualify for any additional discounts.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

A good place to start would be our comprehensive getting started documentation.

Read independent,
authenticated reviews
on G2

Download Now

What do our customers say about us?

double quotes

Syncfusion controls contain almost everything a developer could ask for, saving us time and money. All backed up by unmatched support. Syncfusion controls are a developer's dream come true.
Kevin Kerr

Kevin Kerr

Kirk-Rudy

double quotes

I would highly recommend using Essential Studio and have found that the Syncfusion support team is one of the fastest I have worked with.
Georg Kukula

Georg Kukula

G&W Software Entwicklung GmbH

Transform your applications today by downloading our free evaluation version Download Free Trial

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile