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: Colors.green, fontSize: 10),
          dayFormat: 'EEEE',
          dayTextStyle: TextStyle(color: Colors.red, fontSize: 10)),
      weekHeaderSettings: WeekHeaderSettings(
          weekTextStyle: TextStyle(
            color: Colors.pink,
          ),
          startDateFormat: 'MMMM dd, yyyy',
          endDateFormat: 'MMMM dd, yyyy'),
      monthHeaderSettings: MonthHeaderSettings(
          monthFormat: 'MMM  yyyy',
          backgroundColor: Colors.teal,
          monthTextStyle: TextStyle(color: Colors.black),textAlign: TextAlign.center)),
  dataSource: _getCalendarDataSource(),
)),

View sample in GitHub

customization

 

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