@editora/ui-core 0.1.20 → 0.1.22

package/dist/date-range-time-picker.esm.js

@@ -1,17 +1,18 @@
 import { E as tt } from "./ElementBase-YlTLMsGk.mjs";
-import { c as et } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as it } from "./calendar-DLY4acgn.mjs";
-import { r as rt, e as st, i as C, s as nt, b as at, j as D, k as A, f as ot, m as I, o as P, l as lt, c as dt, q as k, g as ut, h as ct } from "./date-time-utils-y1N2gvG2.mjs";
-let pt = 0;
-const ht = `
+import { s as et, a as it } from "./control-name-Bpj7F34X.mjs";
+import { c as rt } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as st } from "./calendar-DbxYRdlv.mjs";
+import { r as nt, e as at, i as C, s as ot, b as lt, j as I, k as A, f as dt, m as D, o as P, l as ut, c as ct, q as k, g as pt, h as ht } from "./date-time-utils-Cps2aSu2.mjs";
+let mt = 0;
+const ft = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
-`, mt = `
+`, bt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.12l3.71-3.9a.75.75 0 1 1 1.08 1.04l-4.25 4.47a.75.75 0 0 1-1.08 0L5.2 8.27a.75.75 0 0 1 .02-1.06Z" fill="currentColor"/>
   </svg>
-`, bt = `
+`, gt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06Z" fill="currentColor"/>
   </svg>
@@ -19,7 +20,7 @@ const ht = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm.75 2.75a.75.75 0 0 0-1.5 0v3.88c0 .2.08.4.22.54l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28V6.25Z" fill="currentColor"/>
   </svg>
-`, ft = `
+`, _t = `
   :host {
     --ui-drtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-drtp-surface: linear-gradient(
@@ -29,9 +30,9 @@ const ht = `
     );
     --ui-drtp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-drtp-accent: var(--ui-color-primary, #2563eb);
-    --ui-drtp-success: var(--ui-color-success, #16a34a);
+    --ui-drtp-success: var(--ui-color-success, #15803d);
     --ui-drtp-error: var(--ui-color-danger, #dc2626);
     --ui-drtp-radius: 12px;
     --ui-drtp-panel-radius: 14px;
@@ -270,7 +271,7 @@ const ht = `
       outline-color: Highlight;
     }
   }
-`, gt = `
+`, yt = `
   .ui-date-range-time-picker-overlay-host {
     --ui-drtp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-drtp-surface: linear-gradient(
@@ -280,7 +281,7 @@ const ht = `
     );
     --ui-drtp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-drtp-accent: var(--ui-color-primary, #2563eb);
     --ui-drtp-panel-radius: 14px;
     --ui-drtp-shadow: none;
@@ -339,7 +340,7 @@ const ht = `
   .head-meta {
     margin: 0;
     font: 500 12px/1.3 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-    color: var(--ui-dp-muted, #64748b);
+    color: var(--ui-dp-muted, #526175);
   }
   .presets {
     display: flex;
@@ -354,7 +355,7 @@ const ht = `
     padding: 0 10px;
     min-block-size: 28px;
     font: 600 11px/1 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-    color: var(--ui-dp-muted, #64748b);
+    color: var(--ui-dp-muted, #526175);
     background: color-mix(in srgb, var(--ui-drtp-bg, #fff) 96%, transparent);
     cursor: pointer;
   }
@@ -392,7 +393,7 @@ const ht = `
   }
   .time-col-label {
     font-size: 10px;
-    color: var(--ui-dp-muted, #64748b);
+    color: var(--ui-dp-muted, #526175);
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: .06em;
@@ -539,29 +540,32 @@ function X(h) {
     ...h.end ? { end: h.end } : {}
   });
 }
-function w(h) {
+function x(h) {
   return String(h).padStart(2, "0");
 }
 function c(h) {
   return h.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function x(h) {
-  const t = /* @__PURE__ */ new Date(), e = `${w(t.getHours())}:${w(t.getMinutes())}`, i = `${w((t.getHours() + 1) % 24)}:${w(t.getMinutes())}`, r = A(h.start || null), l = A(h.end || null);
+function v(h) {
+  const t = /* @__PURE__ */ new Date(), e = `${x(t.getHours())}:${x(t.getMinutes())}`, i = `${x((t.getHours() + 1) % 24)}:${x(t.getMinutes())}`, r = A(h.start || null), o = A(h.end || null);
   return {
     startDate: r?.date || null,
-    endDate: l?.date || null,
+    endDate: o?.date || null,
     startTime: r?.time?.slice(0, 5) || e,
-    endTime: l?.time?.slice(0, 5) || i
+    endTime: o?.time?.slice(0, 5) || i
   };
 }
-class _t extends tt {
+class vt extends tt {
   constructor() {
-    super(...arguments), this._value = { start: null, end: null }, this._pending = x({ start: null, end: null }), this._display = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._uid = `ui-drtp-${++pt}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = rt(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
-      st(t, [this._overlay]) || this._schedulePosition.run();
+    super(...arguments), this._value = { start: null, end: null }, this._pending = v({ start: null, end: null }), this._display = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._isInitialized = !1, this._hasView = !1, this._restoreFocusEl = null, this._overlayKey = null, this._uid = `ui-drtp-${++mt}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._schedulePosition = nt(() => this._positionOverlay()), this._onRootClickBound = (t) => this._onRootClick(t), this._onRootChangeBound = (t) => this._onRootChange(t), this._onRootKeyDownBound = (t) => this._onRootKeyDown(t), this._onOverlayClickBound = (t) => this._onOverlayClick(t), this._onOverlayChangeBound = (t) => this._onOverlayChange(t), this._onOverlayCalendarBound = (t) => this._onOverlayCalendar(t), this._onDocumentPointerDownBound = (t) => this._onDocumentPointerDown(t), this._onDocumentKeyDownBound = (t) => this._onDocumentKeyDown(t), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (t) => {
+      at(t, [this._overlay]) || this._schedulePosition.run();
     };
   }
   static get observedAttributes() {
     return [
+      "aria-label",
+      "aria-description",
+      "aria-describedby",
       "open",
       "default-open",
       "value",
@@ -595,7 +599,7 @@ class _t extends tt {
   connectedCallback() {
     if (super.connectedCallback(), this.root.addEventListener("click", this._onRootClickBound), this.root.addEventListener("change", this._onRootChangeBound), this.root.addEventListener("keydown", this._onRootKeyDownBound), !this._isInitialized) {
       const t = Q(this.getAttribute("value") || this.getAttribute("default-value"));
-      this._value = t, this._pending = x(t), this._display = this._formatDisplay(), this._open = this.hasAttribute("open") || C(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = t, this._pending = v(t), this._display = this._formatDisplay(), this._open = this.hasAttribute("open") || C(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay();
   }
@@ -603,7 +607,7 @@ class _t extends tt {
     this.root.removeEventListener("click", this._onRootClickBound), this.root.removeEventListener("change", this._onRootChangeBound), this.root.removeEventListener("keydown", this._onRootKeyDownBound), this._destroyOverlay(), super.disconnectedCallback();
   }
   attributeChangedCallback(t, e, i) {
-    if (e !== i && (t === "value" && !this._syncing && (this._value = Q(i), this._pending = x(this._value), this._display = this._formatDisplay(), this._inlineError = ""), t === "open" && !this._syncing && (this._open = this.hasAttribute("open"), this._syncOverlay("attribute")), t === "mode" && this._syncOverlay("attribute"), t === "disabled" && this.hasAttribute("disabled") && this._setOpen(!1, "outside"), t === "state" && this._state() === "loading" && this._setOpen(!1, "outside"), !!this.isConnected)) {
+    if (e !== i && (t === "value" && !this._syncing && (this._value = Q(i), this._pending = v(this._value), this._display = this._formatDisplay(), this._inlineError = ""), t === "open" && !this._syncing && (this._open = this.hasAttribute("open"), this._syncOverlay("attribute")), t === "mode" && this._syncOverlay("attribute"), t === "disabled" && this.hasAttribute("disabled") && this._setOpen(!1, "outside"), t === "state" && this._state() === "loading" && this._setOpen(!1, "outside"), !!this.isConnected)) {
       if (!this._hasView) {
         this.requestRender();
         return;
@@ -615,7 +619,7 @@ class _t extends tt {
     return (this.getAttribute("mode") || "popover") === "inline";
   }
   _isMobileSheet() {
-    return nt(this.getAttribute("mode"));
+    return ot(this.getAttribute("mode"));
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -628,7 +632,7 @@ class _t extends tt {
     return this._isDisabled() || this._state() === "loading";
   }
   _locale() {
-    return at(this.getAttribute("locale"));
+    return lt(this.getAttribute("locale"));
   }
   _isReadonly() {
     return this.hasAttribute("readonly");
@@ -656,7 +660,7 @@ class _t extends tt {
     return !Number.isFinite(t) || t < 1 ? 5 : Math.min(60, Math.trunc(t));
   }
   _translations() {
-    return it(
+    return st(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -703,31 +707,31 @@ class _t extends tt {
   }
   _valueFromPending() {
     return {
-      start: D(this._pending.startDate, this._pending.startTime),
-      end: D(this._pending.endDate, this._pending.endTime)
+      start: I(this._pending.startDate, this._pending.startTime),
+      end: I(this._pending.endDate, this._pending.endTime)
     };
   }
   _formatDateTimeDisplay(t) {
     const e = A(t);
-    return e ? `${ot(e.date, this._locale(), "locale", null)} ${e.time}` : t || "";
+    return e ? `${dt(e.date, this._locale(), "locale", null)} ${e.time}` : t || "";
   }
   _formatDisplay() {
     const t = this._value.start, e = this._value.end;
     return !t && !e ? "" : t && e ? `${this._formatDateTimeDisplay(t)} — ${this._formatDateTimeDisplay(e)}` : this._formatDateTimeDisplay(t || e);
   }
   _normalizePendingState(t) {
-    let e = D(t.startDate, t.startTime), i = D(t.endDate, t.endTime);
-    if (e && i && I(e, i) > 0 && this._autoNormalize()) {
+    let e = I(t.startDate, t.startTime), i = I(t.endDate, t.endTime);
+    if (e && i && D(e, i) > 0 && this._autoNormalize()) {
       const p = e;
       e = i, i = p;
     }
-    const r = P(this.getAttribute("min")), l = P(this.getAttribute("max"));
-    let n = r ? `${r.date}T${r.time}` : null, s = l ? `${l.date}T${l.time}` : null;
-    if (n && s && I(n, s) > 0) {
+    const r = P(this.getAttribute("min")), o = P(this.getAttribute("max"));
+    let n = r ? `${r.date}T${r.time}` : null, s = o ? `${o.date}T${o.time}` : null;
+    if (n && s && D(n, s) > 0) {
       const p = n;
       n = s, s = p;
     }
-    e && n && I(e, n) < 0 && (e = n), e && s && I(e, s) > 0 && (e = s), i && n && I(i, n) < 0 && (i = n), i && s && I(i, s) > 0 && (i = s);
+    e && n && D(e, n) < 0 && (e = n), e && s && D(e, s) > 0 && (e = s), i && n && D(i, n) < 0 && (i = n), i && s && D(i, s) > 0 && (i = s);
     const a = A(e || ""), u = A(i || "");
     return {
       startDate: a?.date || null,
@@ -739,14 +743,14 @@ class _t extends tt {
   _commit(t, e) {
     if (this._isInteractionBlocked() || this._isReadonly()) return;
     const i = this._normalizePendingState(t), r = {
-      start: D(i.startDate, i.startTime),
-      end: D(i.endDate, i.endTime)
+      start: I(i.startDate, i.startTime),
+      end: I(i.endDate, i.endTime)
     };
     if (!this._allowPartial() && (!r.start || !r.end)) {
       this._inlineError = this.getAttribute("error") || this._translations().rangeIncomplete, this._emitInvalid(JSON.stringify(r), "partial"), this._updateHostState();
       return;
     }
-    if (r.start && r.end && I(r.start, r.end) > 0) {
+    if (r.start && r.end && D(r.start, r.end) > 0) {
       this._inlineError = this.getAttribute("error") || this._translations().invalidRangeOrder, this._emitInvalid(JSON.stringify(r), "order"), this._updateHostState();
       return;
     }
@@ -775,7 +779,7 @@ class _t extends tt {
   _ensureOverlay() {
     if (this._overlay || typeof document > "u") return;
     const t = document.createElement("div");
-    t.className = "ui-date-range-time-picker-overlay-host", t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), t.addEventListener("change", this._onOverlayCalendarBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = lt());
+    t.className = "ui-date-range-time-picker-overlay-host", t.style.position = "fixed", t.style.left = "0", t.style.top = "0", t.style.pointerEvents = "none", t.addEventListener("click", this._onOverlayClickBound), t.addEventListener("change", this._onOverlayChangeBound), t.addEventListener("change", this._onOverlayCalendarBound), document.body.appendChild(t), this._overlay = t, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = ut());
   }
   _syncOverlayHostZIndex() {
     if (!this._overlay || typeof window > "u") return;
@@ -788,7 +792,7 @@ class _t extends tt {
   _syncDismissableLayer() {
     if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, !this._open || !this._overlay) return;
     const t = this._overlay.querySelector(".panel, .sheet"), e = this.root.querySelector(".field");
-    t && (this._dismissableLayer = et({
+    t && (this._dismissableLayer = rt({
       node: t,
       trigger: e,
       closeOnEscape: !0,
@@ -801,7 +805,7 @@ class _t extends tt {
     if (!this._overlay || !this._open || this._isMobileSheet()) return;
     const t = this.root.querySelector(".field"), e = this._overlay.querySelector(".panel");
     if (!t || !e) return;
-    const i = e.getAttribute("data-placement"), r = dt(
+    const i = e.getAttribute("data-placement"), r = ct(
       t.getBoundingClientRect(),
       e.getBoundingClientRect(),
       8,
@@ -811,14 +815,14 @@ class _t extends tt {
     e.style.position = "absolute", e.style.top = `${Math.round(r.top)}px`, e.style.left = `${Math.round(r.left)}px`, e.setAttribute("data-placement", r.placement);
   }
   _timeOptions(t) {
-    const e = k(t) || { hours: 0, minutes: 0 }, i = this._step(), r = Array.from({ length: 24 }, (n, s) => `<option value="${s}" ${s === e.hours ? "selected" : ""}>${w(s)}</option>`).join(""), l = Array.from({ length: Math.ceil(60 / i) }, (n, s) => {
+    const e = k(t) || { hours: 0, minutes: 0 }, i = this._step(), r = Array.from({ length: 24 }, (n, s) => `<option value="${s}" ${s === e.hours ? "selected" : ""}>${x(s)}</option>`).join(""), o = Array.from({ length: Math.ceil(60 / i) }, (n, s) => {
       const a = Math.min(59, s * i);
-      return `<option value="${a}" ${a === e.minutes ? "selected" : ""}>${w(a)}</option>`;
+      return `<option value="${a}" ${a === e.minutes ? "selected" : ""}>${x(a)}</option>`;
     }).join("");
-    return { hours: r, minutes: l };
+    return { hours: r, minutes: o };
   }
   _renderSurfaceInner(t, e = !1) {
-    const i = this._translations(), r = this._timeOptions(this._pending.startTime), l = this._timeOptions(this._pending.endTime), n = (this.getAttribute("label") || "").trim(), s = c(n), a = c(n || i.selectDateRange), u = this._valueFromPending(), p = u.start && u.end ? `${this._formatDateTimeDisplay(u.start)} — ${this._formatDateTimeDisplay(u.end)}` : i.selectDateRange, g = c(`${i.startTime} ${i.hour}`), S = c(`${i.startTime} ${i.minute}`), y = c(`${i.endTime} ${i.hour}`), o = c(`${i.endTime} ${i.minute}`), b = `
+    const i = this._translations(), r = this._timeOptions(this._pending.startTime), o = this._timeOptions(this._pending.endTime), n = (this.getAttribute("label") || "").trim(), s = c(n), a = c(n || i.selectDateRange), u = this._valueFromPending(), p = u.start && u.end ? `${this._formatDateTimeDisplay(u.start)} — ${this._formatDateTimeDisplay(u.end)}` : i.selectDateRange, g = c(`${i.startTime} ${i.hour}`), w = c(`${i.startTime} ${i.minute}`), y = c(`${i.endTime} ${i.hour}`), l = c(`${i.endTime} ${i.minute}`), f = `
       <header class="head">
         <div>
           <p class="head-title" ${n ? "" : "hidden"}>${s}</p>
@@ -839,12 +843,12 @@ class _t extends tt {
               <div class="time-row">
                 <p class="time-row-label"><span class="icon-inline">${B}</span>${c(i.startTime)}</p>
                 <select data-time="start" data-segment="hours" aria-label="${g}">${r.hours}</select>
-                <select data-time="start" data-segment="minutes" aria-label="${S}">${r.minutes}</select>
+                <select data-time="start" data-segment="minutes" aria-label="${w}">${r.minutes}</select>
               </div>
               <div class="time-row">
                 <p class="time-row-label"><span class="icon-inline">${B}</span>${c(i.endTime)}</p>
-                <select data-time="end" data-segment="hours" aria-label="${y}">${l.hours}</select>
-                <select data-time="end" data-segment="minutes" aria-label="${o}">${l.minutes}</select>
+                <select data-time="end" data-segment="hours" aria-label="${y}">${o.hours}</select>
+                <select data-time="end" data-segment="minutes" aria-label="${l}">${o.minutes}</select>
               </div>
             </div>
           </div>
@@ -861,10 +865,10 @@ class _t extends tt {
         <button type="button" class="action" data-action="apply" data-tone="primary">${c(i.apply)}</button>
       </footer>
     `;
-    return e ? b : `
-      <style>${gt}</style>
+    return e ? f : `
+      <style>${yt}</style>
       ${t ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${a}" part="${t ? "sheet" : "popover"}">${b}</section>
+      <section class="${t ? "sheet" : "panel"}" id="${this._panelId}" role="dialog" aria-modal="${t ? "true" : "false"}" aria-label="${a}" part="${t ? "sheet" : "popover"}">${f}</section>
     `;
   }
   _syncCalendar(t) {
@@ -881,8 +885,8 @@ class _t extends tt {
       ...this._pending.startDate ? { start: this._pending.startDate } : {},
       ...this._pending.endDate ? { end: this._pending.endDate } : {}
     }));
-    const r = P(this.getAttribute("min")), l = P(this.getAttribute("max"));
-    e("min", r?.date || null), e("max", l?.date || null), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
+    const r = P(this.getAttribute("min")), o = P(this.getAttribute("max"));
+    e("min", r?.date || null), e("max", o?.date || null), e("locale", this.getAttribute("locale")), e("translations", this.getAttribute("translations")), e("week-start", this.getAttribute("week-start"));
     const s = this.getAttribute("size") || "sm", a = t.classList.contains("drtp-calendar-inline");
     e("size", s === "lg" ? "md" : "sm"), e("variant", this.getAttribute("variant")), i("readonly", this._isReadonly()), i("disabled", this._isInteractionBlocked()), i("bare", this._isBare()), e("tabindex", "-1"), s === "lg" ? (t.style.setProperty("--ui-calendar-day-height", "1.95em"), t.style.setProperty("--ui-calendar-day-padding-block", "0.2em"), t.style.setProperty("--ui-calendar-day-padding-inline", "0.26em"), t.style.setProperty("--ui-calendar-gap", "0.42em"), t.style.setProperty("--ui-calendar-day-font-size", "0.78em"), t.style.setProperty("--ui-calendar-weekday-font-size", "0.7em"), t.style.setProperty("--ui-calendar-title-font-size", "0.88em")) : (t.style.setProperty("--ui-calendar-day-height", "2.4em"), t.style.setProperty("--ui-calendar-day-padding-block", "0.14em"), t.style.setProperty("--ui-calendar-day-padding-inline", "0.22em"), t.style.setProperty("--ui-calendar-gap", "0.34em"), t.style.setProperty("--ui-calendar-day-font-size", "0.72em"), t.style.setProperty("--ui-calendar-weekday-font-size", "0.64em"), t.style.setProperty("--ui-calendar-title-font-size", "0.8em")), a ? (t.style.setProperty("--ui-calendar-frame-padding", "0.32em"), t.style.setProperty("--ui-calendar-week-gap", "0.18em"), t.style.setProperty("--ui-calendar-control-height", "1.72em"), t.style.setProperty("--ui-calendar-gap", "0.24em")) : (t.style.removeProperty("--ui-calendar-frame-padding"), t.style.removeProperty("--ui-calendar-week-gap"), t.style.removeProperty("--ui-calendar-control-height")), e("aria-label", this.getAttribute("label") || this._translations().selectDateRange);
   }
@@ -903,10 +907,10 @@ class _t extends tt {
   _setClosestOptionValue(t, e) {
     const i = Array.from(t.options).map((n) => Number(n.value)).filter((n) => Number.isFinite(n));
     if (!i.length) return;
-    let r = i[0], l = Math.abs(r - e);
+    let r = i[0], o = Math.abs(r - e);
     for (let n = 1; n < i.length; n += 1) {
       const s = i[n], a = Math.abs(s - e);
-      a < l && (r = s, l = a);
+      a < o && (r = s, o = a);
     }
     t.value = String(r);
   }
@@ -915,10 +919,10 @@ class _t extends tt {
     this._syncOverlayHostZIndex();
     const t = this._isMobileSheet();
     this._ensureOverlayContent(t), this._syncDismissableLayer();
-    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".presets"), l = this._overlay.querySelector(".footer");
+    const e = this._translations(), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".presets"), o = this._overlay.querySelector(".footer");
     i && (i.dataset.bare = this._isBare() ? "true" : "false");
     const n = this._showFooter();
-    r && (r.hidden = !n), l && (l.hidden = !n);
+    r && (r.hidden = !n), o && (o.hidden = !n);
     const s = this._overlay.querySelector(".head-title");
     if (s) {
       const m = (this.getAttribute("label") || "").trim();
@@ -928,10 +932,10 @@ class _t extends tt {
     a && (a.textContent = u.start && u.end ? `${this._formatDateTimeDisplay(u.start)} — ${this._formatDateTimeDisplay(u.end)}` : e.selectDateRange);
     const p = this._overlay.querySelector(".drtp-calendar");
     p && this._syncCalendar(p);
-    const g = k(this._pending.startTime) || { hours: 0, minutes: 0 }, S = k(this._pending.endTime) || { hours: 0, minutes: 0 }, y = this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'), o = this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'), b = this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'), f = this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');
-    y && this._setClosestOptionValue(y, g.hours), o && this._setClosestOptionValue(o, g.minutes), b && this._setClosestOptionValue(b, S.hours), f && this._setClosestOptionValue(f, S.minutes);
+    const g = k(this._pending.startTime) || { hours: 0, minutes: 0 }, w = k(this._pending.endTime) || { hours: 0, minutes: 0 }, y = this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'), l = this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'), f = this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'), b = this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');
+    y && this._setClosestOptionValue(y, g.hours), l && this._setClosestOptionValue(l, g.minutes), f && this._setClosestOptionValue(f, w.hours), b && this._setClosestOptionValue(b, w.minutes);
     const _ = this._isInteractionBlocked() || this._isReadonly();
-    [y, o, b, f].forEach((m) => {
+    [y, l, f, b].forEach((m) => {
       m && (m.disabled = _);
     }), this._overlay.querySelectorAll(".action, .preset").forEach((m) => {
       m.disabled = _;
@@ -943,9 +947,9 @@ class _t extends tt {
   _applyTimeFromOverlay(t) {
     const e = t.getAttribute("data-time"), i = this._overlay?.querySelector(`select[data-time="${e}"][data-segment="hours"]`), r = this._overlay?.querySelector(`select[data-time="${e}"][data-segment="minutes"]`);
     if (!e || !i || !r) return;
-    const l = Number(i.value), n = Number(r.value);
-    if (!Number.isFinite(l) || !Number.isFinite(n)) return;
-    const s = `${w(l)}:${w(n)}`;
+    const o = Number(i.value), n = Number(r.value);
+    if (!Number.isFinite(o) || !Number.isFinite(n)) return;
+    const s = `${x(o)}:${x(n)}`;
     e === "start" && (this._pending.startTime = s), e === "end" && (this._pending.endTime = s), this._pending = this._normalizePendingState(this._pending), this._emitInput("time");
   }
   _todayIso() {
@@ -959,11 +963,11 @@ class _t extends tt {
       return;
     }
     if (t === "preset-last7") {
-      const r = ut(e, 7);
+      const r = pt(e, 7);
       this._pending.startDate = r.start, this._pending.endDate = r.end, this._pending = this._normalizePendingState(this._pending), this._emitInput("preset-last7");
       return;
     }
-    const i = ct(e);
+    const i = ht(e);
     this._pending.startDate = i.start, this._pending.endDate = i.end, this._pending = this._normalizePendingState(this._pending), this._emitInput("preset-month");
   }
   _onRootClick(t) {
@@ -976,7 +980,7 @@ class _t extends tt {
         return;
       }
       if (i === "clear") {
-        this._isInlineMode() ? (this._pending = x({ start: null, end: null }), this._emitInput("clear"), this._updateHostState()) : (this._pending = x({ start: null, end: null }), this._commit(this._pending, "clear"));
+        this._isInlineMode() ? (this._pending = v({ start: null, end: null }), this._emitInput("clear"), this._updateHostState()) : (this._pending = v({ start: null, end: null }), this._commit(this._pending, "clear"));
         return;
       }
       if (this._isInlineMode() && (i === "preset-today" || i === "preset-last7" || i === "preset-month")) {
@@ -984,7 +988,7 @@ class _t extends tt {
         return;
       }
       if (this._isInlineMode() && i === "cancel") {
-        this._pending = x(this._value), this._updateHostState();
+        this._pending = v(this._value), this._updateHostState();
         return;
       }
       this._isInlineMode() && i === "apply" && this._commit(this._pending, "apply");
@@ -1031,11 +1035,11 @@ class _t extends tt {
         return;
       }
       if (i === "cancel") {
-        this._pending = x(this._value), this._setOpen(!1, "cancel");
+        this._pending = v(this._value), this._setOpen(!1, "cancel");
         return;
       }
       if (i === "clear") {
-        this._pending = x({ start: null, end: null }), this._emitInput("clear"), this._renderOverlay();
+        this._pending = v({ start: null, end: null }), this._emitInput("clear"), this._renderOverlay();
         return;
       }
       if (i === "preset-today" || i === "preset-last7" || i === "preset-month") {
@@ -1075,12 +1079,12 @@ class _t extends tt {
   }
   _updateHostState() {
     if (!this._hasView) return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, l = !!(this._value.start || this._value.end), n = this.getAttribute("name") || "", s = this._isInlineMode(), a = this._translations(), u = r ? "error" : this._state(), p = this._formatDisplay();
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, o = !!(this._value.start || this._value.end), n = this.getAttribute("name") || "", s = this._isInlineMode(), a = this._translations(), u = r ? "error" : this._state(), p = this._formatDisplay();
     this._display = p, this._state() === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy");
-    const g = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), y = this.root.querySelector(".required"), o = this.root.querySelector(".input"), b = this.root.querySelector('.btn[data-action="clear"]'), f = this.root.querySelector('.btn[data-action="toggle"]'), _ = this.root.querySelector(".hint"), m = this.root.querySelector(".error"), $ = this.root.querySelector(".hidden-input");
-    if (g && (g.hidden = !t, g.id = this._labelId, g.setAttribute("for", this._inputId)), S && (S.textContent = t), y && (y.hidden = !this.hasAttribute("required")), o && (o.value !== p && (o.value = p), o.id = this._inputId, o.placeholder = a.dateRangeTimePlaceholder, o.readOnly = !0, o.disabled = this._isInteractionBlocked(), o.required = this.hasAttribute("required"), o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-expanded", s ? "false" : String(this._open)), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-invalid", r ? "true" : "false"), t ? o.setAttribute("aria-labelledby", this._labelId) : o.removeAttribute("aria-labelledby")), b && (b.hidden = !(this._clearable() && l), b.setAttribute("aria-label", a.clearDateRange), b.disabled = this._isInteractionBlocked()), f && (f.hidden = s, f.setAttribute("aria-label", a.toggleCalendar), f.setAttribute("aria-expanded", s ? "false" : String(this._open)), f.setAttribute("aria-controls", this._panelId), f.disabled = this._isInteractionBlocked()), _ && (_.id = this._hintId, _.hidden = !e, _.textContent = e), m && (m.id = this._errorId, m.hidden = !r, m.textContent = r), o) {
-      const v = [];
-      e && _ && !_.hidden && v.push(this._hintId), r && v.push(this._errorId), v.length ? o.setAttribute("aria-describedby", v.join(" ")) : o.removeAttribute("aria-describedby");
+    const g = this.root.querySelector(".label"), w = this.root.querySelector(".label-text"), y = this.root.querySelector(".required"), l = this.root.querySelector(".input"), f = this.root.querySelector('.btn[data-action="clear"]'), b = this.root.querySelector('.btn[data-action="toggle"]'), _ = this.root.querySelector(".hint"), m = this.root.querySelector(".error"), $ = this.root.querySelector(".hidden-input");
+    if (g && (g.hidden = !t, g.id = this._labelId, g.setAttribute("for", this._inputId)), w && (w.textContent = t), y && (y.hidden = !this.hasAttribute("required")), l && (l.value !== p && (l.value = p), l.id = this._inputId, l.placeholder = a.dateRangeTimePlaceholder, l.readOnly = !0, l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", s ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", r ? "true" : "false"), et(l, this, t ? this._labelId : null, l.placeholder)), f && (f.hidden = !(this._clearable() && o), f.setAttribute("aria-label", a.clearDateRange), f.disabled = this._isInteractionBlocked()), b && (b.hidden = s, b.setAttribute("aria-label", a.toggleCalendar), b.setAttribute("aria-expanded", s ? "false" : String(this._open)), b.setAttribute("aria-controls", this._panelId), b.disabled = this._isInteractionBlocked()), _ && (_.id = this._hintId, _.hidden = !e, _.textContent = e), m && (m.id = this._errorId, m.hidden = !r, m.textContent = r), l) {
+      const S = [];
+      e && _ && !_.hidden && S.push(this._hintId), r && S.push(this._errorId), it(l, this, this._uid, S);
     }
     $ && ($.disabled = !n, $.name = n, $.value = X(this._value) || "");
     const O = this.root.querySelector(".field");
@@ -1088,8 +1092,8 @@ class _t extends tt {
     const d = this.root.querySelector(".inline-panel");
     if (d) {
       d.hidden = !s, d.id = this._panelId, d.dataset.bare = this._isBare() ? "true" : "false", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "false"), d.setAttribute("aria-label", t || a.selectDateRange);
-      const v = d.querySelector(".panel-title");
-      v && (v.textContent = t, v.hidden = !t);
+      const S = d.querySelector(".panel-title");
+      S && (S.textContent = t, S.hidden = !t);
       const R = d.querySelector(".head-title");
       R && (R.textContent = t, R.hidden = !t);
       const H = d.querySelector(".head-meta"), z = this._valueFromPending();
@@ -1121,18 +1125,18 @@ class _t extends tt {
     if (!this._hasView) {
       const t = this._translations();
       this.setContent(`
-        <style>${ft}</style>
+        <style>${_t}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon">${ht}</span>
+            <span class="icon" part="icon">${ft}</span>
             <input class="input" id="${this._inputId}" part="input" readonly />
             <span class="icon" part="icon">${B}</span>
-            <button type="button" class="btn" part="clear" data-action="clear">${bt}</button>
-            <button type="button" class="btn" part="toggle" data-action="toggle">${mt}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${gt}</button>
+            <button type="button" class="btn" part="toggle" data-action="toggle">${bt}</button>
           </div>
           <div class="hint" id="${this._hintId}" part="hint"></div>
           <div class="error" id="${this._errorId}" part="error" role="alert"></div>
@@ -1150,7 +1154,7 @@ class _t extends tt {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-date-range-time-picker") && customElements.define("ui-date-range-time-picker", _t);
+typeof customElements < "u" && !customElements.get("ui-date-range-time-picker") && customElements.define("ui-date-range-time-picker", vt);
 export {
-  _t as UIDateRangeTimePicker
+  vt as UIDateRangeTimePicker
 };