modify toggle mode style with DatePickerTheme #164102

MaironLucas · 2025-02-25T15:00:59Z

Add properties to DatePickerThemeData:
- toggleModeStyle allow customization on _DatePickerModeToggleButton TextStyle;
- toggleModeForegroundColor allow changing the color of both button and Icon with consistency;
Compatible with existing code by the use of defaults;
Adjust test to cover new properties

How to customize toggle mode style before:

  showDatePicker(
    context: context,
    firstDate: DateTime(2025),
    lastDate: DateTime(2026),
    builder:
        (context, child) => Theme(
          data: ThemeData.light().copyWith(
            textTheme: TextTheme(titleSmall: TextStyle(fontSize: 16)),
            datePickerTheme: DatePickerThemeData(
              dayStyle: TextStyle(fontSize: 12),
            ),
          ),
          child: child!,
        ),
  );

Now:

  showDatePicker(
    context: context,
    firstDate: DateTime(2025),
    lastDate: DateTime(2026),
    builder:
        (context, child) => DatePickerTheme(
          data: DatePickerThemeData(
            toggleModeStyle: TextStyle(fontSize: 16),
            dayStyle: TextStyle(fontSize: 12),
          ),
          child: child!,
        ),
  );

Ref #163866
Ref #160591

Pre-launch Checklist

I read the Contributor Guide and followed the process outlined there for submitting PRs.
I read the Tree Hygiene wiki page, which explains my responsibilities.
I read and followed the Flutter Style Guide, including Features we expect every widget to implement.
I signed the CLA.
I listed at least one issue that this PR fixes in the description above.
I updated/added relevant documentation (doc comments with ///).
I added new tests to check the change I am making, or this PR is test-exempt.
I followed the breaking change policy and added Data Driven Fixes where supported.
All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel on Discord.

MaironLucas · 2025-02-25T19:56:34Z

I implemented this new feature before seeing that issue #160591 requested a similar feature. That issue already has a linked PR (#161458), but that PR doesn't seem to have received updates since January 24, so my PR could be a valid implementation for both issues.
Also, I took into account the comments and reviews of that PR.

QuncCccccc

Thank you for your contribution! Overall this looks good to me! Just left some comments below.

QuncCccccc · 2025-03-14T20:25:40Z

packages/flutter/lib/src/material/date_picker_theme.dart

+  ///
+  /// The [TextStyle.color] of [toggleModeStyle] is not used, [toggleModeForegroundColor]
+  /// is used instead.
+  final TextStyle? toggleModeStyle;


Do you think if toggleButtonTextStyle would be more straightforward to understand? :)

QuncCccccc · 2025-03-14T20:41:53Z

packages/flutter/lib/src/material/date_picker_theme.dart

+  /// Overrides the default color used for text labels and icons of toggle mode button.
+  ///
+  /// This is used instead of the [TextStyle.color] property of [toggleModeStyle].
+  final Color? toggleModeForegroundColor;


To fix #160591, I think we'd better also apply this color to the month pick button. As for naming, I think subHeaderForegroundColor would be more straightforward to understand.

QuncCccccc

Thanks for the update! Left some comments below. Please let me know if there's any questions:)

QuncCccccc · 2025-03-19T02:41:31Z

dev/tools/gen_defaults/data/date_picker_modal.json

  "md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color": "onSurfaceVariant",
  "md.comp.date-picker.modal.year-selection.year.unselected.label-text.color": "onSurfaceVariant",
-  "md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color": "onSurfaceVariant"
+  "md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color": "onSurfaceVariant",


This json file is generated from internal google, please don't edit it manually:)

QuncCccccc · 2025-03-19T02:48:56Z

dev/tools/gen_defaults/lib/date_picker_template.dart

  Color? get backgroundColor => ${componentColor("md.comp.date-picker.modal.container")};

+  @override
+  Color? get subHeaderForegroundColor => ${componentColor("md.comp.date-picker.modal.sub.header.foreground")}.withOpacity(0.60);


We should use the existing token instead of adding new tokens manually:)

Okay, that makes sense. This part was a bit confusing to me. So I should use something like md.comp.date-picker.modal.weekdays.label-text for subHeaderForegroundColor and md.comp.date-picker.modal.range-selection.month.subhead for toggleButtonTextStyle? Thats it?

Sorry for the late reply. Yes, these tokens are exported from google internal token generator, we should just pick tokens instead of creating new ones ourselves:)

QuncCccccc · 2025-03-19T03:09:20Z

packages/flutter/lib/src/material/calendar_date_picker.dart

                              widget.title,
                              overflow: TextOverflow.ellipsis,
-                              style: textTheme.titleSmall?.copyWith(color: controlColor),
+                              style: buttonTextStyle?.apply(color: toggleModeForegroundColor),


If we provide a toggleButtonTextStyle with a custom text color in date picker theme, but don't provide a subHeaderForegroundColor in the date picker theme, this change will cause that the customized text color is not respected, and the text color always defaults to the default subHeaderForegroundColor .

For the text color here, ideally, I think we want to firstly check whether theme's toggleButtonTextStyle's color is empty, if not empty, we respect the color value; but if empty, then check whether theme's subheaderForegroundColor is empty, if not empty, text color should respect it; if empty, we should go to defaults.toggleButtonTextStyle, if still empty, we should check defaults.subHeaderForegroundColor. Does this make sense?

Yeahh, it makes sense. I'm gonna implement it!

Done! I think the check on defaults.subHeaderForegroundColor is redundant because defaults.toggleButtonTextStyle already gets it.

QuncCccccc

This looks great to me! Can we add one more test to verify the datePickerTheme.toggleButtonTextStyle can override datePickerTheme.subHeaderForeground when they both have some custom color values:)

QuncCccccc · 2025-03-27T20:54:53Z

packages/flutter/lib/src/material/calendar_date_picker.dart

+    final DatePickerThemeData defaults = DatePickerTheme.defaults(context);
+    final TextStyle? buttonTextStyle =
+        datePickerTheme.toggleButtonTextStyle ?? defaults.toggleButtonTextStyle;
+    final Color? toggleModeForegroundColor =


For consistency,

Suggested change

final Color? toggleModeForegroundColor =

final Color? subHeaderForegroundColor =

@QuncCccccc About the test, I think I don't know exactly how to make it. Should I write a new test at date_picker_theme_test or edit one that already exists to verify this override?

Hi, @QuncCccccc. How is it going? I pushed the commit with two tests, verifying if the color of toggleButtonTextStyle is respected over subHeaderForegroundColor and also a test verifying if subHeaderForeground is used when toggleButtonTextStyle.color is not defined.

The tests look good to me! Could you help fix the conflict and the failures, then we are good to go!

Hi, nice!!
Well, the conflict is fixed. But about the failures, I am unsure of what to do to fix them. Could you help me? @QuncCccccc

QuncCccccc

LGTM! Thank you for your contribution!

QuncCccccc · 2025-04-09T23:50:27Z

packages/flutter/lib/src/material/date_picker_theme.dart

  /// picker. It defaults to the ambient locale provided by [Localizations].
  final Locale? locale;

+  /// Overrides the default text style used for the text of toggle mode button


nit:

Suggested change

/// Overrides the default text style used for the text of toggle mode button

/// Overrides the default text style used for the text of toggle mode button.

justinmc

LGTM 👍. Thanks for jumping in to add this!

justinmc · 2025-04-10T16:12:09Z

packages/flutter/test/material/date_picker_theme_test.dart

    );
    expect(day24Shape.side.width, datePickerTheme.todayBorder?.width);

+    // Test the toggle mode button


Nit: Period at the end.

auto-submit · 2025-04-10T23:53:27Z

autosubmit label was removed for flutter/flutter/164102, because - The status or check suite Google testing has failed. Please fix the issues identified (or deflake) before re-applying this label.

…ter#164102)

Manual roll Flutter from 30e53b0 to db68c950c599 (98 revisions) Manual roll requested by [email protected] flutter/flutter@30e53b0...db68c95 2025-04-15 [email protected] [customer_testing] Pick up the fix for issue found by flutter/dart hh. (flutter/flutter#167212) 2025-04-15 [email protected] Roll Packages from f26b681 to 2fcc403 (4 revisions) (flutter/flutter#167218) 2025-04-15 [email protected] Fix: Update sheet route bottom padding with top padding (flutter/flutter#164473) 2025-04-15 [email protected] Add Irish(ga) to Flutter (flutter/flutter#167129) 2025-04-15 [email protected] Roll Fuchsia Linux SDK from 91RIHvX0YC3wzD7qj... to 7bWzHwIPBTyU6R9nO... (flutter/flutter#167213) 2025-04-15 [email protected] Change saturation calculation for HSLColor.fromColor (flutter/flutter#166639) 2025-04-15 [email protected] fix: Update time picker dialog input size (flutter/flutter#163184) 2025-04-15 [email protected] Clarify how/when `FLUTTER_PREBUILT_ENGINE_VERSION` is passed in Flutter's CI (flutter/flutter#167204) 2025-04-15 [email protected] [ Widget Preview ] Add support for `theme` and `brightness` properties on `Preview` (flutter/flutter#167001) 2025-04-15 [email protected] Update `tests.version` to fix `customer_testing`. (flutter/flutter#167206) 2025-04-15 [email protected] Persistent CupertinoListTile leading and trailing (flutter/flutter#166799) 2025-04-15 [email protected] Add buildroot compatibility for HWASAN. (flutter/flutter#167133) 2025-04-15 [email protected] Correct max height calculation to fade and animate insets on scroll in CupertinoSearchTextField (flutter/flutter#166569) 2025-04-15 [email protected] Clip bottom widgets in nav bar transition (flutter/flutter#166705) 2025-04-14 [email protected] Roll Skia from e7aa93f33a20 to 76cb5d4fba27 (13 revisions) (flutter/flutter#167132) 2025-04-14 [email protected] [fuchsia] Uprev test-scripts with FUCHSIA_READELF env (flutter/flutter#166929) 2025-04-14 [email protected] Cleanup links to flutter/engine in ci/builders docs (flutter/flutter#166916) 2025-04-14 [email protected] Roll Packages from 465bcff to f26b681 (1 revision) (flutter/flutter#167122) 2025-04-14 [email protected] [skwasm] Use `queueMicrotask` instead of `postMessage` when single-threaded (flutter/flutter#166997) 2025-04-14 [email protected] Remove some unused third party library build scripts (flutter/flutter#166960) 2025-04-14 [email protected] [reland] Fix regression in NDK version checking (flutter/flutter#167011) 2025-04-14 [email protected] Add network permissions information to the dart doc of network image. (flutter/flutter#167110) 2025-04-14 [email protected] Include 3.29.3 and 3.29.2 changelog entries to master (flutter/flutter#166994) 2025-04-12 [email protected] [Impeller] various iOS cleanups. (flutter/flutter#166859) 2025-04-11 [email protected] [Impeller] reland: defer vulkan context initialization as long as possible. (flutter/flutter#167000) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "Fix regression in NDK version checking (#166998)" (flutter/flutter#167007) 2025-04-11 [email protected] Fix regression in NDK version checking (flutter/flutter#166998) 2025-04-11 [email protected] [iOS] Infer autocorrect value from autofillHints (flutter/flutter#165637) 2025-04-11 [email protected] [Impeller] fix vulkan/gl color space decode. (flutter/flutter#166957) 2025-04-11 [email protected] modify toggle mode style with DatePickerTheme (flutter/flutter#164102) 2025-04-11 [email protected] [iOS/macOS] Add Xcode error if dev dependencies are incorrect (flutter/flutter#165916) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "[Impeller] defer vulkan context initialization as long as possible. (#166941)" (flutter/flutter#166990) 2025-04-11 [email protected] Roll Packages from 431dc61 to 465bcff (2 revisions) (flutter/flutter#166982) 2025-04-11 [email protected] [Impeller] defer vulkan context initialization as long as possible. (flutter/flutter#166941) 2025-04-11 [email protected] Reland "[ Widget Preview ] Add initial support for communications over the Dart Tooling Daemon (DTD) (#166698)" (flutter/flutter#166877) 2025-04-11 [email protected] [native assets] Use workspace pubspec for user-defines (flutter/flutter#166977) 2025-04-11 [email protected] [native assets] Roll dependencies (flutter/flutter#166969) 2025-04-11 [email protected] Roll Skia from 98deb838d3b8 to e7aa93f33a20 (1 revision) (flutter/flutter#166966) 2025-04-11 [email protected] Roll Fuchsia Linux SDK from vYisSsIgqw0mqFRVJ... to 91RIHvX0YC3wzD7qj... (flutter/flutter#166963) 2025-04-11 [email protected] [native assets] Support user-defines in pubspec (flutter/flutter#166940) 2025-04-11 [email protected] [Impeller] correct render pass bariers when resolve has mips. (flutter/flutter#166892) 2025-04-11 [email protected] [Impeller] re-make AHB swapchain lazy and allow usage on < 34 (flutter/flutter#166943) 2025-04-11 [email protected] Reland "SliverEnsureSemantics (#165589)" (flutter/flutter#166889) 2025-04-11 [email protected] Roll Skia from 171b2bf1e496 to 98deb838d3b8 (2 revisions) (flutter/flutter#166955) ...

…(#9092) Manual roll Flutter from 30e53b0d9caa to db68c950c599 (98 revisions) Manual roll requested by [email protected] flutter/flutter@30e53b0...db68c95 2025-04-15 [email protected] [customer_testing] Pick up the fix for issue found by flutter/dart hh. (flutter/flutter#167212) 2025-04-15 [email protected] Roll Packages from 853e96a to a5ed6cb (4 revisions) (flutter/flutter#167218) 2025-04-15 [email protected] Fix: Update sheet route bottom padding with top padding (flutter/flutter#164473) 2025-04-15 [email protected] Add Irish(ga) to Flutter (flutter/flutter#167129) 2025-04-15 [email protected] Roll Fuchsia Linux SDK from 91RIHvX0YC3wzD7qj... to 7bWzHwIPBTyU6R9nO... (flutter/flutter#167213) 2025-04-15 [email protected] Change saturation calculation for HSLColor.fromColor (flutter/flutter#166639) 2025-04-15 [email protected] fix: Update time picker dialog input size (flutter/flutter#163184) 2025-04-15 [email protected] Clarify how/when `FLUTTER_PREBUILT_ENGINE_VERSION` is passed in Flutter's CI (flutter/flutter#167204) 2025-04-15 [email protected] [ Widget Preview ] Add support for `theme` and `brightness` properties on `Preview` (flutter/flutter#167001) 2025-04-15 [email protected] Update `tests.version` to fix `customer_testing`. (flutter/flutter#167206) 2025-04-15 [email protected] Persistent CupertinoListTile leading and trailing (flutter/flutter#166799) 2025-04-15 [email protected] Add buildroot compatibility for HWASAN. (flutter/flutter#167133) 2025-04-15 [email protected] Correct max height calculation to fade and animate insets on scroll in CupertinoSearchTextField (flutter/flutter#166569) 2025-04-15 [email protected] Clip bottom widgets in nav bar transition (flutter/flutter#166705) 2025-04-14 [email protected] Roll Skia from e7aa93f33a20 to 76cb5d4fba27 (13 revisions) (flutter/flutter#167132) 2025-04-14 [email protected] [fuchsia] Uprev test-scripts with FUCHSIA_READELF env (flutter/flutter#166929) 2025-04-14 [email protected] Cleanup links to flutter/engine in ci/builders docs (flutter/flutter#166916) 2025-04-14 [email protected] Roll Packages from 4808eff to 853e96a (1 revision) (flutter/flutter#167122) 2025-04-14 [email protected] [skwasm] Use `queueMicrotask` instead of `postMessage` when single-threaded (flutter/flutter#166997) 2025-04-14 [email protected] Remove some unused third party library build scripts (flutter/flutter#166960) 2025-04-14 [email protected] [reland] Fix regression in NDK version checking (flutter/flutter#167011) 2025-04-14 [email protected] Add network permissions information to the dart doc of network image. (flutter/flutter#167110) 2025-04-14 [email protected] Include 3.29.3 and 3.29.2 changelog entries to master (flutter/flutter#166994) 2025-04-12 [email protected] [Impeller] various iOS cleanups. (flutter/flutter#166859) 2025-04-11 [email protected] [Impeller] reland: defer vulkan context initialization as long as possible. (flutter/flutter#167000) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "Fix regression in NDK version checking (#166998)" (flutter/flutter#167007) 2025-04-11 [email protected] Fix regression in NDK version checking (flutter/flutter#166998) 2025-04-11 [email protected] [iOS] Infer autocorrect value from autofillHints (flutter/flutter#165637) 2025-04-11 [email protected] [Impeller] fix vulkan/gl color space decode. (flutter/flutter#166957) 2025-04-11 [email protected] modify toggle mode style with DatePickerTheme (flutter/flutter#164102) 2025-04-11 [email protected] [iOS/macOS] Add Xcode error if dev dependencies are incorrect (flutter/flutter#165916) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "[Impeller] defer vulkan context initialization as long as possible. (#166941)" (flutter/flutter#166990) 2025-04-11 [email protected] Roll Packages from b2c45f9 to 4808eff (2 revisions) (flutter/flutter#166982) 2025-04-11 [email protected] [Impeller] defer vulkan context initialization as long as possible. (flutter/flutter#166941) 2025-04-11 [email protected] Reland "[ Widget Preview ] Add initial support for communications over the Dart Tooling Daemon (DTD) (#166698)" (flutter/flutter#166877) 2025-04-11 [email protected] [native assets] Use workspace pubspec for user-defines (flutter/flutter#166977) 2025-04-11 [email protected] [native assets] Roll dependencies (flutter/flutter#166969) 2025-04-11 [email protected] Roll Skia from 98deb838d3b8 to e7aa93f33a20 (1 revision) (flutter/flutter#166966) 2025-04-11 [email protected] Roll Fuchsia Linux SDK from vYisSsIgqw0mqFRVJ... to 91RIHvX0YC3wzD7qj... (flutter/flutter#166963) 2025-04-11 [email protected] [native assets] Support user-defines in pubspec (flutter/flutter#166940) 2025-04-11 [email protected] [Impeller] correct render pass bariers when resolve has mips. (flutter/flutter#166892) 2025-04-11 [email protected] [Impeller] re-make AHB swapchain lazy and allow usage on < 34 (flutter/flutter#166943) 2025-04-11 [email protected] Reland "SliverEnsureSemantics (#165589)" (flutter/flutter#166889) 2025-04-11 [email protected] Roll Skia from 171b2bf1e496 to 98deb838d3b8 (2 revisions) (flutter/flutter#166955) ...

…ter#9092) Manual roll Flutter from 30e53b0 to db68c950c599 (98 revisions) Manual roll requested by [email protected] flutter/flutter@30e53b0...db68c95 2025-04-15 [email protected] [customer_testing] Pick up the fix for issue found by flutter/dart hh. (flutter/flutter#167212) 2025-04-15 [email protected] Roll Packages from f26b681 to 2fcc403 (4 revisions) (flutter/flutter#167218) 2025-04-15 [email protected] Fix: Update sheet route bottom padding with top padding (flutter/flutter#164473) 2025-04-15 [email protected] Add Irish(ga) to Flutter (flutter/flutter#167129) 2025-04-15 [email protected] Roll Fuchsia Linux SDK from 91RIHvX0YC3wzD7qj... to 7bWzHwIPBTyU6R9nO... (flutter/flutter#167213) 2025-04-15 [email protected] Change saturation calculation for HSLColor.fromColor (flutter/flutter#166639) 2025-04-15 [email protected] fix: Update time picker dialog input size (flutter/flutter#163184) 2025-04-15 [email protected] Clarify how/when `FLUTTER_PREBUILT_ENGINE_VERSION` is passed in Flutter's CI (flutter/flutter#167204) 2025-04-15 [email protected] [ Widget Preview ] Add support for `theme` and `brightness` properties on `Preview` (flutter/flutter#167001) 2025-04-15 [email protected] Update `tests.version` to fix `customer_testing`. (flutter/flutter#167206) 2025-04-15 [email protected] Persistent CupertinoListTile leading and trailing (flutter/flutter#166799) 2025-04-15 [email protected] Add buildroot compatibility for HWASAN. (flutter/flutter#167133) 2025-04-15 [email protected] Correct max height calculation to fade and animate insets on scroll in CupertinoSearchTextField (flutter/flutter#166569) 2025-04-15 [email protected] Clip bottom widgets in nav bar transition (flutter/flutter#166705) 2025-04-14 [email protected] Roll Skia from e7aa93f33a20 to 76cb5d4fba27 (13 revisions) (flutter/flutter#167132) 2025-04-14 [email protected] [fuchsia] Uprev test-scripts with FUCHSIA_READELF env (flutter/flutter#166929) 2025-04-14 [email protected] Cleanup links to flutter/engine in ci/builders docs (flutter/flutter#166916) 2025-04-14 [email protected] Roll Packages from 465bcff to f26b681 (1 revision) (flutter/flutter#167122) 2025-04-14 [email protected] [skwasm] Use `queueMicrotask` instead of `postMessage` when single-threaded (flutter/flutter#166997) 2025-04-14 [email protected] Remove some unused third party library build scripts (flutter/flutter#166960) 2025-04-14 [email protected] [reland] Fix regression in NDK version checking (flutter/flutter#167011) 2025-04-14 [email protected] Add network permissions information to the dart doc of network image. (flutter/flutter#167110) 2025-04-14 [email protected] Include 3.29.3 and 3.29.2 changelog entries to master (flutter/flutter#166994) 2025-04-12 [email protected] [Impeller] various iOS cleanups. (flutter/flutter#166859) 2025-04-11 [email protected] [Impeller] reland: defer vulkan context initialization as long as possible. (flutter/flutter#167000) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "Fix regression in NDK version checking (#166998)" (flutter/flutter#167007) 2025-04-11 [email protected] Fix regression in NDK version checking (flutter/flutter#166998) 2025-04-11 [email protected] [iOS] Infer autocorrect value from autofillHints (flutter/flutter#165637) 2025-04-11 [email protected] [Impeller] fix vulkan/gl color space decode. (flutter/flutter#166957) 2025-04-11 [email protected] modify toggle mode style with DatePickerTheme (flutter/flutter#164102) 2025-04-11 [email protected] [iOS/macOS] Add Xcode error if dev dependencies are incorrect (flutter/flutter#165916) 2025-04-11 98614782+auto-submit[bot]@users.noreply.github.com Reverts "[Impeller] defer vulkan context initialization as long as possible. (#166941)" (flutter/flutter#166990) 2025-04-11 [email protected] Roll Packages from 431dc61 to 465bcff (2 revisions) (flutter/flutter#166982) 2025-04-11 [email protected] [Impeller] defer vulkan context initialization as long as possible. (flutter/flutter#166941) 2025-04-11 [email protected] Reland "[ Widget Preview ] Add initial support for communications over the Dart Tooling Daemon (DTD) (#166698)" (flutter/flutter#166877) 2025-04-11 [email protected] [native assets] Use workspace pubspec for user-defines (flutter/flutter#166977) 2025-04-11 [email protected] [native assets] Roll dependencies (flutter/flutter#166969) 2025-04-11 [email protected] Roll Skia from 98deb838d3b8 to e7aa93f33a20 (1 revision) (flutter/flutter#166966) 2025-04-11 [email protected] Roll Fuchsia Linux SDK from vYisSsIgqw0mqFRVJ... to 91RIHvX0YC3wzD7qj... (flutter/flutter#166963) 2025-04-11 [email protected] [native assets] Support user-defines in pubspec (flutter/flutter#166940) 2025-04-11 [email protected] [Impeller] correct render pass bariers when resolve has mips. (flutter/flutter#166892) 2025-04-11 [email protected] [Impeller] re-make AHB swapchain lazy and allow usage on < 34 (flutter/flutter#166943) 2025-04-11 [email protected] Reland "SliverEnsureSemantics (#165589)" (flutter/flutter#166889) 2025-04-11 [email protected] Roll Skia from 171b2bf1e496 to 98deb838d3b8 (2 revisions) (flutter/flutter#166955) ...

…ter#164102)

- Add properties to DatePickerThemeData: - `toggleModeStyle` allow customization on _DatePickerModeToggleButton TextStyle; - `toggleModeForegroundColor` allow changing the color of both button and Icon with consistency; - Compatible with existing code by the use of defaults; - Adjust test to cover new properties How to customize toggle mode style before: ```dart showDatePicker( context: context, firstDate: DateTime(2025), lastDate: DateTime(2026), builder: (context, child) => Theme( data: ThemeData.light().copyWith( textTheme: TextTheme(titleSmall: TextStyle(fontSize: 16)), datePickerTheme: DatePickerThemeData( dayStyle: TextStyle(fontSize: 12), ), ), child: child!, ), ); ``` Now: ```dart showDatePicker( context: context, firstDate: DateTime(2025), lastDate: DateTime(2026), builder: (context, child) => DatePickerTheme( data: DatePickerThemeData( toggleModeStyle: TextStyle(fontSize: 16), dayStyle: TextStyle(fontSize: 12), ), child: child!, ), ); ``` Ref flutter#163866 Ref flutter#160591  ## Pre-launch Checklist - [x] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [x] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [x] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [x] I signed the [CLA]. - [x] I listed at least one issue that this PR fixes in the description above. - [x] I updated/added relevant documentation (doc comments with `///`). - [x] I added new tests to check the change I am making, or this PR is [test-exempt]. - [x] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [x] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord].  [Contributor Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview [Tree Hygiene]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md [test-exempt]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests [Flutter Style Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md [Features we expect every widget to implement]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md [Data Driven Fixes]: https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md

…ter#164102)

github-actions bot added framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels Feb 25, 2025

MaironLucas force-pushed the 163866 branch 3 times, most recently from 9d6a702 to 584b0a1 Compare February 25, 2025 19:41

MaironLucas marked this pull request as ready for review February 25, 2025 19:42

MaironLucas requested a review from matanlurey as a code owner February 25, 2025 19:42

matanlurey removed their request for review February 25, 2025 22:27

dkwingsmt requested a review from QuncCccccc March 12, 2025 18:43

QuncCccccc reviewed Mar 14, 2025

View reviewed changes

MaironLucas force-pushed the 163866 branch from 584b0a1 to 3a2cd99 Compare March 19, 2025 02:07

MaironLucas requested a review from QuncCccccc March 19, 2025 02:07

QuncCccccc reviewed Mar 19, 2025

View reviewed changes

MaironLucas force-pushed the 163866 branch from 3a2cd99 to eae5fbb Compare March 27, 2025 20:21

MaironLucas requested a review from QuncCccccc March 27, 2025 20:23

MaironLucas force-pushed the 163866 branch from eae5fbb to d92c7f0 Compare March 27, 2025 20:26

QuncCccccc reviewed Mar 27, 2025

View reviewed changes

MaironLucas force-pushed the 163866 branch from d92c7f0 to a290a7f Compare April 3, 2025 12:15

MaironLucas requested a review from QuncCccccc April 3, 2025 12:20

MaironLucas force-pushed the 163866 branch 2 times, most recently from f20dbd6 to e295484 Compare April 9, 2025 20:00

QuncCccccc approved these changes Apr 9, 2025

View reviewed changes

MaironLucas force-pushed the 163866 branch 2 times, most recently from 8129b55 to c1e0fd1 Compare April 10, 2025 12:45

justinmc approved these changes Apr 10, 2025

View reviewed changes

MaironLucas force-pushed the 163866 branch from c1e0fd1 to 22c7954 Compare April 10, 2025 16:35

QuncCccccc added the autosubmit Merge PR when tree becomes green via auto submit App label Apr 10, 2025

auto-submit bot removed the autosubmit Merge PR when tree becomes green via auto submit App label Apr 10, 2025

engine-flutter-autoroll mentioned this pull request Apr 14, 2025

Roll Flutter from 30e53b0d9caa to 2f6cdc3fe108 (80 revisions) flutter/packages#9074

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

3fe8363

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 14, 2025

Roll Flutter from 30e53b0d9caa to 4d140de752bc (81 revisions) flutter/packages#9076

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

7579b90

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 14, 2025

Manual roll Flutter from 30e53b0d9caa to ddb811621061 (84 revisions) flutter/packages#9077

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

fc841e6

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 15, 2025

Roll Flutter from 30e53b0d9caa to 77c42fbd22fe (88 revisions) flutter/packages#9084

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

6787df6

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 15, 2025

Roll Flutter from 30e53b0d9caa to 427f8c8e1569 (89 revisions) flutter/packages#9085

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

33b6cdc

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 15, 2025

Roll Flutter from 30e53b0d9caa to 3595e7dad098 (90 revisions) flutter/packages#9087

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

25acc10

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 15, 2025

Roll Flutter from 30e53b0d9caa to 38eaface2ffe (91 revisions) flutter/packages#9088

Closed

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

1134ed6

…ter#164102)

engine-flutter-autoroll mentioned this pull request Apr 15, 2025

Manual roll Flutter from 30e53b0d9caa to db68c950c599 (98 revisions) flutter/packages#9092

Merged

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

6fb0eb2

…ter#164102)

Piinks mentioned this pull request Apr 18, 2025

Flutter Notable Commits - 2025 #161460

Open

This was referenced Jun 6, 2025

add parameter on DatePickerThemeData to customize the text style of the toggle mode button #163866

Closed

[DatePickerThemeData] doesn't allow changes to the sub-header styling #160591

Open

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 14, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

a01033a

…ter#164102)

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 14, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

20f416e

…ter#164102)

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

d2e4ccc

…ter#164102)

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 15, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

9f69b27

…ter#164102)

engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 16, 2025

dc7c2892d modify toggle mode style with DatePickerTheme (flutter/flut…

ad23297

…ter#164102)

	final Color? toggleModeForegroundColor =
	final Color? subHeaderForegroundColor =

	/// Overrides the default text style used for the text of toggle mode button
	/// Overrides the default text style used for the text of toggle mode button.

modify toggle mode style with DatePickerTheme #164102

modify toggle mode style with DatePickerTheme #164102

Uh oh!

Conversation

MaironLucas commented Feb 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Pre-launch Checklist

Uh oh!

MaironLucas commented Feb 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

QuncCccccc left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

QuncCccccc left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

QuncCccccc left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

QuncCccccc left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

justinmc left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

auto-submit bot commented Apr 10, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

MaironLucas commented Feb 25, 2025 •

edited

Loading

MaironLucas commented Feb 25, 2025 •

edited

Loading

justinmc left a comment •

edited

Loading