bug: ion-datetime-button: when clicking datetime-button a second time, date is not selected and previous month buttons does not work. #31155

Activity

1. ionitron-bot

   added

   triage

   on May 19, 2026
2. r345on commented on Jun 11, 2026

   

   r345on

   on Jun 11, 2026

   Last edited by r345on

   More actions

   @shinkhouse I can suggest a workaround for now, until @IonicTeam solves this issue. Set min value for ion-datetime during initialization and unset it afterwards.

   import { Component } from '@angular/core';
   
   @Component({
   	selector: 'datetime-test',
   	template: `
   		<ion-datetime-button datetime="datetime"></ion-datetime-button>
   		<ion-modal
   			[keepContentsMounted]="true"
   			(ionModalWillPresent)="setDatetimeMin($event)">
   			<ng-template>
   				<ion-datetime id="datetime"></ion-datetime>
   			</ng-template>
   		</ion-modal>`,
   	styles: [`:host {
   		display: flex;
   		align-items: center;
   		justify-content: center;
   		height: 100%;
   	}`],
   	standalone: false
   })
   export class DatetimeTestComponent {
   
   	private readonly currentMonthISO: string;
   
   	constructor() {
   		const date = new Date();
   		const timezoneOffset = date.getTimezoneOffset() * 60000;
   		const localISO = new Date(date.getTime() - timezoneOffset).toISOString();
   		this.currentMonthISO = localISO.slice(0, 7);
   	}
   
   	protected setDatetimeMin(event: CustomEvent) {
   		const modal = event.target;
   		const datetime = (modal as HTMLElement).querySelector('ion-datetime');
   		if (datetime) {
   			datetime.min = datetime.value ? (datetime.value as string).slice(0, 7) : this.currentMonthISO;
   			setTimeout(() => datetime.min = undefined, 0);
   		}
   	}
   }
   
3. brandyscarney

   added

   type: buga confirmed bug reporta confirmed bug report

   on Aug 6, 2026
4. gnbm

   removed

   triage

   on Aug 6, 2026
5. ShaneK

   added the

   Bug

   issue type on Aug 6, 2026
6. ShaneK

   closed this as completedin #31335on Aug 7, 2026
7. pull

   added a commit that references this issue on Aug 7, 2026

   fix(datetime): tear down ready state when an overlay dismisses (ionic…

   ...

   This issue will close once commit d59e341 is merged into the 'main' branch.

   d59e341
8. ShaneK commented on Aug 12, 2026

   

   ShaneK

   on Aug 12, 2026

   Member

   More actions

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

   marked bug: ion-datetime datetime-ready gets stuck after the element is relocated in the DOM, so it never re-initializes on re-show #31281 as a duplicate of this issue on Aug 16, 2026
10. ionitron-bot commented on Sep 11, 2026

    

    ionitron-botBot

    on Sep 11, 2026 – with Ionitron Bot

    More actions

    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.
11. ionitron-bot

    locked and limited conversation to collaborators on Sep 11, 2026
12. HappyKnuckles

    added a commit that references this issue on Oct 3, 2026

    fix(datetime): tear down ready state when an overlay dismisses (ionic…

    ...

    This issue will close once commit d8d2a5f is merged into the 'main' branch.

    d8d2a5f