fix(datetime): multiple month selected and flakiness display

Author: os-davidlourenco

core/src/components/datetime/datetime.tsx

@@ -1086,6 +1086,9 @@ export class Datetime implements ComponentInterface {
 
   connectedCallback() {
     this.clearFocusVisible = startFocusVisible(this.el).destroy;
+    this.loadTimeout = setTimeout(() => {
+      this.ensureReadyIfVisible();
+    }, 100);
   }
 
   disconnectedCallback() {
@@ -1095,6 +1098,7 @@ export class Datetime implements ComponentInterface {
     }
     if (this.loadTimeout) {
       clearTimeout(this.loadTimeout);
+      this.loadTimeout = undefined;
     }
   }
 

core/src/components/picker-column/picker-column.tsx

@@ -122,7 +122,7 @@ export class PickerColumn implements ComponentInterface {
          * Because this initial call to scrollActiveItemIntoView has to fire before
          * the scroll listener is set up, we need to manage the active class manually.
          */
-        const oldActive = getElementRoot(el).querySelector<HTMLIonPickerColumnOptionElement>(
+        const oldActive = el.querySelector<HTMLIonPickerColumnOptionElement>(
           `.${PICKER_ITEM_ACTIVE_CLASS}`
         );
         if (oldActive) {