search

aws-amplify / amplify-flutter

A declarative library with an easy-to-use interface for building Flutter applications on AWS.
https://docs.amplify.aws
Apache License 2.0
1.33k stars 248 forks source link

Use a Material 3 Docked Date Picker in the Authenticator for birthdate. #3043

Open Jordan-Nelson opened 1 year ago

Jordan-Nelson commented 1 year ago

The Authenticator uses a Modal Input Picker for the birth date field (for both material 2 and material 3). Below is what this looks like when Material 3 is enabled.

Screenshot 2023-05-12 at 10 02 27 AM

The material 3 docs have the following guideline for birth dates

Don’t use a modal date picker to prompt for dates in the distant past or future, such as a date of birth. In these cases, use a modal input picker or a docked date picker instead.

The Authenticator does follow this guideline, as it uses one of the two recommended options (a modal input picker). However, the other option (a docked date picker) is arguably a better UX on larger screens as it does not require typing in the date in a specific format.

Below is a screenshot of a Docked Date Picker from the material docs.

image

Jordan-Nelson commented 1 year ago

Currently blocked by https://github.com/flutter/flutter/issues/114088