Skip to content

bug: ion-datetime overlay switching to different month when a date is selected #31143

Closed

Description

@danielshewa

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

When a date is selected for ion-datetime with an overlay, it initially displays the correct year and month, but no date is selected. After selecting a date, the component unexpectedly switches to a different month, selects a random day, and does not close the ion-datetime overlay.

Expected Behavior

When a date is selected, the ion-datetime picker overlay should display the correct year, month, and selected date. When a different date is chosen, the textbox should update to reflect the correct year, month, and date, and the ion-datetime overlay should close.

Steps to Reproduce

  1. Go to https://ionicframework.com/docs/api/datetime-button#basic-usage
  2. Click the datetime button to open the picker overlay.
  3. Select any date.

Actual Result:
The picker toggles to a different month instead of correctly selecting the date.

Code Reproduction URL

https://stackblitz.com/edit/62rrssqj

Ionic Info

Locally tested this on
@ionic/angular v8.8.6

For IOS
@capacitor/ios v"8.1.0"

Additional Information

Attached is an example from the ionic website

ion-datetime-bug.mp4

Activity

  1. vvvvvvvvvvi commented on Jun 29, 2026

    @vvvvvvvvvvi

    +1, experiencing this issue as well

  2. lucaoliano commented on Jun 29, 2026

    @lucaoliano

    Ran into the same problem. I found another issue for this bug with a workaround that worked for me #31155 (comment)

  3. added a commit that references this issue on Aug 7, 2026
    d59e341
  4. ShaneK commented on Aug 12, 2026

    @ShaneK
    Member

    Thanks for highlighting this issue, this is fixed now as part of v8.8.18!

  5. ionitron-bot commented on Sep 11, 2026

    @ionitron-bot

    Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

  6. locked and limited conversation to collaborators on Sep 11, 2026
  7. added a commit that references this issue on Oct 3, 2026
    d8d2a5f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions