specialDatesDecoration property

Decoration? specialDatesDecoration

The decoration for the special date cells of SfHijriDateRangePicker month view.

Defaults to null.

Using a SfDateRangePickerTheme gives more fine-grained control over the appearance of various components of the date range picker.

See also:

• HijriDatePickerMonthViewSettings.specialDates, which is used highlight the specific dates in the month view.
• specialDatesTextStyle, which used to set text style for the special date cells in the month view of the date range picker.
• cellDecoration, which used to set decoration for the month cells in the month view of the date range picker.
• todayCellDecoration, which used to set the decoration for the today date cell in the month view of the date range picker.
• disabledDatesDecoration, which used to set the decoration for the disabled date cells in the month view of date range picker.
• weekendDatesDecoration, which used to set the decoration for the weekend date cells in the month view of date range picker.
• blackoutDatesDecoration, which used to set decoration for the blackout date cells in the month view of date range picker.
• SfHijriDateRangePicker.selectionTextStyle, which is used to set the text style for the text in the selected cell of date range picker.
• SfHijriDateRangePicker.rangeTextStyle, which is used to set text style for the text in the selected range cell's of date range picker.
• Knowledge base: How to customize leading and trailing dates using cell builder
• Knowledge base: How to customize the special dates using builder
• Knowledge base: How to customize the date range picker cells using builder
• Knowledge base: How to apply theming
• Knowledge base: How to style the current month date cell
• Knowledge base: How to customize the month cell

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfHijriDateRangePicker(
         controller: _pickerController,
         view: HijriDatePickerView.month,
         enablePastDates: false,
         selectionMode: DateRangePickerSelectionMode.multiRange,
         monthCellStyle: HijriDatePickerMonthCellStyle(
           specialDatesDecoration: BoxDecoration(
               color: Colors.blueGrey,
               border: Border.all(color: const Color(0xFF2B732F),
                    width: 1),
               shape: BoxShape.circle),
         ),
       ),
    ),
   );
 }

Implementation

final Decoration? specialDatesDecoration;