Articles in this section
Category / Section

How to customize the day, week, month header of Schedule view in the Flutter Calendar

1 min read

In the Flutter Event Calendar, you can customize the day, month, week header of schedule view by using the DayHeaderSettings, WeekHeaderSettings, MonthHeaderSettings properties of ScheduleViewsettings.

    child: SfCalendar(
  view: CalendarView.schedule,
  scheduleViewSettings: ScheduleViewSettings(
      dayHeaderSettings: DayHeaderSettings(
          dateTextStyle: TextStyle(color:, fontSize: 10),
          dayFormat: 'EEEE',
          dayTextStyle: TextStyle(color:, fontSize: 10)),
      weekHeaderSettings: WeekHeaderSettings(
          weekTextStyle: TextStyle(
          startDateFormat: 'MMMM dd, yyyy',
          endDateFormat: 'MMMM dd, yyyy'),
      monthHeaderSettings: MonthHeaderSettings(
          monthFormat: 'MMM  yyyy',
          backgroundColor: Colors.teal,
          monthTextStyle: TextStyle(color:,textAlign:,
  dataSource: _getCalendarDataSource(),

View sample in GitHub



Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied