Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
78588fb
FLUT-1014052-updated SEO content
Mugunthan-Ramalingam Mar 10, 2026
da368ea
FLUT-1014052- updated SEO content
Mugunthan-Ramalingam Mar 10, 2026
b09868f
FLUT-1014052- updated SEO content
Harsha-SF4223 Mar 10, 2026
8c3829c
FLUT-1014052-[others]: updated the issue in the content
Mugunthan-Ramalingam Mar 11, 2026
07f7333
FLUT-1014052-[others]: updated the content of description.
Harsha-SF4223 Mar 11, 2026
fc1020d
Updated customizations description
Harsha-SF4223 Mar 11, 2026
8839496
FLUT-1008617-[Others]: Updated UG Broken Links
AswiniDileep Mar 16, 2026
494f5f6
FLUT-1008617-[Others]: Updated getting started
AswiniDileep Mar 16, 2026
877d609
Merge pull request #1419 from syncfusion-content/FLUT-1008617-Update-…
Saravanan-Madhesh Mar 17, 2026
43fb690
Merge pull request #1423 from Syncfusion-Content/hotfix/hotfix-v33.1.44
SyncfusionBuild Mar 17, 2026
ab15d33
Merge pull request #1424 from Syncfusion-Content/hotfix/hotfix-v33.1.44
SyncfusionBuild Mar 23, 2026
d72241e
Merge pull request #1431 from Syncfusion-Content/hotfix/hotfix-v33.1.44
SyncfusionBuild Mar 25, 2026
105fc41
Merge pull request #1435 from Syncfusion-Content/hotfix/hotfix-v33.1.44
SyncfusionBuild Mar 26, 2026
4c814c6
Added the platform and updated title
Harsha-SF4223 Mar 27, 2026
715d7bb
FLUT-101405-[others]: updated review changes
Mugunthan-Ramalingam Mar 27, 2026
c569d2b
FLUT-1014052-[others]: updated review changes
Mugunthan-Ramalingam Mar 27, 2026
2b783cd
FLUT-1014052- updated content properly
Mugunthan-Ramalingam Apr 16, 2026
0f36e8f
FLUT-1014052- updated content properly
Mugunthan-Ramalingam Apr 16, 2026
f3476eb
Merge pull request #1416 from syncfusion-content/FLUT-1014052-modify-…
sfHariHaraSudhan Apr 16, 2026
a4db4de
Merge pull request #1415 from syncfusion-content/FLUT-1014052-improve…
sfHariHaraSudhan Apr 16, 2026
a7b3291
FLUT-1014052- improved seo content
Mugunthan-Ramalingam Apr 16, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/builders.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Builders in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Builders feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Builders in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to use builders in Syncfusion Flutter Date Range Picker (SfDateRangePicker)—custom cell builders, view customization, and sample usage.
platform: flutter
control: SfDateRangePicker
documentation: ug
---
# Builders in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Builders (SfDateRangePicker)

The date range picker allows you to create a responsive UI with the conditions based on a widget’s details, and to design and create your custom view to the month cells and year cells in the date range picker.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/customizations.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Customizations in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Customizations features of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Customizations in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to customize Syncfusion Flutter Date Range Picker—month/year cells, selection styling, month formats, and special date decorations.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Customizations in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Customizations (SfDateRangePicker)

You can customize the month and year cells, month format, and selection cells in [Flutter Date Range Picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker) (SfDateRangePicker).

Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/date-restrictions.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Date Restrictions in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Date restrictions feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
title: Date Restrictions in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure date restrictions in Syncfusion Flutter Date Range Picker—min/max dates, blackout dates, selectableDayPredicate, and past-date.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Date Restrictions in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Date Restrictions (SfDateRangePicker)

## Minimum display date

Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Flutter Date Range Picker widget | Syncfusion
description: Learn here about getting started with Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget, its elements, and more.
title: Getting Started with Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Date Range Picker (SfDateRangePicker)—add dependency, import, initialize, and configure core features.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Getting started with Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Getting Started (SfDateRangePicker)

This section explains the steps required to add the [date range picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker) widget. This section covers only basic features needed to get started with Syncfusion<sup>&reg;</sup> date range picker widget.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/headers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Headers in Flutter Date Range Picker widget | Syncfusion | Date Picker
description: Learn here all about Headers feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Headers in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to customize the header and view header in Syncfusion Flutter Date Range Picker—headerStyle, headerHeight, viewHeaderStyle, and dayFormat.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Headers in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Headers (SfDateRangePicker)

You can customize the header of the date range picker using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerStyle.html) and [headerHeight](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerHeight.html) properties in date range picker.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/hijri-date-picker.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: About Flutter Hijri Date Range Picker widget | Syncfusion | DatePicker
description: Learn here all about introduction of Syncfusion Hijri Date Range Picker (SfHijriDateRangePicker) widget and more.
title: Flutter Hijri Date Range Picker Overview | Syncfusion
description: Overview and usage guide for Syncfusion Hijri Date Range Picker (SfHijriDateRangePicker)—features, views, selection modes, and programmatic controls.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Flutter Hijri Date Range Picker (SfHijriDateRangePicker) Overview
# Flutter Hijri Date Range Picker Brief (SfHijriDateRangePicker)

Along with the Gregorian calendar, the picker package contains a Hijri date picker to display the Islamic calendar. Islamic calendar or Hijri calendar is a lunar calendar consisting of 12 months in a year of 354 or 355 days. To know more about the Islamic calendar, kindly refer to [Wikipedia](https://en.wikipedia.org/wiki/Islamic_calendar).

Expand Down Expand Up @@ -144,7 +144,7 @@ Customize the Week number style by using the [textStyle](https://pub.dev/documen

The [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) supports selecting single, multiple, and range of dates. It also supports the programmatic selection.

The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/onSelectionChanged.html)callback of Hijri date range picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html), which contains the selected date or range details.
The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/onSelectionChanged.html) callback of Hijri date range picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html), which contains the selected date or range details.


{% tabs %}
Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/localization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Localization in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Localization feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
title: Localization in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure localization in Syncfusion Flutter Date Range Picker—add flutter_localizations, set localizationsDelegates, and define locales.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Localization in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Localization (SfDateRangePicker)

By default, the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget supports US English localizations. You can change other languages by specifying the [MaterialApp](https://api.flutter.dev/flutter/material/MaterialApp-class.html) properties and adding the `flutter_localizations` package to your application.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/selections.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Selections in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Selections feature in Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Selections in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure selection behavior in Syncfusion Flutter Date Range Picker—single, multiple, range, multi-range, selections, and styling.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Selections in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Selections (SfDateRangePicker)

Dates can be selected by touching the month view cells. The default [selectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectionMode.html) is Single that allows the user to select one date at a time. [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) provides support to select dates in five modes such as [Single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single), [Multiple](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiple), [Range](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#range) [MultiRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiRange) and [ExtendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange) selection

Expand Down
8 changes: 4 additions & 4 deletions Flutter/calendar/appointments.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Appointments in Flutter Event Calendar widget | Syncfusion
description: Learn here all about Appointments feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
layout: post
title: Appointments in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control appointments in Syncfusion Flutter Event Calendar—add data source, handle recurrence, appearance, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Appointments in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Appointments (SfCalendar)

SfCalendar widget has a built-in capability to handle the appointment arrangement internally based on the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html). [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html) is a class, which holds the details about the appointment to be rendered in calendar.

Expand Down
7 changes: 4 additions & 3 deletions Flutter/calendar/builders.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
layout: post
title: Builders in the Flutter Event Calendar widget | Syncfusion
description: Learn here all about builders feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Builders in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to use builders in Syncfusion Flutter Event Calendar—add custom month cell, appointment, time region, and header views.
platform: flutter
control: SfCalendar
documentation: ug
---

# Builders in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Builders (SfCalendar)

The calendar allows you to create a responsive UI with conditions based on a widget's details, to design and create your custom view to the month cells and month header of schedule view in the calendar.

The calendar has two builders to create and assign your custom view:
Expand Down
7 changes: 4 additions & 3 deletions Flutter/calendar/callbacks.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
layout: post
title: Callbacks in Flutter Event Calendar widget | Syncfusion | Scheduler
description: Learn here all about callbacks feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Callbacks in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to handle callbacks in Syncfusion Flutter Event Calendar—respond to view changes, taps, long press, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Callbacks in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Callbacks (SfCalendar)

Calendar supports the [ViewChangedCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewChangedCallback.html) and [CalendarTapCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTapCallback.html) to interact with Flutter calendar.

## View changed callback
Expand Down
6 changes: 3 additions & 3 deletions Flutter/calendar/date-navigations.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Date Navigations in Flutter Event Calendar widget | Syncfusion
description: Learn here all about date navigation features of Syncfusion Flutter Calendar (SfCalendar) widget and more.
title: Date Navigations in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control date navigation in Syncfusion Flutter Event Calendar—restrict date range, programmatically navigate, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Date Navigations in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Date Navigations (SfCalendar)

## Range for visible dates
Visible dates can be restricted between certain range of dates, using [minDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/minDate.html) and [maxDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/maxDate.html) properties in [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). It is applicable in all the schedule views.
Expand Down
6 changes: 3 additions & 3 deletions Flutter/calendar/drag-drop.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Drag and drop in Flutter Event Calendar widget | Syncfusion
description: Learn here all about Drag and drop feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Drag and Drop in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control drag and drop in Syncfusion Flutter Event Calendar—enable drag, handle callbacks, appearance, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Appointment Drag and Drop in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Appointment Drag and Drop (SfCalendar)

Easily reschedule an appointment by dragging it from one time slot or month cell and dropping it into a different time slot or month cell.

Expand Down
7 changes: 4 additions & 3 deletions Flutter/calendar/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
layout: post
title: Getting started with Flutter Event Calendar widget | Syncfusion
description: Learn here about getting started with Syncfusion Event Calendar (SfCalendar) widget, its elements, and more.
title: Getting Started with Flutter Event Calendar | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Event Calendar—add dependencies, import, create SfCalendar, and configure key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Getting started with Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Getting Started (SfCalendar)

This section explains the steps required to add the calendar widget and populate appointments to the calendar widget. This section covers only basic features needed to get started with Syncfusion<sup>&reg;</sup> calendar widget.

To get start quickly with our [Flutter event calendar widget](https://www.syncfusion.com/flutter-widgets/flutter-calendar), you can check on this video.
Expand Down
7 changes: 4 additions & 3 deletions Flutter/calendar/headers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
layout: post
title: Headers in Flutter Event Calendar widget | Syncfusion | Scheduler
description: Learn here all about headers feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Headers in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control headers in Syncfusion Flutter Event Calendar—change header height, date format, appearance, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Headers in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Headers (SfCalendar)

You can learn about the header and view header height, date format, and appearance support of SfCalendar.

## Header
Expand Down
4 changes: 2 additions & 2 deletions Flutter/calendar/how-to/custom-widget-on-flutterflow.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Calendar Widget in FlutterFlow | Syncfusion
description: You can learn here all about adding Syncfusion Flutter Calendar ( SfCalendar Widget ) widget in FlutterFlow.
title: Flutter Event Calendar in FlutterFlow | Syncfusion
description: Step-by-step guide to add Syncfusion Flutter Calendar widget in FlutterFlow—create custom widget, add dependencies, import, and configure key features.
platform: flutter
control: SfCalendar
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions Flutter/calendar/localization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Localization in Flutter Event Calendar widget | Syncfusion
description: Learn here all about Localization feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Localization in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control localization in Syncfusion Flutter Event Calendar—add localization packages, set languages, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Localization in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Localization (SfCalendar)

By default, the calendar widget supports US English localizations. You can change the other languages by specifying the `MaterialApp` properties and adding the `flutter_localizations` package to your application.

Expand Down
6 changes: 3 additions & 3 deletions Flutter/calendar/month-view.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Month view in Flutter Event Calendar widget | Syncfusion
description: Learn here all about Month view feature of Syncfusion Flutter Event Calendar (SfCalendar) widget and more.
title: Month view in Flutter Event Calendar | Syncfusion
description: Step-by-step guide to control time zone in Syncfusion Flutter Event Calendar—create appointments in different time zones and configure key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Month view in Flutter Event Calendar (SfCalendar)
# Flutter Event Calendar Time Zone (SfCalendar)

The `month` view of Flutter Event [Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) (SfCalendar) used to display entire dates of the specific month and current month by default initially. Current date color is differentiated with other dates of the current month, also the color differentiation for dates will be applicable for previous and next month dates.

Expand Down
6 changes: 3 additions & 3 deletions Flutter/calendar/overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: About Flutter Event Calendar widget | Syncfusion | Scheduler
description: Learn here all about introduction of Syncfusion Flutter Event Calendar (SfCalendar) widget, its features, and more.
title: About Flutter Event Calendar | Syncfusion
description: Step-by-step guide to Syncfusion Flutter Event Calendar—explore features, views, appointments, customization, and key features.
platform: flutter
control: SfCalendar
documentation: ug
---

# Flutter Event Calendar (SfCalendar) Overview
# Flutter Event Calendar Overview (SfCalendar)

The Syncfusion<sup>&reg;</sup> Flutter Calendar library is written natively in Dart and has nine types of built-in configurable view modes that provide basic functionality for scheduling, managing, and representing appointments efficiently. The Calendar Widget exposes a clean and convenient user interface for custom working days and hours and basic calendar operations such as date navigation and selection.

Expand Down
Loading