bug: Using 2 ion-datetimes linked by min/max causes unexpected re-renders

[Chronos77]

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 bug appears when you have two ion-datetimes (with presentation="date-time") linked (by min and max) and you try to put an end date lower than the start date.

For more precision: on the first ion-datetime(startDate) have a max value and the second(endDate) have min date(startDate) and max date (current date)

The app freezes completely

Expected Behavior

normally it should put us the day before with the corresponding time and don't have a freeze

Steps to Reproduce

URL to reproduce : https://stackblitz.com/edit/angular-ivy-zh9eog?file=src/app/app.component.ts

• have 2 ion-datetime with 3 days between and with presentation="date-time"
• on the first (startDate) select day - 1 (in the example you can click on 20) and add 1 hours (04:00)
• on the other (endDate) select 20
• the app freezes completely

Code Reproduction URL

https://stackblitz.com/edit/angular-ivy-zh9eog?file=src/app/app.component.ts

Ionic Info

Ionic CLI : 6.20.1 (/home/ssa-dw/.nvm/versions/node/v14.15.5/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.2.5
@angular-devkit/build-angular : 13.2.3
@angular-devkit/schematics : 13.3.7
@angular/cli : 13.2.6
@ionic/angular-toolkit : 6.1.0

Capacitor:

Capacitor CLI : 3.5.1
@capacitor/android : 3.5.1
@capacitor/core : 3.5.1
@capacitor/ios : 3.5.1

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

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

System:

Android SDK Tools : 26.1.1 (/home/ssa-dw/Android/Sdk)
NodeJS : v14.15.5 (/home/ssa-dw/.nvm/versions/node/v14.15.5/bin/node)
npm : 6.14.11
OS : Linux 5.1

Additional Information

No response

[liamdebeasi]

Thanks for the issue and apologies for the delay. I can reproduce this behavior, but I need to do more investigation to determine where the problem is coming from.

[acommend]

Ran into a similar issue using ionic vue v6.2.9 when using 2 datetimes with min and max however for me the problem manifests when trying to select a start time value past that of the end time (see attached image).

[liamdebeasi]

Hi there,

Can everyone try the following dev build and let me know if it resolves the issue?

npm install @ionic/[email protected]

[liamdebeasi]

Thanks for the issue. This has been resolved via #26125, and a fix will be available in an upcoming release of Ionic Framework. Please feel free to continue testing the dev build, and let me know if there are any issues.

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