monthCellStyle property Null safety

DateRangePickerMonthCellStyle monthCellStyle
final

The style have properties which allow to customize month cells of the SfDateRangePicker.

Allows to customize the DateRangePickerMonthCellStyle.textStyle, DateRangePickerMonthCellStyle.todayTextStyle, DateRangePickerMonthCellStyle.trailingDatesTextStyle, DateRangePickerMonthCellStyle.leadingDatesTextStyle, DateRangePickerMonthCellStyle.disabledDatesTextStyle, DateRangePickerMonthCellStyle.blackoutDateTextStyle, DateRangePickerMonthCellStyle.weekendTextStyle, DateRangePickerMonthCellStyle.specialDatesTextStyle, DateRangePickerMonthCellStyle.specialDatesDecoration, DateRangePickerMonthCellStyle.blackoutDatesDecoration, DateRangePickerMonthCellStyle.cellDecoration, DateRangePickerMonthCellStyle.todayCellDecoration, DateRangePickerMonthCellStyle.disabledDatesDecoration, DateRangePickerMonthCellStyle.trailingDatesDecoration, DateRangePickerMonthCellStyle.leadingDatesDecoration, DateRangePickerMonthCellStyle.weekendDatesDecoration in the month cells of the date range picker.

See also:


Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         view: DateRangePickerView.month,
         enablePastDates: false,
         monthCellStyle: DateRangePickerMonthCellStyle(
           textStyle: TextStyle(
               fontWeight: FontWeight.w400, fontSize: 15,
                    color: Colors.black),
           todayTextStyle: TextStyle(
               fontStyle: FontStyle.italic,
               fontSize: 15,
               fontWeight: FontWeight.w500,
               color: Colors.red),
           leadingDatesDecoration: BoxDecoration(
               color: const Color(0xFFDFDFDF),
               border: Border.all(color: const Color(0xFFB6B6B6),
                    width: 1),
               shape: BoxShape.circle),
           disabledDatesDecoration: BoxDecoration(
               color: const Color(0xFFDFDFDF).withOpacity(0.2),
               border: Border.all(color: const Color(0xFFB6B6B6),
                    width: 1),
               shape: BoxShape.circle),
         ),
       ),
     ),
   );
 }

Implementation

final DateRangePickerMonthCellStyle monthCellStyle;