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 Flutter event Calendar, or scheduler library, was natively written in Dart and has seven built-in, configurable view modes that provide basic functionalities for scheduling, managing, and representing appointments efficiently. This Flutter Calendar widget exposes a clean and convenient user interface for custom working days and working hours, and basic calendar operations such as date navigation and selection.


Multiple calendar view modes

A wide range of built-in view modes are available: day, week, workweek, month, schedule, timeline day, timeline week, and timeline workweek. The Flutter Calendar widget allows you to conveniently customize every view with unique, view-specific options.

Day view in Flutter Calendar.

Day

Week view in Flutter Calendar.

Week

Workweek View in Flutter Calendar.

Workweek

Month view in Flutter Calendar.

Month

Schedule view in Flutter Calendar.

Schedule

Timeline day view in Flutter Calendar.

Timeline day

Timeline week view in Flutter Calendar.

Timeline week

Timeline workweek view in Flutter Calendar.

Timeline workweek

Timeline month view in Flutter Calendar.

Timeline month


Events

Render recurring, all-day, and spanned appointments to visualize your schedule and events easily. Appointments contain information on events scheduled at specific times. In addition to default appointments, users can use their own collections to connect a business entity to an appointment by mapping their fields, such as start time, end time, subject, notes, and recurrence.

Day view appointments in Flutter Calendar.

Week view appointments in Flutter Calendar.

Workweek view appointments in Flutter Calendar.

Month view appointments in Flutter Calendar.

Month agenda view Appointments in Flutter Calendar.

Schedule view appointments in Flutter Calendar.

Timeline day view appointments in Flutter Calendar.

Timeline week view appointments in Flutter Calendar.

Timeline month view appointments in Flutter Calendar.


Recurring events

Easily configure recurring events on a daily, weekly, monthly, or yearly basis. You can also skip or change an occurrence of a recurring appointment.

Recurring appointments in Flutter Calendar.


Resource view

Display resources as a discrete view integrated with a calendar to display the appointments of each resource in a timeline view and enhance viewability. You can customize the display name, resource panel size, background color, and image.

Resource view in Flutter Calendar.


Month agenda view

Display appointments in a list below the month view by clicking a day.

Month agenda view in Flutter Calendar.


Week numbers

Display the week numbers of the year in the month, week, and workweek views of the Calendar.

Week numbers in Flutter Calendar.


Schedule view

Show a list of scheduled appointments grouped by week, between set minimum and maximum dates, with the schedule view. You can customize everything from the date and time formats to the styling of each header.

Schedule view in Flutter Calendar.


Resize and drag-and-drop appointments

Resize and drag-and-drop support have been added for rescheduling appointments in the event calendar.

Resize and drag and drop in Flutter Calendar.


Load more

Load appointments on-demand whenever users switch from one view to another or when scrolling to the start or end position of the schedule view.


Special time regions

Disable interactions and selections for specific time ranges. This is useful when you want to block user interaction during holidays or other special events and highlight those time slots.

Special regions Flutter Calendar.


Blackout dates

Disable any date in the month and timeline month views of a calendar to make them inactive. Easily prevent the selection of weekends and holidays by disabling them.

Blackout dates in Flutter Calendar.


Flexible working days

Customize the work days in a workweek so that the remaining days will be hidden from view.

Flexible working days in Flutter Calendar.


Customize leading and trailing dates

Hide the days of the next month and previous month in a calendar to enhance the appearance.

Hide leading trailing dates in Flutter Calendar.


Current time indicator

The current time indicator displays in the current time slot of the Calendar.

Current time indicator in Flutter Calendar.


First day of the week

Customize the first day of the week as needed. The default first day is Sunday.

Week first day in Flutter Calendar.


Appearance customization

Builder

Design and set your own custom view to the month cells, the month header of schedule view, resource header of timeline views, special time regions, and the appointments view of a Flutter Calendar.

Month cell builder in Flutter Calendar.

Month cell

Schedule view month header builder in Flutter Calendar.

Schedule view month header

Resource header builder in Flutter Calendar.

Schedule view month header

Appointment view builder in Flutter Calendar.

Appointment builder

Time Region Builder in Flutter Calendar.

Time region builder

Theming

Provide a uniform and consistent look to the Calendar’s appearance and format with a theme.

Appearance customization in Flutter Calendar.


Time zone

Regardless of the time zone in your device, set any required time zone for the widget as well as its events.

Time zones in Flutter Calendar.


Quick view navigation

Navigate among calendar views easily using buttons in the header for date-picker views and also by clicking the month cell and view headers.

Quick navigation in Flutter Calendar.


Date restriction

Prevent navigation beyond specified minimum and maximum dates. This restricts users from selecting certain dates outside of a range of time.

Date restriction in Flutter Calendar.


Accessibility

Easily access the Calendar with screen readers.


Right to left (RTL)

Right-to-left direction support for users working in RTL languages like Hebrew and Arabic.

RTL in Flutter Calendar.


Programmatically navigate to the previous and next views by using the calendar controller. Also, enable or disable view navigation using swipe interaction.


Localization and globalization

Display the current date and time by following the globalized date and time formats and localize all available static text.

Localization in Flutter Calendar.


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