bug: max value changes when selecting the 31st and changing the month through the wheel

[porojanmadalin]

trafficstars

Prerequisites

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

Ionic Framework Version

v7.x

Current Behavior

When selecting the next month from the date-time picker that has the min and max values set, and the max is lower than the number of days of previous month, the max value is ignored completely and the next month values are not greyed out anymore. The calendar is broken and only page refresh fixes it.

Expected Behavior

The calendar should select the max date from the next month and leave the other dates greyed out.

Steps to Reproduce

1. Use ionic ion-datetime component
2. Set min attribute to 2024-03-01T00:00:00
3. Set max attribute to 2024-04-20T23:59:59
4. Set value attribute to any day from March
5. Select 31 March from date picker
6. Choose April from month wheel
7. Close month wheel

Code Reproduction URL

https://stackblitz.com/edit/angular-e3blvt-fwbheo?file=src%2Fapp%2Fexample.component.html

Ionic Info

"@angular/core": "17.0.1",
"@angular/forms": "17.0.1",
"@angular/common": "17.0.1",
"@angular/router": "17.0.1",
"@angular/compiler": "17.0.1",
"@angular/animations": "17.0.1",
"@angular/platform-browser": "17.0.1",
"@ionic/angular": "7.7.4",
"@ionic/core": "7.7.4",

Additional Information

No response

[thetaPC]

Thank you for submitting the issue!

I was able to replicate the issue. This is happening when the user selects the 31st and then switches the month through the wheel. This leads to the maxParts being updated to the last day of the newly selected month instead of the original max. We'll look into this as soon as we can.