[syncfusion_flutter_calendar][web] Header Displays Wrong for Resource View

[ThorinEk]

Bug description

I am having problems with the calendar header of Syncfusion Calendar not displaying correctly.

Two (possibly related) issues:

1. The SfCalendar.headerDateFormat parameter is not respected
2. The week number is cut off even though there is plenty of room available to it

• The SfCalendar.headerDateFormat property is respected in "week view" but not when using resource view. I set it to MMM yyyy which should show Jan 2025 however it shows January 2025 when using resource view.

See attached screenshot for demonstration

Thanks in advance for any assistance!

Steps to reproduce

1. Use Resource View
2. Use SfCalendar with the parameters in the sample code below

Code sample

Code sample

SfCalendar(
  showNavigationArrow: true,
  showWeekNumber: true,
  weekNumberStyle: WeekNumberStyle(
    backgroundColor: Theme.of(context).colorScheme.surfaceBright,
    textStyle: TextStyle(
      color: Theme.of(context).colorScheme.tertiary,
      fontSize: 10,
    ),
  ),
  showDatePickerButton: true,
  appointmentTimeTextFormat: 'HH:mm',
  headerDateFormat: 'MMM yyyy',
  showTodayButton: widget.showTodayButton,
)

Screenshots or Video

Screenshots / Video demonstration

Stack Traces

None

On which target platforms have you observed this bug?

Web

Flutter Doctor output

Doctor output

[√] Flutter (Channel stable, 3.27.2, on Microsoft Windows [Version 10.0.26100.2894], locale sv-SE)
    • Flutter version 3.27.2 on channel stable at C:\src\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 68415ad1d9 (9 days ago), 2025-01-13 10:22:03 -0800
    • Engine revision e672b006cb
    • Dart version 3.6.1
    • DevTools version 2.40.2

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at C:\Users\pegu\AppData\Local\Android\sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
    • Java version OpenJDK Runtime Environment (build 17.0.9+0--11185874)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.9.2)
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.9.34622.214
    • Windows 10 SDK version 10.0.22621.0

[√] Android Studio (version 2023.2)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.9+0--11185874)

[√] VS Code (version 1.92.1)
    • VS Code at C:\Users\pegu\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.102.0

[√] Connected device (3 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.26100.2894]
    • Chrome (web)      • chrome  • web-javascript • Google Chrome 131.0.6778.265
    • Edge (web)        • edge    • web-javascript • Microsoft Edge 132.0.2957.115

[√] Network resources
    • All expected network resources are available.