Prerequisites
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
- Use ionic
ion-datetime component
- Set min attribute to
2024-03-01T00:00:00
- Set max attribute to
2024-04-20T23:59:59
- Set value attribute to any day from March
- Select 31 March from date picker
- Choose April from month wheel
- 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
Prerequisites
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
ion-datetimecomponent2024-03-01T00:00:002024-04-20T23:59:59Code Reproduction URL
https://stackblitz.com/edit/angular-e3blvt-fwbheo?file=src%2Fapp%2Fexample.component.html
Ionic Info
Additional Information
No response