bug: datetime month and year picker not initialized properly on ios 14

[wangzhengjiang]

Prequisites

• 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 using ion-datetime v6 on iphone, choice months, program will always return previous month of the selected month.

Expected Behavior

it should return the month of selected.

Steps to Reproduce

1. created a new app using V6
2. add ion-datetime in the pages
3. deploy to iphone.
4. run in xcode, when choice month, program will return previous month instead of the month of selected.

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.17.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.0-beta.5
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.1.4
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0

Capacitor:

Capacitor CLI : 3.2.0
@capacitor/android : 3.2.2
@capacitor/core : 3.2.0
@capacitor/ios : 3.2.2

Utility:

cordova-res : not installed globally
native-run (update available: 1.4.1) : 1.4.0

System:

NodeJS : v14.17.5 (/usr/local/bin/node)
npm : 7.22.0
OS : macOS Big Sur

Additional Information

No response

[liamdebeasi]

Thanks for the issue. Can you reproduce this in an Ionic starter app and provide a link to the repo?

[wangzhengjiang]

I created a app, can reproduce the error on iphone.

https://github.com/wangzhengjiang/testdatetime

[liamdebeasi]

Thanks for the reply. I do not see any error logged in the console, and the dates appear to be returning correctly for me. Can you please clarify the steps to reproduce the issue?

[wangzhengjiang]

demo_ion_datetime.-.SD.480p.mov

[liamdebeasi]

I can reproduce this issue on iOS 14, but not on iOS 15. Seems to be resolved in iOS 15 but we should still try to find a workaround for iOS 14 given that iOS 15 is still fairly new.

[liamdebeasi]

Thanks for the issue. This has been resolved via #24142, 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.