bug: `ion-datetime` cannot navigate to previous months after presenting and re-opening in a popover

[Agular]

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

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

The user opens the ion-datetime in a popover, selects a date and closes it.
When the use opens it again and tries to navigate the months via arrows, the rows change with the animation, but the month label does not change. Also, when the user clicks on the date, it causes the month to change

Expected Behavior

The user opens the ion-datetime in a popover, selects a date and closes it.
When the use opens it again and tries to navigate the months via arrows, the rows change with the animation and the month label changes accordingly. Also, when a date is selected, no change to month selection occurs.

Steps to Reproduce

1. Click on button to open ion-datetime in a popover.
2. Select some date
3. Click on backdrop to dismiss
4. Open ion-datetime again from the button
5. Try navigating the months from the arrows
6. Previous / next month rows are displayed, but month label does not change
7. Clicking on a date after trying to navigate the months causes the month to change.

Code reproduction

<ion-app>
  <ion-content>
    <ion-button id="randomId">
      <ion-icon icon="calendar"/>
    </ion-button>
    <ion-popover trigger="randomId">
      <ion-content>
        <ion-datetime/>
      </ion-content>
    </ion-popover>
  </ion-content>
</ion-app>

Code Reproduction URL

https://codepen.io/agular/pen/PoQNZQB

Ionic Info

Ionic used as a dependency.

Additional Information

Occurs with the latest version of Ionic, 6.1.4

[sean-perkins]

Thanks for reporting this issue! I am able to reproduce the problem as well.

It appears that after you select a date and close the popover, when re-opening the popover, the back navigation will get stuck/present navigating to the previous month. This behavior does not happen for navigating forward. If when you cannot return to the previous month, you instead navigate forward, you can now navigate back to the previous months freely.

We will capture this as a bug and prioritize.

[Agular]

@sean-perkins I would say that this bug occurs also when navigating forward. And in order to get past the stuck month, you need to move backwards and then you can again move forwards past the stuck month.

[Agular]

@sean-perkins , can you please give a status update on this bug?

[liamdebeasi]

Can you try the following dev build and let me know if it resolves the issue?

6.1.14-dev.11657300607.18e0f2d1

You can add this to the end of a CDN url in your CodePen or install it using NPM.

[liamdebeasi]

Thanks for the issue. This has been resolved via #25586, and a fix will be available in an upcoming release of Ionic Framework.