bug: ion-datetime 6.0.7 sometimes still jumps 2 months + swipe/drag doesn't work (Android)

[ciccilleju]

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

If I use a ion datetime inside a popover and I try to drag/swipe for changing months it doesn't work (android) and sometimes it jumps (even after the 6.0.7 update) 2 months as you can see from the video. The issue occurs on Android only, works fine on iOS and Pwa

Expected Behavior

Swipe should display next/prev month and not stopping at half size

Steps to Reproduce

Swipe from left to right the datetime window and push the arrow

Code Reproduction URL

No response

Ionic Info

Ionic CLI : 6.18.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.7
@angular-devkit/build-angular : 13.2.2
@angular-devkit/schematics : 13.2.2
@angular/cli : 13.2.2
@ionic/angular-toolkit : 6.0.0

Capacitor:

Capacitor CLI : 3.4.0
@capacitor/android : 3.4.0
@capacitor/core : 3.4.0
@capacitor/ios : 3.4.0 #

Additional Information

No response

[ciccilleju]

Here the video
https://www.dropbox.com/s/hdrfjfcv3831255/vid-20220210-wa0079.mp4?dl=0

[ciccilleju]

If I create a new app the datetime now works fine with version 6.0.7 but my app (where I previously had 6.0.5) doesn't work. There is something (like a cache) that maybe is still in my node modules?
What do you suggest?

[indraraj26]

if with latest version is working fine the. i would suggest delete node-modules folder and package-lock.json then do npm i

Also do let me know how did you upgrade the project from 6.0.5 to 6.0.7

[ciccilleju]

if with latest version is working fine the. i would suggest delete node-modules folder and package-lock.json then do npm i

Also do let me know how did you upgrade the project from 6.0.5 to 6.0.7

I've updated with npm install @ionic/angular@latest and @ionic/core@latest

I tried to delete node modules folder and then I wasn't able to use the app, even after reinstalling all the dependencies.
I will try again today

The weird thing is that I only face this issue on android

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[ciccilleju]

I think I've solved the mistery: I had "mode: ios" in my app.module.ts file
Removing it made the datetime working again

[indraraj26]

if you are sure because of that you had jump behavior on date-time. Please share reproducible repo to reproduce it with that we can have proper fix .

[ciccilleju]

Yes, i will upload it within this week

Screen_Recording_20220212-081113_Sunset.Beach.App.mp4

[csversent]

I have a repro of the same issue on Android.
https://github.com/colinsavage/ionic-datetime-bug-repro

npm install
npm run android

I'm using a Pixel 2 emulator, but also occurs on real devices

Use the month arrows or swipe to the right about 2-3 months, then try to go back - it gets stuck.
Selecting the day jumps to different months.

Locale is en-au
Time zone is Brisbane GMT+10