bug: changing months on datetime jumps by 2 months

[bipin-52165]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

The user opens the ion-datetime in a modal, tap the next and previous buttons (< and >) and occasionally a month is skipped when these buttons are tapped. And also does on swipe left/right too

Expected Behavior

It should jump to 1 month only instead of two month

Steps to Reproduce

Open any ion-datetime with at least presentation="date". Click the next (>) or back (<) buttons. Observe the months changing. It even happens in the emulator of https://ionicframework.com/docs/api/datetime example.

Code Reproduction URL

https://ionicframework.com/docs/api/datetime

Ionic Info

Ionic:

Ionic CLI : 6.20.1 (/home/dell/.npm-global/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.12
@angular-devkit/build-angular : 13.2.6
@angular-devkit/schematics : 13.2.6
@angular/cli : 13.2.6
@ionic/angular-toolkit : 6.1.0

Cordova:

Cordova CLI : 11.0.0
Cordova Platforms : android 10.1.2
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 7 other plugins)

Utility:

cordova-res : not installed globally
native-run (update available: 1.6.0) : 1.5.0

System:

Android SDK Tools : 26.1.1 (/home/dell/Android/Sdk)
NodeJS : v14.20.0 (/usr/bin/node)
npm : 6.14.5
OS : Linux 4.15

Additional Information

No response

[liamdebeasi]

Thanks for the issue. Does this only happen when using a datetime in a modal?

[bipin-52165]

Thanks for the issue. Does this only happen when using a datetime in a modal?

It happened with and without modal

[liamdebeasi]

Thanks. What browser and operating system are you testing on? I am testing in Chrome on macOS and I cannot reproduce this behavior.

[bipin-52165]

I am using chrome and firefox on ubuntu 18.04. It happened same in device also after implementation

[liamdebeasi]

Can you send a screen recording of the issue happening?

[KANekT]

ion-datetime_.Ionic.API.Input.for.Datetime.Format.Picker.Mozilla.Firefox.2022-07-13.09-40-38.mp4

firefox 102 windows 10 utc +3 Moskow

[liamdebeasi]

Thanks. If you have a project to test with, you can give the following dev build a try: 6.1.14-dev.11657300607.18e0f2d1. It looks like the PR in #25586 may fix the issue.

[eeschiavo]

Same problem here. I just tried 6.1.14-dev.11657300607.18e0f2d1 and can confirm it works correctly.

[liamdebeasi]

Thanks for the issue. This has been resolved via #25586, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.