[Bug] Datetime Picker confirmation buttons not showing on Android Device

Ionic Framework Ionic Vue
1

The datetime confirmation buttons are not showing up on an android 12.

It works fine on google chrome as can be seen:

image
image520×977 73 KB

But on the Android phone the confirmation buttons do not show:

image
image720×1600 75 KB 

<input id="open-modal" type="text" />

              <ion-modal trigger="open-modal" :keep-contents-mounted="true">
                <ion-datetime
                    id="datetime"
                    presentation="date"
                    locale="pt-BR" 
                  v-model="user.dateOfBirthUtc"
                  @ionChange="setDataNascimentoString()"
                  cancel-text="Cancelar"
                  done-text="Ok"
                  :show-default-buttons="true"
                  @blur="validar('dateOfBirthUtc')"
                  ></ion-datetime>
              </ion-modal>
2

Would you please be willing to file this issue here for the fastest resolution:

When reporting bugs, please also provide a github repo with the minimal amount of code required to reproduce the issue. Thanks @Baartho for helping to point out and resolve this issue!

3

Thank you mike. I opened an issue but then realized there was a CSS being applied to the Datetime component that I hadn’t seen.