disabledDatesDecoration property

Decoration? disabledDatesDecoration
final

The decoration for the disabled date cells of SfDateRangePicker month view.

The disabled dates are the one which falls beyond the minimum and maximum date range.

Defaults to null.

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

See also:


Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         controller: _pickerController,
         view: DateRangePickerView.month,
         enablePastDates: false,
         selectionMode: DateRangePickerSelectionMode.multiRange,
         monthCellStyle: DateRangePickerMonthCellStyle(
           disabledDatesDecoration: BoxDecoration(
               color: Colors.black.withOpacity(0.4),
               border: Border.all(color: const Color(0xFF2B732F),
                    width: 1),
               shape: BoxShape.rectangle),
         ),
       ),
     ),
   );
 }

Implementation

final Decoration? disabledDatesDecoration;