mirror of https://github.com/flutter/flutter.git synced 2026-02-20 02:29:02 +08:00

History

Fix date picker calendar tap targets (portrait mode) (#169163 )

## Description

This PR fixes the touch target (and Semantic bounds) for day buttons
shown in the date picker calendar mode.
To do so it changes the dialog size and buttons padding to conform to
the M3 spec, see
https://m3.material.io/components/date-pickers/specs#2d53890e-a08f-4c63-a0d9-abd9e95b4245

### Before


![image](https://github.com/user-attachments/assets/22f906b9-bd95-4996-852e-bc2df4247364)

### After


![image](https://github.com/user-attachments/assets/83fd37e2-2cd1-454d-a13d-f2dcc3220e3b)

## Related Issue

Fixes [DateTimePicker date buttons fail touch target size accessibility
checks](https://github.com/flutter/flutter/issues/158325)

## Tests

Adds 1 test.

## Implementation choice

This PR targets only M3 and portrait mode:
- M3 because M2 dialog picker was not designed to be accessible (day
buttons are 40 pixels).
- Portrait mode only, because there are no specification for the
landscape mode and existing implementations (Google Calendar, Compose)
vary. I will open a separate issue to discuss a possible solution for
landscape mode.

2025-06-11 16:00:50 +00:00

lib

Fix date picker calendar tap targets (portrait mode) (#169163 )

2025-06-11 16:00:50 +00:00

test

Fix date picker calendar tap targets (portrait mode) (#169163 )

2025-06-11 16:00:50 +00:00

test_fixes

feat(Switch): Add activeThumbColor and deprecate activeColor. (#166382 )

2025-04-30 18:43:49 +00:00

test_private

Workspace (#169556 )

2025-06-03 08:48:14 +00:00

test_profile

…

test_release

…

analysis_options.yaml

…

build.yaml

…

dart_test.yaml

…

LICENSE

…

pubspec.yaml

Workspace (#169556 )

2025-06-03 08:48:14 +00:00

README.md

…

README.md

Flutter

Flutter is a new way to build high-performance, cross-platform mobile, web, and desktop apps. Flutter is optimized for today's — and tomorrow's — mobile and desktop devices. We are focused on low-latency input and high frame rates on all platforms.

See the getting started guide for information about using Flutter.