Skip to content

FLUT-6541-UGDevelopment-Important properties high lighted. #287

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 9 commits into from
Jun 2, 2022
Merged

FLUT-6541-UGDevelopment-Important properties high lighted. #287

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
ab9161f
FLUT-6541-UGDevelopment-Important properties high lighted.
May 11, 2022
fe695ee
FLUT-6541-UGDevelopment-Properties high lighted.
May 12, 2022
7285882
FLUT-6541-UGDevelopment-Missing highlights added and unwanted highlig…
May 26, 2022
acf6957
FLUT-6541-UGDevelopment-Review comments addressed.
May 27, 2022
d412691
FLUT-6541-UGDevelopment-Review corrections addressed.
May 30, 2022
f83f957
FLUT-6541-UGDevelopment-Review comments addressed.
May 30, 2022
0863972
FLUT-6541-UGDevelopment-Review comments addressed.
May 31, 2022
2a72716
FLUT-6541-UGDevelopment-Review comments addressed.
May 31, 2022
ac8c6a5
FLUT-6541-UGDevelopment-Review comments addressed.
May 31, 2022
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
4 changes: 2 additions & 2 deletions Flutter/DateRangePicker/Callbacks.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/
`visibleDateRange` - returns the start and end dates of the current visible month.

{% tabs %}
{% highlight dart hl_lines="6" %}
{% highlight dart hl_lines="6 7 8" %}

@override
Widget build(BuildContext context) {
Expand All @@ -42,7 +42,7 @@ The [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepi
`args.value` - returns the dates based on the selection mode.

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="7 8 9 10 11 12 13 14 15 16 17 18" %}

@override
Widget build(BuildContext context) {
Expand Down
2 changes: 1 addition & 1 deletion Flutter/DateRangePicker/builders.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ The [DateRangePickerCellBuilder](https://pub.dev/documentation/syncfusion_flutte
`visibleDates`: The visible dates of the current view.

{% tabs %}
{% highlight dart hl_lines="12 13" %}
{% highlight dart hl_lines="12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63%}

class MyAppState extends State<MyApp> {
final DateRangePickerController _controller = DateRangePickerController();
Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/customizations.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ You can customize the calendar month view by using the `monthCellStyle` of `SfDa
• **Weekend Dates** – You can change weekend dates to `DateRangePicker` by using the [weekendDays](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings/weekendDays.html) property, and you can also customize the weekend dates text style and background by using the [weekendDatesTextStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthCellStyle/weekendTextStyle.html) and [weekendDatesDecoration](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthCellStyle/weekendDatesDecoration.html).

{% tabs %}
{% highlight dart hl_lines="6 7 8 9 11 15 19" %}
{% highlight dart hl_lines="6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -103,7 +103,7 @@ You can also customize the date range picker section by using the `monthCellStyl
• **Range selection color** - Range selection color text style can be customized using the [startRangeSelectionColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/startRangeSelectionColor.html), [endRangeSelectionColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/endRangeSelectionColor.html) , [rangeSelectionColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/rangeSelectionColor.html) properties that is applicable when `selectionMode` is in `range` or `multi-range`.

{% tabs %}
{% highlight dart hl_lines="7 8 9 10 11" %}
{% highlight dart hl_lines="7 8 9 10 11 12" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -137,7 +137,7 @@ You can customize the calendar `year`, `decade`, and `century` view by using the
• **Today date** – You can customize the today date text style and background of the `DateRangePicker` by using the [todayTextStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthCellStyle/todayTextStyle.html) and [todayCellDecoration](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthCellStyle/todayCellDecoration.html).

{% tabs %}
{% highlight dart hl_lines="8 12 13 17 18 22" %}
{% highlight dart hl_lines="7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24" %}

@override
Widget build(BuildContext context) {
Expand Down
4 changes: 2 additions & 2 deletions Flutter/DateRangePicker/date-navigations.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ class _MyAppState extends State<MyApp> {
Initially or during the run time, you can selects the multiple dates programmatically by using the [selectedDates](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedDates.html) of `DateRangePickerController` property. It is only applicable when the `selectionMode` is set to `DateRangePickerSelectionMode.multiple`.

{% tabs %}
{% highlight dart hl_lines="5 9 24 25" %}
{% highlight dart hl_lines="6 10 11 12 13 14 15 25 26" %}

class MyApp extends StatefulWidget {
@override
Expand Down Expand Up @@ -217,7 +217,7 @@ class MyAppState extends State<MyApp> {
Initially or during run time, you can selects more than one date range programmatically by using the [selectedRanges](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedRanges.html) of `DateRangePickerController` property. It is only applicable when the `selectionMode` is set to `DateRangePickerSelectionMode.multiRange`.

{% tabs %}
{% highlight dart hl_lines="6 10 25 26" %}
{% highlight dart hl_lines="6 10 11 12 13 14 15 25 26" %}

class MyApp extends StatefulWidget {
@override
Expand Down
2 changes: 1 addition & 1 deletion Flutter/DateRangePicker/date-restrictions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ Widget build(BuildContext context) {
[selectableDayPredicate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectableDayPredicate.html) callback allows certain days for selection. Only the days that `selectableDayPredicate` returns `true` will be selectable in the date range picker.

{% tabs %}
{% highlight dart hl_lines="4" %}
{% highlight dart hl_lines="4 5 6 7 8 9" %}

@override
Widget build(BuildContext context) {
Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/headers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Widget build(BuildContext context) {
You can customize the header style of the `DataRangePicker` by using the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerHeaderStyle/backgroundColor.html), [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerHeaderStyle/textStyle.html), and [textAlign](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerHeaderStyle/textAlign.html) properties of [DateRangePickerHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerHeaderStyle-class.html).

{% tabs %}
{% highlight dart hl_lines="6" %}
{% highlight dart hl_lines="6 7 8 9 10 11 12 13 14 %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -67,7 +67,7 @@ You can customize the view header of the `DateRangePicker` using the [viewHeader
You can customize the view header height of `DateRangePicker` using the `viewHeaderHeight` property of `DateRangePickerMonthViewSettings`.

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="6 7" %}

@override
Widget build(BuildContext context) {
Expand All @@ -89,7 +89,7 @@ Widget build(BuildContext context) {
You can customize the view header style of `DateRangePicker` by using the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerViewHeaderStyle/backgroundColor.html), [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerViewHeaderStyle/textStyle.html) properties of [DateRangePickerViewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerViewHeaderStyle-class.html).

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="7 8 9" %}

@override
Widget build(BuildContext context) {
Expand Down
32 changes: 16 additions & 16 deletions Flutter/DateRangePicker/hijri-date-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ It consists of all the Gregorian calendar functionalities like min and max date,
To display the Hijri date picker, initialize the [HijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) widget as a child of any widget. Here, the Hijri date range picker added as a child of the scaffold widget.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="4" %}

@override
Widget build(BuildContext context) {
Expand All @@ -37,7 +37,7 @@ Widget build(BuildContext context) {
The `SfHijriDateRangePicker` widget provides three different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/view.html) property. The default view of the widget is the month view. By default, the current date will be displayed initially for all the date range picker views.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="6" %}

@override
Widget build(BuildContext context) {
Expand All @@ -58,7 +58,7 @@ Widget build(BuildContext context) {
The `SfHijriDateRangePicker` widget will be rendered with Sunday as the first day of the week but you can customize it to any day by using the [firstDayOfWeek](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthViewSettings/firstDayOfWeek.html) property [HijriDatePickerMonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthViewSettings-class.html).

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="7" %}

@override
Widget build(BuildContext context) {
Expand All @@ -80,7 +80,7 @@ Widget build(BuildContext context) {
Display the Week number of the year in the month view by setting the [showWeekNumber](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthViewSettings/showWeekNumber.html) property of the `HijriDatePickerMonthViewSettings` as true, and by default it is false. The Week numbers will be displayed based on the ISO standard.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="7 8 9" %}

@override
Widget build(BuildContext context) {
Expand All @@ -104,7 +104,7 @@ Display the Week number of the year in the month view by setting the [showWeekNu
Customize the Week number style by using the [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/textStyle.html) and the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/backgroundColor.html) properties of the [DateRangePickerWeekNumberStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle-class.html).

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="9 10 11" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -135,7 +135,7 @@ The selected date or range details can be obtained using the [onSelectionChanged


{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="12" %}

void _onSelectionChanged(DateRangePickerSelectionChangedArgs args) {
/// TODO: implement your code here
Expand All @@ -162,7 +162,7 @@ Widget build(BuildContext context) {
You can programmatically navigate date in the Hijri date picker widget by using the [displayDate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/displayDate.html) property from [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 6 15" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -194,7 +194,7 @@ class MyAppState extends State<MyApp> {
You can programmatically navigate to any view in the Hijri date picker widget by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/view.html) property of `HijriDatePickerController.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 6 15" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -230,7 +230,7 @@ For selection [refer](https://help.syncfusion.com/flutter/daterangepicker/select
You can select the date programmatically by using the [selectedDate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedDate.html) property of `HijriDatePickerController`. It is only applicable when the `selectionMode` is set to `DateRangePickerSelectionMode.single`.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 7 16 17" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -263,7 +263,7 @@ class MyAppState extends State<MyApp> {
You can select the multiple dates programmatically by using the [selectedDates](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedDates.html) property of `HijriDatePickerController`. It is only applicable when the selectionMode is set to `DateRangePickerSelectionMode.multiple`.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 7 8 9 10 11 12 21 22" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -303,7 +303,7 @@ You can select the single date range programmatically by using the [selectedRang
Use the [HijriDateRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDateRange-class.html) to define the date range for the Hijri date picker.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 7 8 17 18" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -337,7 +337,7 @@ class MyAppState extends State<MyApp> {
You can select more than one date range programmatically by using the [selectedRanges](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedRanges.html) property of `HijriDatePickerController`. It is only applicable when the `selectionMode` is set to `DateRangePickerSelectionMode.multiRange`.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 7 8 9 10 11 12 21 22" %}

class MyAppState extends State<MyApp> {
HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -376,7 +376,7 @@ class MyAppState extends State<MyApp> {
Extend the selected range with the new selected date in any date range picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to `extendableRange`.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="2 7 8 17 18" %}

class MyAppState extends State<MyApp> {
final HijriDatePickerController _controller = HijriDatePickerController();
Expand Down Expand Up @@ -414,7 +414,7 @@ It allows to extend the selection direction by using the [extendableRangeSelecti
You can set the extendable range selection direction as forward, backward, both and none.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="8 9" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -448,7 +448,7 @@ Customize the Hijri date picker month view by using the [monthCellStyle](https:/


{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -499,7 +499,7 @@ You can customize the calendar year, and decade view by using the [yearCellStyle


{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="7 8 9 10 11 12 13 14 15 16 17 18 19" %}

@override
Widget build(BuildContext context) {
Expand Down
2 changes: 1 addition & 1 deletion Flutter/DateRangePicker/localization.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ flutter_localizations:
Next, import the `flutter_localizations` library and specify `localizationsDelegates` and `supportedLocale` for `MaterialApp`.

{% tabs %}
{% highlight dart hl_lines="4 8 13" %}
{% highlight dart hl_lines="6 7 8 9 10 11 12 13 14 15" %}

import 'package:flutter_localizations/flutter_localizations.dart';

Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/right-to-left.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Right to left rendering can be switched in the following ways:
The `SfDateRangePicker` supports changing the layout direction of the widget in the right-to-left direction by using the `Directionality` widget and set the `textDirection` property as [TextDirection.rtl](https://api.flutter.dev/flutter/dart-ui/TextDirection.html).

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="7 8" %}

@override
Widget build(BuildContext context) {
Expand All @@ -43,7 +43,7 @@ Widget build(BuildContext context) {
To change the date range picker rendering direction from right to left, change the locale to any of the RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="4 5 6 7 8 9 10 11 12 13" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -72,7 +72,7 @@ Widget build(BuildContext context) {
Right to left rendering is supported for all the elements in the `SfDateRangePicker`.

{% tabs %}
{% highlight Dart %}
{% highlight dart hl_lines="7 8" %}

@override
Widget build(BuildContext context) {
Expand Down
4 changes: 2 additions & 2 deletions Flutter/DateRangePicker/selections.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ It allows to extend the selection direction by using the [extendableRangeSelecti
You can set the extendable range selection direction as forward, backward, both and none.

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="8 9" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -213,7 +213,7 @@ Widget build(BuildContext context) {
Using the [enableSwipeSelection](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings/enableSwipeSelection.html) property of the `DateRangePicker`, you can select the dates by using swiping. By default, `enableSwipeSelection` property as `true`.

{% tabs %}
{% highlight dart hl_lines="8" %}
{% highlight dart hl_lines="7 8" %}

@override
Widget build(BuildContext context) {
Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/views.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Widget build(BuildContext context) {

Display the Week number of the year in the MonthView by setting the [showWeekNumber](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings/showWeekNumber.html) property of the `DateRangePickerMonthViewSettings` as true, and by default it is false. Week numbers will be displayed based on the ISO standard.
{% tabs %}
{% highlight dart hl_lines="8" %}
{% highlight dart hl_lines="7 8 9" %}

@override
Widget build(BuildContext context) {
Expand All @@ -59,7 +59,7 @@ Display the Week number of the year in the MonthView by setting the [showWeekNum
Customize the Week number style by using the [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/textStyle.html) and the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/backgroundColor.html) properties of the [DateRangePickerWeekNumberStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle-class.html).

{% tabs %}
{% highlight dart hl_lines="8 9" %}
{% highlight dart hl_lines="8 9 10 11" %}

@override
Widget build(BuildContext context) {
Expand Down Expand Up @@ -147,7 +147,7 @@ Widget build(BuildContext context) {
The number of weeks in the month view can be customized by setting the [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings/numberOfWeeksInView.html) property of [DateRangePickerMonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings-class.html).

{% tabs %}
{% highlight dart hl_lines="7" %}
{% highlight dart hl_lines="6 7" %}

@override
Widget build(BuildContext context) {
Expand Down
Loading