trailingDatesBackgroundColor property

The background color to fill the background of the SfCalendar trailing dates month cell.

Defaults to null.

Using a SfCalendarTheme gives more fine-grained control over the appearance of various components of the calendar.

See also:

backgroundColor, which used to fill the background of the month cells in the calendar.
todayBackgroundColor, which fills the background of the today date cell of month view in calendar.
leadingDatesBackgroundColor, which fills the background of the leading dates cells of month view in calendar.
trailingDatesTextStyle, which used to customize the text style of text in the trailing dates month cell of calendar.
Knowledge base: How to style the month cell
Knowledge base: How to customize the month cell with appointment count
Knowledge base: How to customize the month cell based on the appointment using builder
Knowledge base: How to customize the leading and trailing dates

Widget build(BuildContext context) {
   return Container(
     child: SfCalendar(
       view: CalendarView.month,
       monthViewSettings: MonthViewSettings(
          dayFormat: 'EEE',
          numberOfWeeksInView: 4,
          appointmentDisplayCount: 2,
          appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
          showAgenda: false,
          navigationDirection: MonthNavigationDirection.horizontal,
          monthCellStyle
               : MonthCellStyle(textStyle: TextStyle(fontStyle: FontStyle.
          normal, fontSize: 15, color: Colors.black),
               trailingDatesTextStyle: TextStyle(
                   fontStyle: FontStyle.normal,
                   fontSize: 15,
                   color: Colors.black),
               leadingDatesTextStyle: TextStyle(
                   fontStyle: FontStyle.normal,
                   fontSize: 15,
                   color: Colors.black),
               backgroundColor: Colors.red,
               todayBackgroundColor: Colors.blue,
               leadingDatesBackgroundColor: Colors.grey,
               trailingDatesBackgroundColor: Colors.grey)),
     ),
   );
 }

Implementation

MonthCellStyle class