Incorrect switching of months in ion-datetime (Ionic 6)

Ionic Framework
1

Issue: When I first click on the button to switch the month, the calendar changes, but the name of the month remains the same. After the next clicks, the calendar does not respond at all.
Possible reasons: I researched that this happens only when I use showDefaultButtons=“true” property.
This problem occurs for Android, but everything seems to be fine on web
Is it Ionic 6 bug?
My code:

<ion-label>Datetime 1</ion-label>
      <ion-datetime presentation="date"
                    firstDayOfWeek="1">
      </ion-datetime>
      <ion-label>Datetime 2</ion-label>
      <ion-datetime presentation="date"
                    firstDayOfWeek="1"
                    showDefaultButtons="true">
      </ion-datetime>

video attached:
(XRecorder_24122021_172438.mp4 - Google Drive)

2

I have the same problem but on the web. On Android it works beautifully.

3

I am having this issue with one of my test devices. The datepicker performs as expected on my ios device and on my earlier Android device, my later Android device exhibits the issue as described above. The only difference is that I’m not using default buttons, just onChange events.
I also found that if I change the mode to “ios” on the picker it will cause this behavior on all my Android devices.

Phone that has the issue:
OnePlus 6T, Oxygen OS 11.1.2.2, Android 11

Phone that works as expected:
OnePlus 1, Lineage OS, Android 9

I also had my boss try the app on his phone and it worked as expected, it’s a Samsung S20 FE I do not have any OS information about it, but I would assume it is up to date.

I hope this extra information can help work out what’s happening.

4

I would suggest creating an issue on the Ionic-Framework GitHub Issues · ionic-team/ionic-framework · GitHub with a minimum reproducible example so the devs can look into it. :slight_smile:

1 Like
5

I am also experiencing this on android chrome browser. Any update on this issue? thanks

6

For me it didn’t work on Chrome for Desktop, I couldn’t wasted too much time on that so I check if the app is running on said browser and use angular material datepicker as a fallback

1 Like
7

Another person just posted about months going by 2 months via web on the demos even in the documentation. This might be connected in some way

8

Do you have any news on this? Or could you maybe point me to where this was talked? It’s happening to me and I can’t find 0 info about this

9

we ended up upgrading to the latest and the issue has been resolved for us