syncfusion-content · SyncfusionBuild · Apr 4, 2022 · Feb 3, 2022 · Feb 3, 2022 · Feb 4, 2022
diff --git a/Flutter/DateRangePicker/customizations.md b/Flutter/DateRangePicker/customizations.md
@@ -66,6 +66,9 @@ Widget build(BuildContext context) {
 
 ![Customizations Date Range Picker](images/customizations/customizations.png)
 
+>**NOTE**
+* Based on the given decoration, cell decoration will be rendered in the following order: blackout dates, special dates, disable dates, today date, weekend dates, leading or trailing dates, and dates decoration.
+
 ## Month format
 You can customize the month format of the `DateRangePicker` using the [monthFormat](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/monthFormat.html) property.
 
@@ -169,6 +172,9 @@ Widget build(BuildContext context) {
 
 ![Year cell customization Date Range Picker](images/customizations/yearcell_customization.png)
 
+>**NOTE**
+* Based on the given decoration, cell decoration will be rendered in the following order: disable dates, today date, leading or trailing dates, and dates decoration.
+
 ## See also
 
 * [How to customize the month cell of the Flutter date range picker (SfDateRangePicker)?](https://www.syncfusion.com/kb/11307/how-to-customize-the-month-cell-of-the-flutter-date-range-picker-sfdaterangepicker)

diff --git a/Flutter/DateRangePicker/localization.md b/Flutter/DateRangePicker/localization.md
@@ -11,8 +11,6 @@ documentation: ug
 
 By default, the calendar widget supports US English localizations. You can change other languages by specifying the `MaterialApp` properties and adding the `flutter_localizations` package to your application.
 
-As of February 2020, [flutter package](https://flutter.dev/docs/development/accessibility-and-localization/internationalization) supports 77 languages.
-
 To use `flutter_localizations`, add the package as a dependency to `pubspec.yaml` file.
 
 {% highlight dart %}

diff --git a/Flutter/Licensing/licensing.md b/Flutter/Licensing/licensing.md
@@ -14,4 +14,4 @@ The License key registration is no longer required for Flutter from version 18.3
 
 The Flutter controls from Syncfusion can be used without registering the license keys.
 
-N> If you are using Syncfusion controls prior to version 18.3.0.x, please follow this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key#flutter) to register your license key.
+>**Note**: If you are using Syncfusion controls prior to version 18.3.0.x, please follow this [link](https://help.syncfusion.com/common/essential-studio/licensing/registering-license-keys#flutter) to register your license key.
diff --git a/Flutter/Release-notes/v20.1.0.47.md b/Flutter/Release-notes/v20.1.0.47.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for Flutter 2022 volume 1 Main release Release Notes  
+description: Essential Studio for Flutter 2022 volume 1 Main release Release Notes  
+platform: flutter
+documentation: ug
+---
+
+# Essential Studio for Flutter  Release Notes  
+
+{% include release-info.html date="April 4, 2022" version="v20.1.0.47" %} 
+
+{% directory path: _includes/release-notes/v20.1.0.47 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
diff --git a/Flutter/calendar/appointments.md b/Flutter/calendar/appointments.md
@@ -408,6 +408,47 @@ class _AppointmentDataSource extends CalendarDataSource {
 
 ![Adding recurrence appointment](images/appointments/recurrence-appointment.png)
 
+### Recurrence appointments on last day of month
+
+To create recurring appointments on the last day of the month, use BYMONTHDAY=-1 in the flutter event calendar.
+
+{% tabs %}
+{% highlight Dart %}
+
+@override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        body: SfCalendar(
+      view: CalendarView.month,
+      dataSource: _getCalendarDataSource(),
+      monthViewSettings: const MonthViewSettings(
+          appointmentDisplayMode: MonthAppointmentDisplayMode.appointment),
+    ));
+  }
+}
+
+DataSource _getCalendarDataSource() {
+  final List<Appointment> appointments = <Appointment>[];
+  appointments.add(Appointment(
+      startTime: DateTime(2022, 2, 27, 9),
+      endTime: DateTime(2022, 2, 27, 10),
+      subject: 'Last day of month',
+      color: Colors.purple,
+      recurrenceRule: 'FREQ=MONTHLY;BYMONTHDAY=-1;INTERVAL=1;COUNT=10'));
+  return DataSource(appointments);
+}
+
+class DataSource extends CalendarDataSource {
+  DataSource(List<Appointment> source) {
+    appointments = source;
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+![Recurrence appointment on last day of month](images/appointments/lastDayOfMonth.png)
+
 ### Creating custom recurrence appointment
 
 For creating custom recurrence appointment, you need to create a custom class `Meeting` with mandatory fields `from`, `to`, and `recurrenceRule`.

diff --git a/Flutter/calendar/images/appointments/lastDayOfMonth.png b/Flutter/calendar/images/appointments/lastDayOfMonth.png
diff --git a/Flutter/calendar/images/timeslot-views/numberOfDaysInView.png b/Flutter/calendar/images/timeslot-views/numberOfDaysInView.png
diff --git a/Flutter/calendar/localization.md b/Flutter/calendar/localization.md
@@ -11,8 +11,6 @@ documentation: ug
 
 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.
 
-As of February 2020, [flutter package](https://flutter.dev/docs/development/accessibility-and-localization/internationalization) supports 77 languages.
-
 To use `flutter_localizations`, add the package as dependency to `pubspec.yaml` file.
 
 {% highlight dart %}

diff --git a/Flutter/calendar/timeslot-views.md b/Flutter/calendar/timeslot-views.md
@@ -118,6 +118,28 @@ Widget build(BuildContext context) {
 
 ![Flexible working days and working hours](images/timeslot-views/starthour-endhour.png)
 
+## Number of days in view
+You can customize the days count by setting the [numberOfDaysInView]() property of `timeSlotViewSettings` in the calendar.
+
+{% tabs %}
+{% highlight Dart %}
+
+@override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      home: Scaffold(
+          body: SfCalendar(
+        view: CalendarView.week,
+        timeSlotViewSettings: const TimeSlotViewSettings(numberOfDaysInView: 3),
+      )),
+    );
+  }
+
+{% endhighlight %}
+{% endtabs %}
+
+![Number of days in view](images/timeslot-views/numberOfDaysInView.png)
+
 >**NOTE**
 * The `nonWorkingDays` property will applicable only for `workWeek` and `timelineWorkWeek` views only, and not applicable for the remaining views.
 * Calendar Appointments UI, which does not fall within the `startHour` and `endHour` will not be visible and if it falls partially, it will be clipped.
@@ -530,6 +552,9 @@ Widget build(BuildContext context) {
 
 ![Allday panel Background color](images/getting-started/alldayPanelColor.jpg)
 
+>**NOTE**
+* It is applicable for day, week, workweek, timeline day, timeline week, and timeline workweek views.
+
 ## See also
 
 * [Time label customization in the Flutter event calendar (SfCalendar)](https://www.syncfusion.com/kb/11008/how-to-customize-the-time-label-in-the-flutter-event-calendar-sfcalendar)

diff --git a/Flutter/cartesian-charts/annotations.md b/Flutter/cartesian-charts/annotations.md
@@ -52,7 +52,7 @@ The [`x`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/
 To position the annotation based on axis, set the [`x`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/x.html) and [`y`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/y.html) properties based on axis range values, and set the [`coordinateUnit`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html) value as [`CoordinateUnit.point`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html).
 
 
-{% highlight dart %} 
+{% highlight dart hl_lines="15 17" %}
 
     @override
     Widget build(BuildContext context) {
@@ -67,8 +67,10 @@ To position the annotation based on axis, set the [`x`](https://pub.dev/document
                       child: const Text('Text')
                     ),
                     coordinateUnit: CoordinateUnit.point,
-                    x: 20, // x position of annotation
-                    y: 40 // y position of annotation
+                    // x position of annotation
+                    x: 20, 
+                    // y position of annotation
+                    y: 40 
                   )
                 ]
               )
@@ -84,7 +86,7 @@ To position the annotation based on axis, set the [`x`](https://pub.dev/document
 
 To position the annotation based on the pixel values, set the [`CoordinateUnit`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html) value as [`CoordinateUnit.logicalPixel`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html), and the pixel values in [`x`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/x.html) and [`y`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/y.html) properties of annotation as shown in the following code snippet.
 
-{% highlight dart %} 
+{% highlight dart hl_lines="15" %}
 
     @override
     Widget build(BuildContext context) {
@@ -121,7 +123,7 @@ To position the annotation based on the pixel values, set the [`CoordinateUnit`]
 To position the annotation based on the percentage values, set the [`CoordinateUnit`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html) value as [`CoordinateUnit.percentage`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/coordinateUnit.html), and the percentage values in [`x`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/x.html) and [`y`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/y.html) properties of annotation as shown in the following code snippet.
 
 
-{% highlight dart %} 
+{% highlight dart hl_lines="18" %}
 
     @override
     Widget build(BuildContext context) {
@@ -175,7 +177,7 @@ To position the annotation based on the percentage values, set the [`CoordinateU
 
 Annotations can be placed with respect to either [`AnnotationRegion.plotArea`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/AnnotationRegion.html) or [`AnnotationRegion.chart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/AnnotationRegion.html) using [`region`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/region.html) property.
 
-{% highlight dart %} 
+{% highlight dart hl_lines="13" %}
 
     @override
     Widget build(BuildContext context) {
@@ -210,7 +212,7 @@ Annotations can be placed with respect to either [`AnnotationRegion.plotArea`](h
 
 The following code example demonstrates how to set the [`horizontalAlignment`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/horizontalAlignment.html) for annotation
 
-{% highlight dart %}
+{% highlight dart hl_lines="17" %}
 
     @override
     Widget build(BuildContext context) {

diff --git a/Flutter/cartesian-charts/axis-customization.md b/Flutter/cartesian-charts/axis-customization.md
@@ -879,6 +879,10 @@ When you specify the same value for both [`start`](https://pub.dev/documentation
 
 ![plotband_line](images/axis-customization/plotband_line.png)
 
+#### See Also
+
+* [Render a line at a specific axis value in Cartesian charts](https://www.syncfusion.com/kb/12951/how-to-render-a-line-at-a-specific-axis-value-in-cartesian-charts-sfcartesianchart).
+
 ### Plot band padding
 
 Padding to the plot band text can be added using the [`verticalTextPadding`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/PlotBand/verticalTextPadding.html) or [`horizontalTextPadding`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/PlotBand/horizontalTextPadding.html) properties. The [`verticalTextPadding`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/PlotBand/verticalTextPadding.html) is used to move the plot band text vertically and [`horizontalTextPadding`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/PlotBand/horizontalTextPadding.html) is used to move the plot band text horizontally.
@@ -1117,6 +1121,10 @@ To toggle this functionality, [`anchorRangeToVisiblePoints`](https://pub.dev/doc
 
 ![Auto_Range_Calculation](images/axis-customization/auto_range_calculation.gif)
 
+#### See Also
+
+* [Synchronize on-demand loading in the Cartesian charts](https://www.syncfusion.com/kb/13021/how-to-synchronize-on-demand-loading-in-the-cartesian-charts-sfcartesianchart).
+
 ## Axis label width customization
 
 The maximum width for axis labels and the space occupied by the axis labels can be controlled by using the [`maximumLabelWidth`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxis/maximumLabelWidth.html) and [`labelsExtent`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxis/labelsExtent.html) properties of the axis respectively. If the provided width is lesser than the axis label's width, the label gets trimmed and the tooltip  is shown when clicking/tapping the axis label in both cases. Both properties default to `null`.
@@ -1789,3 +1797,5 @@ The different types of multi-level label's border are mentioned below,
 * [Creating a flutter master-detail chart using range controller in the Cartesian chart](https://www.syncfusion.com/kb/12318/how-to-create-flutter-master-detail-chart-using-the-cartesian-charts-widget).
 
 * [Changing the visible range of chart using range selector in the Cartesian chart](https://www.syncfusion.com/kb/12053/how-to-change-the-visible-chart-range-using-the-range-selector-widget-sfcartesianchart).
+
+* [Add vertical line and update it dynamically in the Cartesian charts](https://www.syncfusion.com/kb/13028/how-to-add-a-vertical-line-and-update-it-dynamically-in-the-cartesian-charts).
diff --git a/Flutter/cartesian-charts/callbacks.md b/Flutter/cartesian-charts/callbacks.md
@@ -677,9 +677,12 @@ Triggers when the trendline gets rendered. The `onRenderDetailsUpdate` callback
                     print('rSquare value: ' + args.rSquaredValue.toString());
                     print('Intercept value (x): ' + args.intercept.toString());
                   })
-              ])
-          ],
-      )));
+                ]
+              )
+            ],
+          )
+        )
+      );
     }
 
 {% endhighlight %}
@@ -932,6 +935,12 @@ Triggers while swiping on the plot area. Whenever the swiping happens on th
 
 {% endhighlight %}
 
+#### See Also
+
+* [Achieve sliding viewport functionality using Cartesian chart](https://www.syncfusion.com/kb/12841/how-to-achieve-sliding-viewport-functionality-using-cartesian-chart-sfcartesianchart).
+
+* [Perform an action on swiping over the Cartesian chart](https://www.syncfusion.com/kb/12532/how-to-perform-an-action-on-swiping-over-the-cartesian-chart-sfcartesianchart).
+
 ## onRenderDetailsUpdate (ErrorBarSeries)
 
 Triggers when the error bar is being rendered. In this `onRenderDetailsUpdate` callback, you can get the following arguments.
@@ -1133,9 +1142,9 @@ the data points and legend. For further reference on this callback, Check the [`
 
 ## axisLabelFormatter
 
-Called while rendering each axis label in the chart. Provides label text, axis name, orientation of the axis, trimmed text and text styles such as color, font size, and font weight to the user using the `AxisLabelRenderDetails` class.
+Called while rendering each axis label in the chart. Provides label text, axis name, orientation of the axis, trimmed text and text styles such as color, font size, and font weight to the user using the [`AxisLabelRenderDetails`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/AxisLabelRenderDetails-class.html) class.
 
-You can customize the text and text style using the `ChartAxisLabel` class and can return it.
+You can customize the text and text style using the [`ChartAxisLabel`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxisLabel-class.html) class and can return it.
 
 Defaults to `null`.
 
@@ -1155,6 +1164,10 @@ Defaults to `null`.
     }
 {% endhighlight %}
 
+#### See Also
+
+* [Format the date-time axis labels in Cartesian chart](https://www.syncfusion.com/kb/13044/how-to-format-the-date-time-axis-labels-in-cartesian-chart-sfcartesianchart).
+
 ## multiLevelLabelFormatter
 
 Triggers while rendering the multi-level labels. Text and text styles such as color, font size, font-weight, etc can be customized by using [`ChartAxisLabel`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/ChartAxisLabel-class.html) class. The [`MultiLevelLabelRenderDetails`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/MultiLevelLabelRenderDetails-class.html) contains the following arguments.
@@ -1233,8 +1246,11 @@ Triggers while rendering the multi-level labels. Text and text styles such as co
 #### See Also
 
 * [Customize the tooltip using its callback event](https://www.syncfusion.com/kb/11507/how-to-customize-the-tooltip-using-callback-events-sfcartesianchart).
+
 * [Customize the axis labels using its callback event](https://www.syncfusion.com/kb/11678/how-to-customize-the-axis-labels-using-callback-events-sfcartesianchart).
+
 * [Customize the data labels using its callback event](https://www.syncfusion.com/kb/11679/how-to-customize-data-labels-using-callback-events-sfcartesianchart).
+
 * [Disabling trackball tooltip for particular series using its callback event](https://www.syncfusion.com/kb/11638/how-to-disable-trackball-tooltip-for-particular-series-in-cartesian-charts-sfcartesianchart).
 * [To Synchronize panning in multiple charts](https://www.syncfusion.com/kb/11533/how-to-synchronize-panning-in-multiple-charts-sfcartesianchart).
 

diff --git a/Flutter/cartesian-charts/chart-appearance.md b/Flutter/cartesian-charts/chart-appearance.md
@@ -109,4 +109,9 @@ You can customize the plot area of the chart using the below properties.
 #### See Also
 
 * [Rendering a background image in the plot area of the Cartesian chart](https://www.syncfusion.com/kb/11049/how-to-render-the-cartesian-chart-sfcartesianchart-with-background-image-for-plot-area).
+
 * [Rendering the Cartesian chart in dark theme](https://www.syncfusion.com/kb/11025/how-to-render-the-flutter-cartesian-chart-sfcartesianchart-in-dark-theme).
+
+* [Hide the plot area border line in the Flutter chart](https://www.syncfusion.com/kb/12573/how-to-hide-the-plot-area-border-line-in-the-flutter-chart-sfcartesianchart).
+
+* [Render the Flutter chart with background image](https://www.syncfusion.com/kb/12536/how-to-render-the-flutter-chart-with-background-image-sfcartesianchart).
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,4 +14,4 @@ The License key registration is no longer required for Flutter from version 18.3

		The Flutter controls from Syncfusion can be used without registering the license keys.

		N> If you are using Syncfusion controls prior to version 18.3.0.x, please follow this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key#flutter) to register your license key.
		>Note: If you are using Syncfusion controls prior to version 18.3.0.x, please follow this [link](https://help.syncfusion.com/common/essential-studio/licensing/registering-license-keys#flutter) to register your license key.