bug: datetime previous / next month button trigger's twice

[mread1208]

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

Current Behavior

When you try and navigate between "previous" and "next" months, the calendar event triggers twice. For example: If I'm on February and I select the "Next" arrow (>), instead of being taken to "March" I'm shown "April". The issue also happens with the "Previous" button where if I'm on February, and I click the "Previous" arrow (<), I should be taken to January 2022, but I'm instead taken to December 2021.

If I roll back to @ionic/angular: "6.0.0", the issue goes away, but as soon as I bump past @ionic/angular: "6.0.1" the issue shows up again. Looks to be something introduced around that time (as that's when ionic core version was bumped to 6.0.5).

Expected Behavior

Clicking on the Previous / Next arrows should only navigate a single month instead of double.

Steps to Reproduce

You can see this very issue on the Ionic Framework Docs page by clicking on the previous / next arrows on any of the examples: https://ionicframework.com/docs/api/datetime. I also created a Stackblitz below.

Code Reproduction URL

I created a StackBlitz using Angular 13 with @ionic/angular: "6.0.1" that highlights the issue.

• Code URL
• Working Example

I also have a working StackBlitz using Angular 13 with @ionic/angular: "6.0.0"

• Code URL
• Working Example

Ionic Info

Ionic:

Ionic CLI : 6.18.1
Ionic Framework : @ionic/angular 6.0.5
@angular-devkit/build-angular : 13.2.2
@angular-devkit/schematics : 13.2.2
@angular/cli : 13.2.2
@ionic/angular-toolkit : 6.0.0

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : android 9.1.0, ios 6.2.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 17 other plugins)

Utility:

cordova-res (update available: 0.15.4) : 0.15.3
native-run (update available: 1.5.0) : 0.2.9

System:

Android SDK Tools : 26.1.1
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v14.17.5
npm : 7.22.0
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504

Additional Information

No response

[averyjohnston]

Thanks for the issue. I'm going to close this as a duplicate of #24712. This has been resolved with #24713 and the fix will be available in the next Ionic release. In the meantime, you can downgrade to Ionic 6.0.4 as a workaround.

[pioneersingh321]

how can we downgrade to 6.0.4 version ?

npm install @ionic/angular@6.0.4 ? this will work

[averyjohnston]

Yup, exactly 👍

[mread1208]

Yes, that will do the trick, but I noticed this issue happening on 6.0.1, 6.0.2, 6.0.3 and 6.0.4... I actually had to roll mine back all the way to 6.0.0:

npm install @ionic/angular@6.0.0

[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.