dateTextStyle property

TextStyle? dateTextStyle

The text style for the date text in the SfCalendar view header view.

Defaults to null.

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

Note: This property doesn't applicable when the calendar view set as CalendarView.month.

The text color set to this doesn't apply for the today cell in view header of day/week/workweek view.

See also:

  • dayTextStyle, which used to customize the text style of the day text in the view header view.
  • backgroundColor, which fills the background of the view header view in calendar.
Widget build(BuildContext context) {
   return Container(
     child: SfCalendar(
       view: CalendarView.week,
       viewHeaderStyle: ViewHeaderStyle(
           dayTextStyle: TextStyle(color: Colors.grey, fontSize: 20),
           dateTextStyle: TextStyle(color: Colors.grey, fontSize: 25)),


final TextStyle? dateTextStyle;