-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Description
If you set disable in the ion-datetime component, the "old" bug of "change automatically to previous selected month" happens (only on iOS).
Steps to reproduce:
-
Set a calendar
<ion-datetime
#calendar
presentation="date"
[firstDayOfWeek]="1"
[disabled]="loading()"
(ionChange)="dayChange($event)"
[(ngModel)]="selectedDate"
/> -
selectedDate is null by default
-
Change to a new month and select a new day.
-
When ionChange, simply do a call to any process consuming time and set a signal to
loading.set(true)
before load
This will make datetime to go a previous month.
Changing the selected month and clicking on a new day causes the component to go back to previous month and date, no matter the month. This problem happens on iOS only. I tested on iOS 18.5 (real device) and on iOS 18.4 (emulator).
"@angular/core": "^19.0.0",
"@angular/router": "^19.0.0",
"@capacitor/android": "7.4.0",
"@capacitor/app": "7.0.1",
"@capacitor/core": "^7.4.0",
"@capacitor/device": "^7.0.1",
"@capacitor/haptics": "7.0.1",
"@capacitor/keyboard": "7.0.1",
"@capacitor/preferences": "^7.0.1",
"@capacitor/push-notifications": "^7.0.1",
"@capacitor/splash-screen": "^7.0.1",
"@capacitor/status-bar": "7.0.1",
"@capawesome/capacitor-android-edge-to-edge-support": "^7.2.2",
Works fine in Android/web.
As a workaround, I set a div with transparency over the calendar to emulate the disabled state.