bug: Card Modal fails to open when it contains an Accordion with IonDatetime and IonDatetimeButton

[Pablosornp]

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

v7.x, v8.x

Current Behavior

When a card modal (or a sheet modal) contains an IonAccordion with an IonDatetimeButton as header and an IonDatetime linked to it as the accordion content, it fails to open.

Expected Behavior

The card modal should open.

Steps to Reproduce

1. Go to the Codepen where I reproduced the issue
2. Press the Open button that opens the card modal.
3. The card modal fails to open.

If instead of the DateSelectorAccordion component that I included in the sandbox (the one with IonDatetime and accordion) you use DateSelectorModal (uses modal instead of accordion) or BasicAccordion (does not have IonDatetime) the modal opens properly. See also that the same DateSelectorAccordion works fine outside of the card modal.

Code Reproduction URL

https://codesandbox.io/p/sandbox/xenodochial-roentgen-l6svnl?file=%2Fsrc%2FApp.js

Ionic Info

[WARN] You are not in an Ionic project directory. Project context may be missing.

Ionic:

Ionic CLI : 7.2.0

Utility:

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

System:

NodeJS : v18.16.0
npm : 9.5.1
OS : Linux 6.5

Please mind that i am only using the Ionic Components in an existing React Project. I am not using Capacitor or any of the other features.

Additional Information

No response