@aurodesignsystem-dev/auro-formkit 0.0.0-pr1510.0 → 0.0.0-pr1510.2

package/components/datepicker/demo/index.min.js

@@ -11592,6 +11592,102 @@ let s$2 = class s{registerComponent(e,t){customElements.get(e)||customElements.d
 
 var popoverVersion = '6.0.1';
 
+/**
+ * Single source of truth for parsing and matching blackout dates across the
+ * datepicker. Both `auro-calendar` (memoized Set + `isDateBlackout`) and the
+ * pre-`firstUpdated` fallback inside `auro-calendar-cell` route through these
+ * helpers so the YYYY-MM-DD → seconds conversion and the merge-with-legacy
+ * `disabledDays` rules are defined exactly once.
+ */
+
+/**
+ * Converts a `YYYY-MM-DD` ISO date string to a Unix timestamp (seconds)
+ * representing local midnight on that calendar day. Returns `null` for
+ * inputs that don't parse to a finite timestamp.
+ *
+ * Uses the `new Date(year, monthIndex, day)` constructor (NOT
+ * `new Date(isoStr)`) so the result is local-midnight rather than UTC
+ * midnight — required to keep the calendar grid aligned with the user's
+ * local calendar day in negative-offset timezones.
+ *
+ * @param {string} isoStr - Date string in `YYYY-MM-DD` format.
+ * @returns {number|null} Local-midnight Unix timestamp (seconds), or null.
+ */
+function parseIsoToTimestamp(isoStr) {
+  if (typeof isoStr !== 'string') {
+    return null;
+  }
+  const parts = isoStr.split('-');
+  if (parts.length !== 3) {
+    return null;
+  }
+  const year = parseInt(parts[0], 10);
+  const month = parseInt(parts[1], 10);
+  const day = parseInt(parts[2], 10);
+  if (!Number.isFinite(year) || !Number.isFinite(month) || !Number.isFinite(day)) {
+    return null;
+  }
+  // Reject overflow values like "2024-13-40" — JS `new Date(year, month, day)`
+  // silently normalizes those to a different calendar day, which would
+  // disable the wrong date if we let the result through.
+  if (month < 1 || month > 12 || day < 1 || day > 31) {
+    return null;
+  }
+  const date = new Date(year, month - 1, day);
+  // Guard the residual case where JS still rolls a value (e.g. Feb 30 → Mar 2).
+  // After construction, getFullYear/getMonth/getDate should match the inputs.
+  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
+    return null;
+  }
+  const ts = Math.floor(date.getTime() / 1000);
+  return Number.isFinite(ts) ? ts : null;
+}
+
+/**
+ * Builds a `Set<number>` of seconds-since-epoch timestamps covering both the
+ * legacy `disabledDays` (already-numeric) array and the ISO `blackoutDates`
+ * array. Use this for O(1) membership checks in hot paths.
+ *
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {Set<number>}
+ */
+function buildBlackoutSet(disabledDays, blackoutDates) {
+  const set = new Set();
+  if (Array.isArray(disabledDays)) {
+    for (const day of disabledDays) {
+      const ts = parseInt(day, 10);
+      if (Number.isFinite(ts)) {
+        set.add(ts);
+      }
+    }
+  }
+  if (Array.isArray(blackoutDates)) {
+    for (const isoStr of blackoutDates) {
+      const ts = parseIsoToTimestamp(isoStr);
+      if (ts !== null) {
+        set.add(ts);
+      }
+    }
+  }
+  return set;
+}
+
+/**
+ * One-shot membership test for a single timestamp against both blackout
+ * sources. Allocates a Set on each call; only use this in cold paths
+ * (e.g. the pre-`firstUpdated` cell fallback). Hot paths should hold the
+ * Set returned from `buildBlackoutSet` and `.has(ts)` directly.
+ *
+ * @param {number} dateTs - Unix timestamp (seconds) to test.
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {boolean}
+ */
+function isBlackoutTimestamp(dateTs, disabledDays, blackoutDates) {
+  return buildBlackoutSet(disabledDays, blackoutDates).has(dateTs);
+}
+
 /* eslint-disable curly, max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
 
 class AuroCalendarCell extends i$1 {
@@ -11790,8 +11886,10 @@ class AuroCalendarCell extends i$1 {
       // consumer or test mutated cell.disabledDays directly), the Set does
       // not reflect that addition — fall through to the per-cell scan only
       // when the reference no longer matches. Production data flow keeps
-      // these identical, so this branch stays cold.
-      if (this.disabledDays && this.disabledDays !== this.calendar.disabledDays && this.disabledDays.length > 0) {
+      // these identical, so this branch stays cold. Guarded with
+      // Array.isArray to match `_getBlackoutSet`'s contract: non-array
+      // values are treated as empty rather than crashing on `.findIndex`.
+      if (Array.isArray(this.disabledDays) && this.disabledDays !== this.calendar.disabledDays && this.disabledDays.length > 0) {
         if (this.disabledDays.findIndex((dd) => parseInt(dd, 10) === this.day.date) !== -1) {
           return true;
         }
@@ -11800,25 +11898,9 @@ class AuroCalendarCell extends i$1 {
     }
 
     // Pre-firstUpdated fallback — the cell may render once before the
-    // ancestor calendar is wired up. Uses the legacy O(N) scan so the
-    // result stays correct, just slower for the very first render.
-    if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0 &&
-      (this.disabledDays.findIndex(dd => parseInt(dd, 10) === this.day.date) !== -1)) {
-      return true;
-    }
-
-    const blackoutDates = this.datepicker?.blackoutDates;
-    if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
-      const date = new Date(this.day.date * 1000);
-      const yyyy = date.getFullYear();
-      const mm = String(date.getMonth() + 1).padStart(2, '0');
-      const dd = String(date.getDate()).padStart(2, '0');
-      if (blackoutDates.includes(`${yyyy}-${mm}-${dd}`)) {
-        return true;
-      }
-    }
-
-    return false;
+    // ancestor calendar is wired up. Routes through the shared
+    // blackoutUtils helper so the parsing rules stay in one place.
+    return isBlackoutTimestamp(this.day.date, this.disabledDays, this.datepicker?.blackoutDates);
   }
 
   /**
@@ -12218,9 +12300,14 @@ class AuroCalendarCell extends i$1 {
 
     const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
     if (outOfRange) {
+      // Strip every aria attribute the in-range branch may have set on a
+      // previous render — if a cell flips from in-range to out-of-range
+      // (calendar shifts months, minDate/maxDate change, etc.).
       this.removeAttribute('role');
       this.removeAttribute('aria-label');
       this.removeAttribute('aria-current');
+      this.removeAttribute('aria-selected');
+      this.removeAttribute('aria-disabled');
       return;
     }
 
@@ -13475,7 +13562,7 @@ class AuroBibtemplate extends i$1 {
   }
 }
 
-var formkitVersion$2 = '202606251933';
+var formkitVersion$2 = '202606252132';
 
 let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$4 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$3=i$3`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
 `,u$6=i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -14163,35 +14250,28 @@ class AuroCalendar extends RangeDatepicker {
    * @returns {Set<Number>}
    */
   _getBlackoutSet() {
-    const disabledDays = this.disabledDays || [];
+    // Normalize non-array values to a stable `null` sentinel rather than a
+    // fresh `[]` per call — otherwise the reference-identity cache key
+    // (`_cachedBlackoutDisabledDays === disabledDays`) never matches on
+    // subsequent calls and the Set rebuilds every time. `buildBlackoutSet`
+    // already treats null/non-array as "no legacy disabledDays" via its
+    // own Array.isArray gate.
+    const disabledDays = Array.isArray(this.disabledDays) ? this.disabledDays : null;
     const blackoutDates = this.datepicker?.blackoutDates;
-    if (this._blackoutSet
-      && this._cachedBlackoutDisabledDays === disabledDays
-      && this._cachedBlackoutDates === blackoutDates) {
+    if (this._blackoutSet &&
+      this._cachedBlackoutDisabledDays === disabledDays &&
+      this._cachedBlackoutDates === blackoutDates) {
       return this._blackoutSet;
     }
 
-    if (disabledDays.length > 0) {
+    if (disabledDays && disabledDays.length > 0) {
       this._warnDisabledDaysDeprecated();
     }
 
-    const set = new Set(disabledDays.map((day) => parseInt(day, 10)));
-
-    // Parse YYYY-MM-DD as local date to avoid UTC shift issues.
-    if (Array.isArray(blackoutDates)) {
-      for (const isoStr of blackoutDates) {
-        const parts = isoStr.split('-');
-        const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
-        if (Number.isFinite(ts)) {
-          set.add(ts);
-        }
-      }
-    }
-
-    this._blackoutSet = set;
+    this._blackoutSet = buildBlackoutSet(disabledDays, blackoutDates);
     this._cachedBlackoutDisabledDays = disabledDays;
     this._cachedBlackoutDates = blackoutDates;
-    return set;
+    return this._blackoutSet;
   }
 
   /**
@@ -14840,32 +14920,15 @@ class AuroCalendar extends RangeDatepicker {
   }
 
   /**
-   * Checks whether a given date is a blackout date.
+   * Checks whether a given date is a blackout date. Delegates to the
+   * memoized `_getBlackoutSet` so the YYYY-MM-DD parsing and the
+   * legacy/ISO merge rules live in exactly one place (see `blackoutUtils.js`).
    * @private
    * @param {Number} dateTs - Unix timestamp (seconds).
    * @returns {Boolean} True if the date is blacked out.
    */
   isDateBlackout(dateTs) {
-    // Check legacy disabledDays.
-    if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
-      if (this.disabledDays.findIndex((day) => parseInt(day, 10) === dateTs) !== -1) {
-        return true;
-      }
-    }
-
-    // Check ISO blackoutDates.
-    const blackoutDates = this.datepicker?.blackoutDates;
-    if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
-      const date = new Date(dateTs * 1000);
-      const yyyy = date.getFullYear();
-      const mm = String(date.getMonth() + 1).padStart(2, '0');
-      const dd = String(date.getDate()).padStart(2, '0');
-      if (blackoutDates.includes(`${yyyy}-${mm}-${dd}`)) {
-        return true;
-      }
-    }
-
-    return false;
+    return this._getBlackoutSet().has(dateTs);
   }
 
   /**
@@ -19154,7 +19217,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
   }
 };
 
-var formkitVersion$1 = '202606251933';
+var formkitVersion$1 = '202606252132';
 
 let AuroElement$2 = class AuroElement extends i$1 {
   static get properties() {
@@ -32754,7 +32817,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
   }
 };
 
-var formkitVersion = '202606251933';
+var formkitVersion = '202606252132';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -34662,7 +34725,10 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Label announced for cells after the range (or after start when no end is selected).
+       * Label announced for cells after a fully selected range (both
+       * `dateFrom` and `dateTo` are set). While a range is still being
+       * picked (`dateFrom` set, `dateTo` unset), focused cells past the
+       * start use `rangeLabelEndPreview` instead.
        * @default 'after range'
        */
       rangeLabelAfterRange: {
@@ -34718,7 +34784,7 @@ class AuroDatePicker extends AuroElement {
       },
 
       /**
-       * Dates that the user should have for reference as part of their decision making when selecting a date.
+       * Dates that the user should have for reference as part of their decision-making when selecting a date.
        * This should be a JSON string array of ISO date strings (`YYYY-MM-DD`).
        */
       referenceDates: {
@@ -35457,12 +35523,23 @@ class AuroDatePicker extends AuroElement {
     const { signal } = this._listenerAbortController;
 
     this.calendar.addEventListener('auroCalendar-dateSelected', () => {
-      if (this.inputList[0].value !== this.calendar.dateFrom && this.calendar.dateFrom !== undefined) {
-        this.inputList[0].value = this.convertWcTimeToDate(this.calendar.dateFrom);
+      // Compare the input's ISO value against the *converted* calendar
+      // timestamp (the vendor's `dateFrom`/`dateTo` are Unix-seconds
+      // strings — comparing the input ISO directly against them would
+      // never match, so the write would fire on every event and emit
+      // redundant input/change activity).
+      if (this.calendar.dateFrom !== undefined) {
+        const fromIso = this.convertWcTimeToDate(this.calendar.dateFrom);
+        if (this.inputList[0].value !== fromIso) {
+          this.inputList[0].value = fromIso;
+        }
       }
 
-      if (this.inputList[1] && this.calendar.dateTo && this.inputList[1].value !== this.calendar.dateTo) {
-        this.inputList[1].value = this.convertWcTimeToDate(this.calendar.dateTo);
+      if (this.inputList[1] && this.calendar.dateTo) {
+        const toIso = this.convertWcTimeToDate(this.calendar.dateTo);
+        if (this.inputList[1].value !== toIso) {
+          this.inputList[1].value = toIso;
+        }
       }
     }, { signal });
 
@@ -35727,7 +35804,12 @@ class AuroDatePicker extends AuroElement {
    * @returns {void}
    */
   _warnInvalidLocale(badLocale) {
-    const key = String(badLocale ?? '');
+    // Stringify without coalescing — `String(undefined)` / `String(null)`
+    // surface the actual offending value in the log, instead of the
+    // ambiguous `Locale ""` that `String(badLocale ?? '')` would produce.
+    // Dedup still works correctly because each unique stringification
+    // becomes its own Set entry.
+    const key = String(badLocale);
     const seen = AuroDatePicker._warnedInvalidLocales;
     if (seen.has(key)) {
       return;
@@ -36045,6 +36127,15 @@ class AuroDatePicker extends AuroElement {
     // Add the tag name as an attribute if it is different than the component name
     this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
 
+    // If the element was disconnected before this first render finished,
+    // disconnectedCallback's microtask already aborted the controller. The
+    // connectedCallback reinit guard skips that case because `hasUpdated`
+    // is still false. Mint a fresh controller here so configure* registers
+    // listeners against a live signal.
+    if (this._listenerAbortController.signal.aborted) {
+      this._listenerAbortController = new AbortController();
+    }
+
     this.configureDropdown();
     this.configureInput();
     this.configureCalendar();
@@ -36056,6 +36147,22 @@ class AuroDatePicker extends AuroElement {
   connectedCallback() {
     super.connectedCallback();
 
+    // True reconnect after `disconnectedCallback` aborted our controller:
+    // the existing signal is dead, so listeners registered against it
+    // would never fire. Create a fresh controller and re-run the
+    // configure* wiring (each method is idempotent — it just re-caches
+    // child refs and re-registers listeners against the new signal).
+    // `hasUpdated` gates this so the *first* connect (which precedes
+    // firstUpdated) still falls through to firstUpdated's initial wiring.
+    if (this.hasUpdated && this._listenerAbortController.signal.aborted) {
+      this._listenerAbortController = new AbortController();
+      this.configureDropdown();
+      this.configureInput();
+      this.configureCalendar();
+      this.configureDatepicker();
+      this.configureClickHandler();
+    }
+
     this.locale = this.domHandler.getLocale(this);
   }
 

package/components/datepicker/dist/{src/auro-calendar.d.ts → auro-calendar.d.ts}

@@ -426,7 +426,9 @@ export class AuroCalendar extends RangeDatepicker {
      */
     private getRangePositionLabel;
     /**
-     * Checks whether a given date is a blackout date.
+     * Checks whether a given date is a blackout date. Delegates to the
+     * memoized `_getBlackoutSet` so the YYYY-MM-DD parsing and the
+     * legacy/ISO merge rules live in exactly one place (see `blackoutUtils.js`).
      * @private
      * @param {Number} dateTs - Unix timestamp (seconds).
      * @returns {Boolean} True if the date is blacked out.

package/components/datepicker/dist/{src/auro-datepicker.d.ts → auro-datepicker.d.ts}

@@ -287,7 +287,10 @@ export class AuroDatePicker extends AuroElement {
             reflect: boolean;
         };
         /**
-         * Label announced for cells after the range (or after start when no end is selected).
+         * Label announced for cells after a fully selected range (both
+         * `dateFrom` and `dateTo` are set). While a range is still being
+         * picked (`dateFrom` set, `dateTo` unset), focused cells past the
+         * start use `rangeLabelEndPreview` instead.
          * @default 'after range'
          */
         rangeLabelAfterRange: {
@@ -337,7 +340,7 @@ export class AuroDatePicker extends AuroElement {
             reflect: boolean;
         };
         /**
-         * Dates that the user should have for reference as part of their decision making when selecting a date.
+         * Dates that the user should have for reference as part of their decision-making when selecting a date.
          * This should be a JSON string array of ISO date strings (`YYYY-MM-DD`).
          */
         referenceDates: {

package/components/datepicker/dist/blackoutUtils.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Single source of truth for parsing and matching blackout dates across the
+ * datepicker. Both `auro-calendar` (memoized Set + `isDateBlackout`) and the
+ * pre-`firstUpdated` fallback inside `auro-calendar-cell` route through these
+ * helpers so the YYYY-MM-DD → seconds conversion and the merge-with-legacy
+ * `disabledDays` rules are defined exactly once.
+ */
+/**
+ * Converts a `YYYY-MM-DD` ISO date string to a Unix timestamp (seconds)
+ * representing local midnight on that calendar day. Returns `null` for
+ * inputs that don't parse to a finite timestamp.
+ *
+ * Uses the `new Date(year, monthIndex, day)` constructor (NOT
+ * `new Date(isoStr)`) so the result is local-midnight rather than UTC
+ * midnight — required to keep the calendar grid aligned with the user's
+ * local calendar day in negative-offset timezones.
+ *
+ * @param {string} isoStr - Date string in `YYYY-MM-DD` format.
+ * @returns {number|null} Local-midnight Unix timestamp (seconds), or null.
+ */
+export function parseIsoToTimestamp(isoStr: string): number | null;
+/**
+ * Builds a `Set<number>` of seconds-since-epoch timestamps covering both the
+ * legacy `disabledDays` (already-numeric) array and the ISO `blackoutDates`
+ * array. Use this for O(1) membership checks in hot paths.
+ *
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {Set<number>}
+ */
+export function buildBlackoutSet(disabledDays: Array<string | number> | undefined, blackoutDates: Array<string> | undefined): Set<number>;
+/**
+ * One-shot membership test for a single timestamp against both blackout
+ * sources. Allocates a Set on each call; only use this in cold paths
+ * (e.g. the pre-`firstUpdated` cell fallback). Hot paths should hold the
+ * Set returned from `buildBlackoutSet` and `.has(ts)` directly.
+ *
+ * @param {number} dateTs - Unix timestamp (seconds) to test.
+ * @param {Array<string|number>|undefined} disabledDays - Legacy timestamp array.
+ * @param {Array<string>|undefined} blackoutDates - ISO `YYYY-MM-DD` array.
+ * @returns {boolean}
+ */
+export function isBlackoutTimestamp(dateTs: number, disabledDays: Array<string | number> | undefined, blackoutDates: Array<string> | undefined): boolean;