The content of the date picker is aligned to the left

[evanwsu]

Bug description

After upgrading Flutter, the date picker widget's date and day of the week are aligned to the left.

Steps to reproduce

1. Create an SfDateRangePicker object.
2. Use it in the page.

Code sample

Code sample

syncfusion_flutter_datepicker: ^27.2.2

SfDateRangePicker(
            monthFormat: 'M',
            selectionRadius: 4,
            allowViewNavigation: false,
            selectionMode: DateRangePickerSelectionMode.range,
            selectionShape: DateRangePickerSelectionShape.rectangle,
            navigationMode: DateRangePickerNavigationMode.scroll,
            navigationDirection: DateRangePickerNavigationDirection.vertical,
            monthViewSettings: const DateRangePickerMonthViewSettings(
              viewHeaderStyle: DateRangePickerViewHeaderStyle(
                textStyle: Styles.color_333333_size_16,
              ),
            ),
            monthCellStyle: const DateRangePickerMonthCellStyle(
              textStyle: Styles.color_333333_size_16,
              todayTextStyle: Styles.color_333333_size_16,
            ),
            backgroundColor: ComColors.color_FFFFFF,
            headerStyle: const DateRangePickerHeaderStyle(
              textAlign: TextAlign.center,
              textStyle: Styles.color_333333_size_16_medium,
              backgroundColor: ComColors.color_FFFFFF,
            ),
            todayHighlightColor: ComColors.color_F04343,
            startRangeSelectionColor: ComColors.color_F04343,
            endRangeSelectionColor: ComColors.color_F04343,
            rangeSelectionColor: ComColors.color_F04343_10,
            rangeTextStyle: Styles.color_F04343_size_16,
            maxDate: widget.maxDate,
            minDate: widget.minDate,
            controller: controller,
            initialSelectedRange: widget.initialSelectedRange,
          ),

Screenshots or Video

Screenshots / Video demonstration


Stack Traces

Stack Traces

On which target platforms have you observed this bug?

Android, iOS

Flutter Doctor output

Doctor output

 Flutter (Channel [user-branch], 3.22.3, on macOS 14.2 23C64 darwin-arm64,
    locale zh-Hans-CN)
    ! Flutter version 3.22.3 on channel [user-branch] at
      /Users/xx/flutter
      Currently on an unknown channel. Run `flutter channel` to switch to an
      official channel.
      If that doesn't fix the issue, reinstall Flutter by following instructions
      at https://flutter.dev/docs/get-started/install.
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision b0850beeb2 (4 months ago), 2024-07-16 21:43:41 -0700
    • Engine revision 235db911ba
    • Dart version 3.4.4
    • DevTools version 2.34.3
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn
    • If those were intentional, you can disregard the above warnings; however
      it is recommended to use "git" directly to perform update checks and
      upgrades.

[martipello]

also seeing this while using MultipleDatePicker

syncfusion_flutter_datepicker: ^28.1.33

Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.24.5, on macOS 14.6.1 23G93 darwin-arm64, locale en-GB) [✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [✓] Xcode - develop for iOS and macOS (Xcode 16.1) [✓] Chrome - develop for the web [✓] Android Studio (version 2024.2) [✓] IntelliJ IDEA Community Edition (version 2024.3) [✓] VS Code (version 1.95.3) [✓] Connected device (4 available) [✓] Network resources