bug: ion-datetime within a triggered ion-modal does not match heights when outside of ion-modal

[Coder7777]

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

v8.x

Current Behavior

Select the date '13, June 2024' the background blue circle will cover the bottom of '6, June 2024'.

But it will not happen in other months.

Expected Behavior

Keep the same line height in every month.

Steps to Reproduce

https://stackblitz.com/edit/angular-bqf3pd

see the screen recording.

ionic_datetime_bug.mov

Code Reproduction URL

https://stackblitz.com/edit/angular-bqf3pd

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.1.0
@angular-devkit/build-angular : 17.3.6
@angular-devkit/schematics : 17.3.6
@angular/cli : 17.3.6
@ionic/angular-toolkit : 11.0.1

Capacitor:

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

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v18.13.0 (/usr/local/bin/node)
npm : 8.19.3
OS : macOS Unknown

Additional Information

No response

[thetaPC]

Thank you for submitting this issue! I was able to replicate this. The issue is only happening when the modal is being opened by a trigger instead of using the IonDateTimeButton. We'll look into this further.