Authenticator Birthdate picker issue with Android

[Guillermo1808]

Before creating a new issue, please confirm:

• [X] I have searched for duplicate or closed issues and discussions.
• [X] I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

Android

Which UI component?

Authenticator

How is your app built?

Ionic / Capacitor

Please describe your bug.

We have the authenticator that works correctly in web version (including responsive design) but when we open the app in Android the birthdate picker doesn't look as it should. That is the Android Version

What's the expected behaviour?

In the web version looks like this and that is how it should look like.

Help us reproduce the bug!

This is how the code looks in the html:

Code Snippet

// Put your code below this line.
<authenticator id="authenticator"
        :login-mechanisms="['username']"
        :sign-up-attributes="[
        'username',
        'email',
        'given_name',
        'family_name',
        'birthdate'
        ]"
        :services="services"
    >

Additional information and screenshots

No response

[wlee221]

Hi, @Guillermo1808! Qq, which browser are you using in android? Chrome?

[Guillermo1808]

Chrome for web testing and Android Studio for the rest

[ErikCH]

Hi @Guillermo1808 !

Just wanted to let you know we are still looking at this. We pushed a different fix up for Ionic a little while ago. Can you test again to see if this is still occurring?

[ferrero1987]

the bug still occurs, but even with an iphone on both chrome and safari!

[ferrero1987]

How can I change the mask from dd/mm/yyyy to mm/dd/yyyy?

[reesscot]

@ferrero1987 Can you confirm that you are also using Ionic?

[reesscot]

This should be fixed by this PR: https://github.com/aws-amplify/amplify-ui/pull/3330 which will be released next week.