@luzmo/analytics-components-kit 1.0.1-alpha.31 → 1.0.1-alpha.33

package/components/filter-value-picker-datetime/index.js

@@ -0,0 +1,2820 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { d as le, C as xt } from "../index-Desl7GJ0.js";
+import { m as de, I as He, a as se, R as k, z as g, b as Re, d as qe } from "../base-D76d76ww-BGkuhs54.js";
+import { a as _e } from "../pending-state-DTX7ggyF-KolnwUB7.js";
+import { m as H, d as Ye } from "../if-defined-DOaE2coe-CNT45Xcl.js";
+import "../index-rQxtPaJl.js";
+import "../index-BC1LV3vH.js";
+import { t as wt, z as Dt, s as Mt, u as $t, p as _t } from "../luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { n as S } from "../directive-helpers-Cm6gitnu-CeYtlPO9.js";
+import { p as St } from "../index-BCBLJ-ei.js";
+import { o as Le } from "../when-CDK1Tt5Y-C6ViXC43.js";
+import { r as Ct } from "../focusable-BxtpnzWp-DJQkL8Zv.js";
+import { b as Tt } from "../observe-slot-presence-CmVi0zTc-DCFuXW7v.js";
+import { a as Pt } from "../button-base-DbkDzb71-R8oqSqlY.js";
+import "../index-CTVNGPeT.js";
+import { u as Vt, e as It } from "../text-field-BIADXoLC-B9oE05VF.js";
+import "../index-BwsEWpIS.js";
+import "../index-BbuNpVBr.js";
+import { r as Ft, x as G, n as ce } from "../property-CxtZroGf.js";
+import { g as qt, t as Lt, s as Et } from "../set-locale-DAGnJZD8.js";
+import { D as re } from "../periods.const-D2cMP5hH.js";
+const kt = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
+  }
+};
+kt();
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+function ge(r, e) {
+  return r - e * Math.floor(r / e);
+}
+const We = 1721426;
+function ae(r, e, t, a) {
+  e = Se(r, e);
+  let o = e - 1, i = -2;
+  return t <= 2 ? i = 0 : ie(e) && (i = -1), We - 1 + 365 * o + Math.floor(o / 4) - Math.floor(o / 100) + Math.floor(o / 400) + Math.floor((367 * t - 362) / 12 + i + a);
+}
+function ie(r) {
+  return r % 4 === 0 && (r % 100 !== 0 || r % 400 === 0);
+}
+function Se(r, e) {
+  return r === "BC" ? 1 - e : e;
+}
+function Ot(r) {
+  let e = "AD";
+  return r <= 0 && (e = "BC", r = 1 - r), [
+    e,
+    r
+  ];
+}
+const At = {
+  standard: [
+    31,
+    28,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ],
+  leapyear: [
+    31,
+    29,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ]
+};
+let W = class {
+  fromJulianDay(e) {
+    let t = e, a = t - We, o = Math.floor(a / 146097), i = ge(a, 146097), n = Math.floor(i / 36524), l = ge(i, 36524), s = Math.floor(l / 1461), c = ge(l, 1461), m = Math.floor(c / 365), u = o * 400 + n * 100 + s * 4 + m + (n !== 4 && m !== 4 ? 1 : 0), [h, p] = Ot(u), v = t - ae(h, p, 1, 1), z = 2;
+    t < ae(h, p, 3, 1) ? z = 0 : ie(p) && (z = 1);
+    let C = Math.floor(((v + z) * 12 + 373) / 367), N = t - ae(h, p, C, 1) + 1;
+    return new F(h, p, C, N);
+  }
+  toJulianDay(e) {
+    return ae(e.era, e.year, e.month, e.day);
+  }
+  getDaysInMonth(e) {
+    return At[ie(e.year) ? "leapyear" : "standard"][e.month - 1];
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getMonthsInYear(e) {
+    return 12;
+  }
+  getDaysInYear(e) {
+    return ie(e.year) ? 366 : 365;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getYearsInEra(e) {
+    return 9999;
+  }
+  getEras() {
+    return [
+      "BC",
+      "AD"
+    ];
+  }
+  isInverseEra(e) {
+    return e.era === "BC";
+  }
+  balanceDate(e) {
+    e.year <= 0 && (e.era = e.era === "BC" ? "AD" : "BC", e.year = 1 - e.year);
+  }
+  constructor() {
+    this.identifier = "gregory";
+  }
+};
+const Bt = {
+  "001": 1,
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BY: 1,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  HR: 1,
+  HU: 1,
+  IE: 1,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JO: 6,
+  KG: 1,
+  KW: 6,
+  KZ: 1,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MK: 1,
+  MN: 1,
+  MQ: 1,
+  MV: 5,
+  MY: 1,
+  NL: 1,
+  NO: 1,
+  NZ: 1,
+  OM: 6,
+  PL: 1,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SD: 6,
+  SE: 1,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SY: 6,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  UA: 1,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VN: 1,
+  XK: 1
+};
+function E(r, e) {
+  return e = _(e, r.calendar), r.era === e.era && r.year === e.year && r.month === e.month && r.day === e.day;
+}
+function O(r, e) {
+  return e = _(e, r.calendar), r = B(r), e = B(e), r.era === e.era && r.year === e.year && r.month === e.month;
+}
+function Zt(r, e) {
+  var t, a, o, i;
+  return (i = (o = (t = r.isEqual) === null || t === void 0 ? void 0 : t.call(r, e)) !== null && o !== void 0 ? o : (a = e.isEqual) === null || a === void 0 ? void 0 : a.call(e, r)) !== null && i !== void 0 ? i : r.identifier === e.identifier;
+}
+function je(r, e, t) {
+  let a = r.calendar.toJulianDay(r), o = Rt(e), i = Math.ceil(a + 1 - o) % 7;
+  return i < 0 && (i += 7), i;
+}
+function Ge(r) {
+  return P(Date.now(), r);
+}
+function Ut(r) {
+  return L(Ge(r));
+}
+function Je(r, e) {
+  return r.calendar.toJulianDay(r) - e.calendar.toJulianDay(e);
+}
+function Ke(r, e) {
+  return Ee(r) - Ee(e);
+}
+function Ee(r) {
+  return r.hour * 36e5 + r.minute * 6e4 + r.second * 1e3 + r.millisecond;
+}
+let be = null;
+function R() {
+  return be == null && (be = new Intl.DateTimeFormat().resolvedOptions().timeZone), be;
+}
+function B(r) {
+  return r.subtract({
+    days: r.day - 1
+  });
+}
+function Nt(r) {
+  return r.add({
+    days: r.calendar.getDaysInMonth(r) - r.day
+  });
+}
+function Qe(r) {
+  return r.calendar.getMinimumMonthInYear ? r.calendar.getMinimumMonthInYear(r) : 1;
+}
+function Xe(r) {
+  return r.calendar.getMinimumDayInMonth ? r.calendar.getMinimumDayInMonth(r) : 1;
+}
+function Oe(r, e, t) {
+  let a = je(r, e);
+  return r.subtract({
+    days: a
+  });
+}
+const Ae = /* @__PURE__ */ new Map();
+function Ht(r) {
+  if (Intl.Locale) {
+    let t = Ae.get(r);
+    return t || (t = new Intl.Locale(r).maximize().region, t && Ae.set(r, t)), t;
+  }
+  let e = r.split("-")[1];
+  return e === "u" ? void 0 : e;
+}
+function Rt(r) {
+  let e = Ht(r);
+  return e && Bt[e] || 0;
+}
+function Yt(r, e, t) {
+  let a = r.calendar.getDaysInMonth(r);
+  return Math.ceil((je(B(r), e) + a) / 7);
+}
+function j(r) {
+  r = _(r, new W());
+  let e = Se(r.era, r.year);
+  return et(e, r.month, r.day, r.hour, r.minute, r.second, r.millisecond);
+}
+function et(r, e, t, a, o, i, n) {
+  let l = /* @__PURE__ */ new Date();
+  return l.setUTCHours(a, o, i, n), l.setUTCFullYear(r, e - 1, t), l.getTime();
+}
+function we(r, e) {
+  if (e === "UTC") return 0;
+  if (r > 0 && e === R()) return new Date(r).getTimezoneOffset() * -6e4;
+  let { year: t, month: a, day: o, hour: i, minute: n, second: l } = tt(r, e);
+  return et(t, a, o, i, n, l, 0) - Math.floor(r / 1e3) * 1e3;
+}
+const Be = /* @__PURE__ */ new Map();
+function tt(r, e) {
+  let t = Be.get(e);
+  t || (t = new Intl.DateTimeFormat("en-US", {
+    timeZone: e,
+    hour12: !1,
+    era: "short",
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric"
+  }), Be.set(e, t));
+  let a = t.formatToParts(new Date(r)), o = {};
+  for (let i of a) i.type !== "literal" && (o[i.type] = i.value);
+  return {
+    // Firefox returns B instead of BC... https://bugzilla.mozilla.org/show_bug.cgi?id=1752253
+    year: o.era === "BC" || o.era === "B" ? -o.year + 1 : +o.year,
+    month: +o.month,
+    day: +o.day,
+    hour: o.hour === "24" ? 0 : +o.hour,
+    minute: +o.minute,
+    second: +o.second
+  };
+}
+const Ze = 864e5;
+function Wt(r, e, t, a) {
+  return (t === a ? [
+    t
+  ] : [
+    t,
+    a
+  ]).filter((o) => jt(r, e, o));
+}
+function jt(r, e, t) {
+  let a = tt(t, e);
+  return r.year === a.year && r.month === a.month && r.day === a.day && r.hour === a.hour && r.minute === a.minute && r.second === a.second;
+}
+function T(r, e, t = "compatible") {
+  let a = $(r);
+  if (e === "UTC") return j(a);
+  if (e === R() && t === "compatible") {
+    a = _(a, new W());
+    let s = /* @__PURE__ */ new Date(), c = Se(a.era, a.year);
+    return s.setFullYear(c, a.month - 1, a.day), s.setHours(a.hour, a.minute, a.second, a.millisecond), s.getTime();
+  }
+  let o = j(a), i = we(o - Ze, e), n = we(o + Ze, e), l = Wt(a, e, o - i, o - n);
+  if (l.length === 1) return l[0];
+  if (l.length > 1) switch (t) {
+    // 'compatible' means 'earlier' for "fall back" transitions
+    case "compatible":
+    case "earlier":
+      return l[0];
+    case "later":
+      return l[l.length - 1];
+    case "reject":
+      throw new RangeError("Multiple possible absolute times found");
+  }
+  switch (t) {
+    case "earlier":
+      return Math.min(o - i, o - n);
+    // 'compatible' means 'later' for "spring forward" transitions
+    case "compatible":
+    case "later":
+      return Math.max(o - i, o - n);
+    case "reject":
+      throw new RangeError("No such absolute time found");
+  }
+}
+function rt(r, e, t = "compatible") {
+  return new Date(T(r, e, t));
+}
+function P(r, e) {
+  let t = we(r, e), a = new Date(r + t), o = a.getUTCFullYear(), i = a.getUTCMonth() + 1, n = a.getUTCDate(), l = a.getUTCHours(), s = a.getUTCMinutes(), c = a.getUTCSeconds(), m = a.getUTCMilliseconds();
+  return new U(o < 1 ? "BC" : "AD", o < 1 ? -o + 1 : o, i, n, e, t, l, s, c, m);
+}
+function L(r) {
+  return new F(r.calendar, r.era, r.year, r.month, r.day);
+}
+function $(r, e) {
+  let t = 0, a = 0, o = 0, i = 0;
+  if ("timeZone" in r) ({ hour: t, minute: a, second: o, millisecond: i } = r);
+  else if ("hour" in r && !e) return r;
+  return e && ({ hour: t, minute: a, second: o, millisecond: i } = e), new I(r.calendar, r.era, r.year, r.month, r.day, t, a, o, i);
+}
+function _(r, e) {
+  if (Zt(r.calendar, e)) return r;
+  let t = e.fromJulianDay(r.calendar.toJulianDay(r)), a = r.copy();
+  return a.calendar = e, a.era = t.era, a.year = t.year, a.month = t.month, a.day = t.day, Z(a), a;
+}
+function A(r, e, t) {
+  if (r instanceof U)
+    return r.timeZone === e ? r : at(r, e);
+  let a = T(r, e, t);
+  return P(a, e);
+}
+function Gt(r) {
+  let e = j(r) - r.offset;
+  return new Date(e);
+}
+function at(r, e) {
+  let t = j(r) - r.offset;
+  return _(P(t, e), r.calendar);
+}
+const J = 36e5;
+function ue(r, e) {
+  let t = r.copy(), a = "hour" in t ? lt(t, e) : 0;
+  De(t, e.years || 0), t.calendar.balanceYearMonth && t.calendar.balanceYearMonth(t, r), t.month += e.months || 0, Me(t), ot(t), t.day += (e.weeks || 0) * 7, t.day += e.days || 0, t.day += a, Jt(t), t.calendar.balanceDate && t.calendar.balanceDate(t), t.year < 1 && (t.year = 1, t.month = 1, t.day = 1);
+  let o = t.calendar.getYearsInEra(t);
+  if (t.year > o) {
+    var i, n;
+    let s = (i = (n = t.calendar).isInverseEra) === null || i === void 0 ? void 0 : i.call(n, t);
+    t.year = o, t.month = s ? 1 : t.calendar.getMonthsInYear(t), t.day = s ? 1 : t.calendar.getDaysInMonth(t);
+  }
+  t.month < 1 && (t.month = 1, t.day = 1);
+  let l = t.calendar.getMonthsInYear(t);
+  return t.month > l && (t.month = l, t.day = t.calendar.getDaysInMonth(t)), t.day = Math.max(1, Math.min(t.calendar.getDaysInMonth(t), t.day)), t;
+}
+function De(r, e) {
+  var t, a;
+  !((t = (a = r.calendar).isInverseEra) === null || t === void 0) && t.call(a, r) && (e = -e), r.year += e;
+}
+function Me(r) {
+  for (; r.month < 1; )
+    De(r, -1), r.month += r.calendar.getMonthsInYear(r);
+  let e = 0;
+  for (; r.month > (e = r.calendar.getMonthsInYear(r)); )
+    r.month -= e, De(r, 1);
+}
+function Jt(r) {
+  for (; r.day < 1; )
+    r.month--, Me(r), r.day += r.calendar.getDaysInMonth(r);
+  for (; r.day > r.calendar.getDaysInMonth(r); )
+    r.day -= r.calendar.getDaysInMonth(r), r.month++, Me(r);
+}
+function ot(r) {
+  r.month = Math.max(1, Math.min(r.calendar.getMonthsInYear(r), r.month)), r.day = Math.max(1, Math.min(r.calendar.getDaysInMonth(r), r.day));
+}
+function Z(r) {
+  r.calendar.constrainDate && r.calendar.constrainDate(r), r.year = Math.max(1, Math.min(r.calendar.getYearsInEra(r), r.year)), ot(r);
+}
+function Ce(r) {
+  let e = {};
+  for (let t in r) typeof r[t] == "number" && (e[t] = -r[t]);
+  return e;
+}
+function it(r, e) {
+  return ue(r, Ce(e));
+}
+function Te(r, e) {
+  let t = r.copy();
+  return e.era != null && (t.era = e.era), e.year != null && (t.year = e.year), e.month != null && (t.month = e.month), e.day != null && (t.day = e.day), Z(t), t;
+}
+function ee(r, e) {
+  let t = r.copy();
+  return e.hour != null && (t.hour = e.hour), e.minute != null && (t.minute = e.minute), e.second != null && (t.second = e.second), e.millisecond != null && (t.millisecond = e.millisecond), nt(t), t;
+}
+function Kt(r) {
+  r.second += Math.floor(r.millisecond / 1e3), r.millisecond = oe(r.millisecond, 1e3), r.minute += Math.floor(r.second / 60), r.second = oe(r.second, 60), r.hour += Math.floor(r.minute / 60), r.minute = oe(r.minute, 60);
+  let e = Math.floor(r.hour / 24);
+  return r.hour = oe(r.hour, 24), e;
+}
+function nt(r) {
+  r.millisecond = Math.max(0, Math.min(r.millisecond, 1e3)), r.second = Math.max(0, Math.min(r.second, 59)), r.minute = Math.max(0, Math.min(r.minute, 59)), r.hour = Math.max(0, Math.min(r.hour, 23));
+}
+function oe(r, e) {
+  let t = r % e;
+  return t < 0 && (t += e), t;
+}
+function lt(r, e) {
+  return r.hour += e.hours || 0, r.minute += e.minutes || 0, r.second += e.seconds || 0, r.millisecond += e.milliseconds || 0, Kt(r);
+}
+function st(r, e) {
+  let t = r.copy();
+  return lt(t, e), t;
+}
+function Qt(r, e) {
+  return st(r, Ce(e));
+}
+function Pe(r, e, t, a) {
+  let o = r.copy();
+  switch (e) {
+    case "era": {
+      let l = r.calendar.getEras(), s = l.indexOf(r.era);
+      if (s < 0) throw new Error("Invalid era: " + r.era);
+      s = V(s, t, 0, l.length - 1, a == null ? void 0 : a.round), o.era = l[s], Z(o);
+      break;
+    }
+    case "year":
+      var i, n;
+      !((i = (n = o.calendar).isInverseEra) === null || i === void 0) && i.call(n, o) && (t = -t), o.year = V(r.year, t, -1 / 0, 9999, a == null ? void 0 : a.round), o.year === -1 / 0 && (o.year = 1), o.calendar.balanceYearMonth && o.calendar.balanceYearMonth(o, r);
+      break;
+    case "month":
+      o.month = V(r.month, t, 1, r.calendar.getMonthsInYear(r), a == null ? void 0 : a.round);
+      break;
+    case "day":
+      o.day = V(r.day, t, 1, r.calendar.getDaysInMonth(r), a == null ? void 0 : a.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + e);
+  }
+  return r.calendar.balanceDate && r.calendar.balanceDate(o), Z(o), o;
+}
+function Ve(r, e, t, a) {
+  let o = r.copy();
+  switch (e) {
+    case "hour": {
+      let i = r.hour, n = 0, l = 23;
+      if ((a == null ? void 0 : a.hourCycle) === 12) {
+        let s = i >= 12;
+        n = s ? 12 : 0, l = s ? 23 : 11;
+      }
+      o.hour = V(i, t, n, l, a == null ? void 0 : a.round);
+      break;
+    }
+    case "minute":
+      o.minute = V(r.minute, t, 0, 59, a == null ? void 0 : a.round);
+      break;
+    case "second":
+      o.second = V(r.second, t, 0, 59, a == null ? void 0 : a.round);
+      break;
+    case "millisecond":
+      o.millisecond = V(r.millisecond, t, 0, 999, a == null ? void 0 : a.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + e);
+  }
+  return o;
+}
+function V(r, e, t, a, o = !1) {
+  if (o) {
+    r += Math.sign(e), r < t && (r = a);
+    let i = Math.abs(e);
+    e > 0 ? r = Math.ceil(r / i) * i : r = Math.floor(r / i) * i, r > a && (r = t);
+  } else
+    r += e, r < t ? r = a - (t - r - 1) : r > a && (r = t + (r - a - 1));
+  return r;
+}
+function dt(r, e) {
+  let t;
+  if (e.years != null && e.years !== 0 || e.months != null && e.months !== 0 || e.weeks != null && e.weeks !== 0 || e.days != null && e.days !== 0) {
+    let o = ue($(r), {
+      years: e.years,
+      months: e.months,
+      weeks: e.weeks,
+      days: e.days
+    });
+    t = T(o, r.timeZone);
+  } else
+    t = j(r) - r.offset;
+  t += e.milliseconds || 0, t += (e.seconds || 0) * 1e3, t += (e.minutes || 0) * 6e4, t += (e.hours || 0) * 36e5;
+  let a = P(t, r.timeZone);
+  return _(a, r.calendar);
+}
+function Xt(r, e) {
+  return dt(r, Ce(e));
+}
+function er(r, e, t, a) {
+  switch (e) {
+    case "hour": {
+      let o = 0, i = 23;
+      if ((a == null ? void 0 : a.hourCycle) === 12) {
+        let v = r.hour >= 12;
+        o = v ? 12 : 0, i = v ? 23 : 11;
+      }
+      let n = $(r), l = _(ee(n, {
+        hour: o
+      }), new W()), s = [
+        T(l, r.timeZone, "earlier"),
+        T(l, r.timeZone, "later")
+      ].filter((v) => P(v, r.timeZone).day === l.day)[0], c = _(ee(n, {
+        hour: i
+      }), new W()), m = [
+        T(c, r.timeZone, "earlier"),
+        T(c, r.timeZone, "later")
+      ].filter((v) => P(v, r.timeZone).day === c.day).pop(), u = j(r) - r.offset, h = Math.floor(u / J), p = u % J;
+      return u = V(h, t, Math.floor(s / J), Math.floor(m / J), a == null ? void 0 : a.round) * J + p, _(P(u, r.timeZone), r.calendar);
+    }
+    case "minute":
+    case "second":
+    case "millisecond":
+      return Ve(r, e, t, a);
+    case "era":
+    case "year":
+    case "month":
+    case "day": {
+      let o = Pe($(r), e, t, a), i = T(o, r.timeZone);
+      return _(P(i, r.timeZone), r.calendar);
+    }
+    default:
+      throw new Error("Unsupported field " + e);
+  }
+}
+function tr(r, e, t) {
+  let a = $(r), o = ee(Te(a, e), e);
+  if (o.compare(a) === 0) return r;
+  let i = T(o, r.timeZone, t);
+  return _(P(i, r.timeZone), r.calendar);
+}
+const rr = /^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})$/, ar = /^([+-]\d{6}|\d{4})-(\d{2})-(\d{2})(?:T(\d{2}))?(?::(\d{2}))?(?::(\d{2}))?(\.\d+)?(?:(?:([+-]\d{2})(?::?(\d{2}))?)|Z)$/;
+function Q(r) {
+  let e = r.match(rr);
+  if (!e) throw new Error("Invalid ISO 8601 date string: " + r);
+  let t = new F(M(e[1], 0, 9999), M(e[2], 1, 12), 1);
+  return t.day = M(e[3], 0, t.calendar.getDaysInMonth(t)), t;
+}
+function fe(r, e) {
+  let t = r.match(ar);
+  if (!t) throw new Error("Invalid ISO 8601 date time string: " + r);
+  let a = M(t[1], -9999, 9999), o = a < 1 ? "BC" : "AD", i = new U(o, a < 1 ? -a + 1 : a, M(t[2], 1, 12), 1, e, 0, t[4] ? M(t[4], 0, 23) : 0, t[5] ? M(t[5], 0, 59) : 0, t[6] ? M(t[6], 0, 59) : 0, t[7] ? M(t[7], 0, 1 / 0) * 1e3 : 0);
+  i.day = M(t[3], 0, i.calendar.getDaysInMonth(i));
+  var n;
+  return t[8] && (i.offset = M(t[8], -23, 23) * 36e5 + M((n = t[9]) !== null && n !== void 0 ? n : "0", 0, 59) * 6e4), at(i, e);
+}
+function M(r, e, t) {
+  let a = Number(r);
+  if (a < e || a > t) throw new RangeError(`Value out of range: ${e} <= ${a} <= ${t}`);
+  return a;
+}
+function ct(r) {
+  return `${String(r.hour).padStart(2, "0")}:${String(r.minute).padStart(2, "0")}:${String(r.second).padStart(2, "0")}${r.millisecond ? String(r.millisecond / 1e3).slice(1) : ""}`;
+}
+function ut(r) {
+  let e = _(r, new W()), t;
+  return e.era === "BC" ? t = e.year === 1 ? "0000" : "-" + String(Math.abs(1 - e.year)).padStart(6, "00") : t = String(e.year).padStart(4, "0"), `${t}-${String(e.month).padStart(2, "0")}-${String(e.day).padStart(2, "0")}`;
+}
+function mt(r) {
+  return `${ut(r)}T${ct(r)}`;
+}
+function or(r) {
+  let e = Math.sign(r) < 0 ? "-" : "+";
+  r = Math.abs(r);
+  let t = Math.floor(r / 36e5), a = r % 36e5 / 6e4;
+  return `${e}${String(t).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+}
+function ir(r) {
+  return `${mt(r)}${or(r.offset)}[${r.timeZone}]`;
+}
+function nr(r, e) {
+  if (e.has(r))
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function me(r, e, t) {
+  nr(r, e), e.set(r, t);
+}
+function Ie(r) {
+  let e = typeof r[0] == "object" ? r.shift() : new W(), t;
+  if (typeof r[0] == "string") t = r.shift();
+  else {
+    let n = e.getEras();
+    t = n[n.length - 1];
+  }
+  let a = r.shift(), o = r.shift(), i = r.shift();
+  return [
+    e,
+    t,
+    a,
+    o,
+    i
+  ];
+}
+var lr = /* @__PURE__ */ new WeakMap();
+class F {
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new F(this.calendar, this.era, this.year, this.month, this.day) : new F(this.calendar, this.year, this.month, this.day);
+  }
+  /** Returns a new `CalendarDate` with the given duration added to it. */
+  add(e) {
+    return ue(this, e);
+  }
+  /** Returns a new `CalendarDate` with the given duration subtracted from it. */
+  subtract(e) {
+    return it(this, e);
+  }
+  /** Returns a new `CalendarDate` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(e) {
+    return Te(this, e);
+  }
+  /**
+  * Returns a new `CalendarDate` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(e, t, a) {
+    return Pe(this, e, t, a);
+  }
+  /** Converts the date to a native JavaScript Date object, with the time set to midnight in the given time zone. */
+  toDate(e) {
+    return rt(this, e);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return ut(this);
+  }
+  /** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
+  compare(e) {
+    return Je(this, e);
+  }
+  constructor(...e) {
+    me(this, lr, {
+      writable: !0,
+      value: void 0
+    });
+    let [t, a, o, i, n] = Ie(e);
+    this.calendar = t, this.era = a, this.year = o, this.month = i, this.day = n, Z(this);
+  }
+}
+var sr = /* @__PURE__ */ new WeakMap();
+let dr = class ht {
+  /** Returns a copy of this time. */
+  copy() {
+    return new ht(this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `Time` with the given duration added to it. */
+  add(e) {
+    return st(this, e);
+  }
+  /** Returns a new `Time` with the given duration subtracted from it. */
+  subtract(e) {
+    return Qt(this, e);
+  }
+  /** Returns a new `Time` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(e) {
+    return ee(this, e);
+  }
+  /**
+  * Returns a new `Time` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(e, t, a) {
+    return Ve(this, e, t, a);
+  }
+  /** Converts the time to an ISO 8601 formatted string. */
+  toString() {
+    return ct(this);
+  }
+  /** Compares this time with another. A negative result indicates that this time is before the given one, and a positive time indicates that it is after. */
+  compare(e) {
+    return Ke(this, e);
+  }
+  constructor(e = 0, t = 0, a = 0, o = 0) {
+    me(this, sr, {
+      writable: !0,
+      value: void 0
+    }), this.hour = e, this.minute = t, this.second = a, this.millisecond = o, nt(this);
+  }
+};
+var cr = /* @__PURE__ */ new WeakMap();
+class I {
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new I(this.calendar, this.era, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond) : new I(this.calendar, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration added to it. */
+  add(e) {
+    return ue(this, e);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration subtracted from it. */
+  subtract(e) {
+    return it(this, e);
+  }
+  /** Returns a new `CalendarDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(e) {
+    return Te(ee(this, e), e);
+  }
+  /**
+  * Returns a new `CalendarDateTime` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(e, t, a) {
+    switch (e) {
+      case "era":
+      case "year":
+      case "month":
+      case "day":
+        return Pe(this, e, t, a);
+      default:
+        return Ve(this, e, t, a);
+    }
+  }
+  /** Converts the date to a native JavaScript Date object in the given time zone. */
+  toDate(e, t) {
+    return rt(this, e, t);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return mt(this);
+  }
+  /** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
+  compare(e) {
+    let t = Je(this, e);
+    return t === 0 ? Ke(this, $(e)) : t;
+  }
+  constructor(...e) {
+    me(this, cr, {
+      writable: !0,
+      value: void 0
+    });
+    let [t, a, o, i, n] = Ie(e);
+    this.calendar = t, this.era = a, this.year = o, this.month = i, this.day = n, this.hour = e.shift() || 0, this.minute = e.shift() || 0, this.second = e.shift() || 0, this.millisecond = e.shift() || 0, Z(this);
+  }
+}
+var ur = /* @__PURE__ */ new WeakMap();
+class U {
+  /** Returns a copy of this date. */
+  copy() {
+    return this.era ? new U(this.calendar, this.era, this.year, this.month, this.day, this.timeZone, this.offset, this.hour, this.minute, this.second, this.millisecond) : new U(this.calendar, this.year, this.month, this.day, this.timeZone, this.offset, this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `ZonedDateTime` with the given duration added to it. */
+  add(e) {
+    return dt(this, e);
+  }
+  /** Returns a new `ZonedDateTime` with the given duration subtracted from it. */
+  subtract(e) {
+    return Xt(this, e);
+  }
+  /** Returns a new `ZonedDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(e, t) {
+    return tr(this, e, t);
+  }
+  /**
+  * Returns a new `ZonedDateTime` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(e, t, a) {
+    return er(this, e, t, a);
+  }
+  /** Converts the date to a native JavaScript Date object. */
+  toDate() {
+    return Gt(this);
+  }
+  /** Converts the date to an ISO 8601 formatted string, including the UTC offset and time zone identifier. */
+  toString() {
+    return ir(this);
+  }
+  /** Converts the date to an ISO 8601 formatted string in UTC. */
+  toAbsoluteString() {
+    return this.toDate().toISOString();
+  }
+  /** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
+  compare(e) {
+    return this.toDate().getTime() - A(e, this.timeZone).toDate().getTime();
+  }
+  constructor(...e) {
+    me(this, ur, {
+      writable: !0,
+      value: void 0
+    });
+    let [t, a, o, i, n] = Ie(e), l = e.shift(), s = e.shift();
+    this.calendar = t, this.era = a, this.year = o, this.month = i, this.day = n, this.timeZone = l, this.offset = s, this.hour = e.shift() || 0, this.minute = e.shift() || 0, this.second = e.shift() || 0, this.millisecond = e.shift() || 0, Z(this);
+  }
+}
+let ze = /* @__PURE__ */ new Map();
+class $e {
+  /** Formats a date as a string according to the locale and format options passed to the constructor. */
+  format(e) {
+    return this.formatter.format(e);
+  }
+  /** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */
+  formatToParts(e) {
+    return this.formatter.formatToParts(e);
+  }
+  /** Formats a date range as a string. */
+  formatRange(e, t) {
+    if (typeof this.formatter.formatRange == "function")
+      return this.formatter.formatRange(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    return `${this.formatter.format(e)} – ${this.formatter.format(t)}`;
+  }
+  /** Formats a date range as an array of parts. */
+  formatRangeToParts(e, t) {
+    if (typeof this.formatter.formatRangeToParts == "function")
+      return this.formatter.formatRangeToParts(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    let a = this.formatter.formatToParts(e), o = this.formatter.formatToParts(t);
+    return [
+      ...a.map((i) => ({
+        ...i,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...o.map((i) => ({
+        ...i,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let e = this.formatter.resolvedOptions();
+    return pr() && (this.resolvedHourCycle || (this.resolvedHourCycle = vr(e.locale, this.options)), e.hourCycle = this.resolvedHourCycle, e.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12"), e.calendar === "ethiopic-amete-alem" && (e.calendar = "ethioaa"), e;
+  }
+  constructor(e, t = {}) {
+    this.formatter = pt(e, t), this.options = t;
+  }
+}
+const mr = {
+  true: {
+    // Only Japanese uses the h11 style for 12 hour time. All others use h12.
+    ja: "h11"
+  },
+  false: {}
+};
+function pt(r, e = {}) {
+  if (typeof e.hour12 == "boolean" && hr()) {
+    e = {
+      ...e
+    };
+    let o = mr[String(e.hour12)][r.split("-")[0]], i = e.hour12 ? "h12" : "h23";
+    e.hourCycle = o ?? i, delete e.hour12;
+  }
+  let t = r + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : "");
+  if (ze.has(t)) return ze.get(t);
+  let a = new Intl.DateTimeFormat(r, e);
+  return ze.set(t, a), a;
+}
+let ye = null;
+function hr() {
+  return ye == null && (ye = new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    hour12: !1
+  }).format(new Date(2020, 2, 3, 0)) === "24"), ye;
+}
+let ke = null;
+function pr() {
+  return ke == null && (ke = new Intl.DateTimeFormat("fr", {
+    hour: "numeric",
+    hour12: !1
+  }).resolvedOptions().hourCycle === "h12"), ke;
+}
+function vr(r, e) {
+  if (!e.timeStyle && !e.hour) return;
+  r = r.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, ""), r += (r.includes("-u-") ? "" : "-u") + "-nu-latn";
+  let t = pt(r, {
+    ...e,
+    timeZone: void 0
+    // use local timezone
+  }), a = parseInt(t.formatToParts(new Date(2020, 2, 3, 0)).find((i) => i.type === "hour").value, 10), o = parseInt(t.formatToParts(new Date(2020, 2, 3, 23)).find((i) => i.type === "hour").value, 10);
+  if (a === 0 && o === 23) return "h23";
+  if (a === 24 && o === 23) return "h24";
+  if (a === 0 && o === 11) return "h11";
+  if (a === 12 && o === 11) return "h12";
+  throw new Error("Unexpected hour cycle result");
+}
+const gr = ':host{inline-size:var(--luzmo-calendar-width, var(--calendar-width));display:inline-block}.header{inline-size:100%;align-items:center;display:flex}.title{color:var(--highcontrast-calendar-date-text-color, var(--luzmo-calendar-date-text-color, var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size, var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight, var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height, var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color, var(--luzmo-calendar-button-icon-color, var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color, var(--luzmo-calendar-day-title-text-color, var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size, var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight, var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{text-decoration:underline;letter-spacing:var(--luzmo-calendar-title-text-letter-spacing, var(--calendar-title-text-letter-spacing));border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size, var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han, var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius, var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size, var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width, var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected, var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight, var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset, var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height, var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset, var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width, var(--calendar-day-width)) + var(--luzmo-calendar-day-padding, var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected, var(--calendar-day-text-font-weight-cap-selected))}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height, var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));content:"";display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding, var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding, var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width, var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color, var(--luzmo-calendar-day-text-color, var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down, var(--luzmo-calendar-day-background-color-down, var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected, var(--luzmo-calendar-day-border-color-cap-selected, var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color, var(--luzmo-calendar-day-today-text-color, var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color, var(--luzmo-calendar-day-today-background-color, var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color, var(--luzmo-calendar-day-today-border-color, var(--calendar-day-today-border-color)))}@media (hover: hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover, var(--luzmo-calendar-day-text-color-hover, var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover, var(--luzmo-calendar-day-background-color-hover, var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover, var(--luzmo-calendar-day-today-background-color-selected-hover, var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled, var(--luzmo-calendar-day-today-text-color-disabled, var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled, var(--luzmo-calendar-day-today-border-color-disabled, var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus, var(--luzmo-calendar-day-background-color-key-focus, var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus, var(--luzmo-calendar-day-text-color-key-focus, var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected, var(--luzmo-calendar-day-text-color-selected, var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected, var(--luzmo-calendar-day-background-color-cap-selected, var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-cap-selected-focus, var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover, var(--luzmo-calendar-day-background-color-selected-hover, var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus, var(--luzmo-calendar-day-border-color-key-focus, var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected, var(--luzmo-calendar-day-text-color-cap-selected, var(--calendar-day-text-color-cap-selected)))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-selected, var(--luzmo-calendar-day-background-color-selected, var(--calendar-day-background-color-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled, var(--luzmo-calendar-day-text-color-disabled, var(--calendar-day-text-color-disabled)))}@media (forced-colors: active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color: ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected: Highlight;--highcontrast-calendar-day-background-color-down: ButtonFace;--highcontrast-calendar-day-background-color-hover: Transparent;--highcontrast-calendar-day-background-color-key-focus: ButtonFace;--highcontrast-calendar-day-background-color-selected-hover: Transparent;--highcontrast-calendar-day-background-color-selected: Highlight;--highcontrast-calendar-day-border-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-cap-selected: HighlightText;--highcontrast-calendar-day-text-color-disabled: GrayText;--highcontrast-calendar-day-text-color-hover: ButtonText;--highcontrast-calendar-day-text-color-key-focus: ButtonText;--highcontrast-calendar-day-text-color-selected: HighlightText;--highcontrast-calendar-day-text-color: CanvasText;--highcontrast-calendar-date-text-color: CanvasText;--highcontrast-calendar-day-title-text-color: CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover: Highlight;--highcontrast-calendar-day-today-border-color-disabled: GrayText;--highcontrast-calendar-day-today-border-color: ButtonText;--highcontrast-calendar-day-today-text-color-disabled: GrayText;--highcontrast-calendar-day-today-text-color: ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:HighlightText}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{background:Highlight;color:HighlightText}}:host{--calendar-background-color: var(--luzmo-background-color-white)}:host{font-family:var(--luzmo-font-family);--calendar-day-width: var(--luzmo-component-height);--calendar-day-height: var(--luzmo-component-height);--calendar-border-radius-reset: 0;--calendar-border-width-reset: 0;--calendar-day-border-size: var(--luzmo-border-width);--calendar-margin-y: calc(var(--luzmo-spacing) * 3);--calendar-margin-x: var(--luzmo-component-height);--calendar-day-padding: var(--luzmo-spacing-2);--calendar-width: calc( (var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7 );--calendar-title-text-letter-spacing: .06em;--calendar-day-title-text-font-weight: bold;--calendar-day-title-text-color: var(--luzmo-font-color-disabled);--calendar-title-height: var(--luzmo-component-height);--calendar-title-font-weight: bold;--calendar-title-text-size: var(--luzmo-font-size);--calendar-day-title-text-size: var(--luzmo-font-size);--calendar-day-text-size-han: var(--luzmo-font-size);--calendar-date-text-color: var(--luzmo-font-color);--calendar-day-text-color: var(--luzmo-font-color);--calendar-day-text-size: var(--luzmo-font-size);--calendar-day-border-radius: var(--luzmo-border-radius);--calendar-day-text-color-selected: var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover: var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected: var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected: var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus: var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected: var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected: var(--bold-font-weight);--calendar-day-today-text-color: var(--luzmo-primary);--calendar-day-today-background-color: var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight: normal;--calendar-day-today-border-color: transparent;--calendar-day-today-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled: transparent;--calendar-day-text-color-disabled: var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus: var(--luzmo-primary-down);--calendar-day-background-color-cap-selected: var(--luzmo-primary);--calendar-button-icon-color: var(--luzmo-font-color)}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width: var(--luzmo-component-height-s);--calendar-day-height: var(--luzmo-component-height-s);--calendar-day-border-radius: var(--luzmo-border-radius-s);--calendar-title-height: var(--luzmo-component-height-s);--calendar-title-text-size: var(--luzmo-font-size-s);--calendar-day-title-text-size: var(--luzmo-font-size-s);--calendar-day-text-size-han: var(--luzmo-font-size-s);--calendar-day-text-size: var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width: var(--luzmo-component-height-l);--calendar-day-height: var(--luzmo-component-height-l);--calendar-day-border-radius: var(--luzmo-border-radius-l);--calendar-title-height: var(--luzmo-component-height-l);--calendar-title-text-size: var(--luzmo-font-size-l);--calendar-day-title-text-size: var(--luzmo-font-size-l);--calendar-day-text-size-han: var(--luzmo-font-size-l);--calendar-day-text-size: var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width: var(--luzmo-component-height-xl);--calendar-day-height: var(--luzmo-component-height-xl);--calendar-day-border-radius: var(--luzmo-border-radius-xl);--calendar-title-height: var(--luzmo-component-height-xl);--calendar-title-text-size: var(--luzmo-font-size-xl);--calendar-day-title-text-size: var(--luzmo-font-size-xl);--calendar-day-text-size-han: var(--luzmo-font-size-xl);--calendar-day-text-size: var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width, var(--calendar-day-width))}';
+var br = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, D = (r, e, t, a) => {
+  for (var o = a > 1 ? void 0 : a ? fr(e, t) : e, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (o = (a ? n(e, t, o) : n(o)) || o);
+  return a && o && br(e, t, o), o;
+};
+const Ue = 7;
+let x = class extends de(He, {
+  validSizes: ["s", "m", "l", "xl"],
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(), this.disabled = !1, this.labels = {
+      previous: "Previous",
+      next: "Next",
+      today: "Today",
+      selected: "Selected"
+    }, this.currentDate = this.today, this.timeZone = R(), this.weekdays = [], this.currentMonthDates = [], this._isDateFocusIntent = !1, this.numberFormatter = new le(this._language), this.setNumberFormatter(), this.setWeekdays(), this.setCurrentMonthDates();
+  }
+  /**
+   * The styles of the calendar
+   * @internal
+   */
+  static get styles() {
+    return [se(gr)];
+  }
+  /**
+   * The language used to format the dates and weekdays.
+   * @internal
+   */
+  get _language() {
+    try {
+      return this.language ? new Intl.Locale(this.language).language : "en";
+    } catch {
+      return "en";
+    }
+  }
+  /**
+   * The current date in the calendar
+   * @internal
+   */
+  get today() {
+    return Ut(this.timeZone);
+  }
+  set isDateFocusIntent(e) {
+    this._isDateFocusIntent !== e && (this._isDateFocusIntent = e, this.requestUpdate("isDateFocusIntent", !e));
+  }
+  /**
+   * @internal
+   */
+  get isDateFocusIntent() {
+    return this._isDateFocusIntent;
+  }
+  setDateFocusIntent() {
+    this.isDateFocusIntent = !0;
+  }
+  resetDateFocusIntent() {
+    this.isDateFocusIntent = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("mousedown", this.resetDateFocusIntent);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("mousedown", this.resetDateFocusIntent);
+  }
+  /**
+   * Resets the component's value
+   */
+  clear() {
+    this._value = void 0;
+  }
+  willUpdate(e) {
+    e.has("language") && (this.setNumberFormatter(), this.setWeekdays(), this.setCurrentMonthDates());
+    const t = e.has("min"), a = e.has("max"), o = e.has("value");
+    (t || a || o) && (this.convertToCalendarDates(), this.checkDatePropsCompliance(t || a), this.updateCurrentDate());
+    const i = e.get("currentDate");
+    e.has("currentDate") && (!i || !O(i, this.currentDate)) && (this.setCurrentMonthDates(), this.setAttribute("aria-label", this.monthAndYear));
+  }
+  updated(e) {
+    e.has("currentDate") && this.isDateFocusIntent && this.focusCurrentDate();
+  }
+  /**
+   * Focuses the tabbable day element in the calendar represented by the current date.
+   * Useful while navigating through the calendar as the focus might be lost when the month changes.
+   */
+  focusCurrentDate() {
+    var e;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(
+      'td span[tabindex="0"]'
+    );
+    t && t.focus();
+  }
+  convertToCalendarDates() {
+    this._min = this.min ? Q(this.min) : void 0, this._max = this.max ? Q(this.max) : void 0, this._value = this.value ? Q(this.value) : void 0;
+    const e = "AD";
+    this._min = this._min && L(this._min).set({ era: e }), this._max = this._max && L(this._max).set({ era: e }), this._value = this._value && L(this._value).set({ era: e });
+  }
+  /**
+   * Validates the component's date properties (min, max and value) compliance with one another.
+   * If the [min, max] constraint interval is invalid, both properties are reset.
+   * If the value is not within the [min, max] (valid) interval, it is reset.
+   *
+   * @param checkInterval - Whether to check the [min, max] interval
+   */
+  checkDatePropsCompliance(e) {
+    e && this._min && this._max && (this._min.compare(this._max) < 0 || (console.warn && console.warn(
+      this,
+      `<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`
+    ), this._min = void 0, this._max = void 0)), this._value && this.isNonCompliantDate(this._value) && (console.warn && console.warn(
+      this,
+      `<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`
+    ), this._value = void 0);
+  }
+  updateCurrentDate() {
+    if (this._value) {
+      this.currentDate = this._value;
+      return;
+    }
+    this.isNonCompliantDate(this.today) ? this._min ? this.currentDate = this._min : this._max && (this.currentDate = this._max) : this.currentDate = this.today;
+  }
+  /**
+   * Whether the date is non-compliant with the min and max constraints
+   */
+  isNonCompliantDate(e) {
+    return !!(this._min && e.compare(this._min) < 0 || this._max && e.compare(this._max) > 0);
+  }
+  render() {
+    return k` ${this.renderCalendarHeader()}${this.renderCalendarGrid()} `;
+  }
+  /**
+   * The month and year of the calendar
+   * @internal
+   */
+  get monthAndYear() {
+    return this.formatDate(this.currentDate, {
+      month: "long",
+      year: "numeric"
+    });
+  }
+  renderCalendarHeader() {
+    return k`
+      <div class="header" @focusin=${this.resetDateFocusIntent}>
+        <h2
+          class="title"
+          aria-live="polite"
+          aria-atomic="true"
+          data-test-id="calendar-title"
+        >
+          ${this.monthAndYear}
+        </h2>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.previous}
+          class="prevMonth"
+          data-test-id="prev-btn"
+          ?disabled=${this.isPreviousMonthDisabled}
+          @click=${this.handlePreviousMonth}
+        >
+          <div slot="icon">
+            <slot name="prev-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${wt}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+
+        <luzmo-action-button
+          quiet
+          size="s"
+          label=${this.labels.next}
+          class="nextMonth"
+          data-test-id="next-btn"
+          ?disabled=${this.isNextMonthDisabled}
+          @click=${this.handleNextMonth}
+        >
+          <div slot="icon">
+            <slot name="next-icon">
+              <luzmo-icon
+                block
+                .size=${this.size}
+                .icon=${Dt}
+              ></luzmo-icon>
+            </slot>
+          </div>
+        </luzmo-action-button>
+      </div>
+    `;
+  }
+  /**
+   * Whether the previous month is disabled
+   * @internal
+   */
+  get isPreviousMonthDisabled() {
+    if (this.disabled) return !0;
+    const e = B(this.currentDate), t = e.subtract({ months: 1 });
+    return e.era !== t.era || E(e, t);
+  }
+  /**
+   * Whether the next month is disabled
+   * @internal
+   */
+  get isNextMonthDisabled() {
+    if (this.disabled) return !0;
+    const e = Nt(this.currentDate), t = e.add({ months: 1 });
+    return e.era !== t.era || E(e, t);
+  }
+  handlePreviousMonth() {
+    let e = B(this.currentDate).subtract({
+      months: 1
+    });
+    this._value && O(e, this._value) ? e = this._value : O(e, this.today) && (e = this.today), this.currentDate = e;
+  }
+  handleNextMonth() {
+    let e = B(this.currentDate).add({
+      months: 1
+    });
+    this._value && O(e, this._value) ? e = this._value : O(e, this.today) && (e = this.today), this.currentDate = e;
+  }
+  renderCalendarGrid() {
+    return k`
+      <table
+        role="grid"
+        aria-readonly="true"
+        aria-disabled=${this.disabled}
+        role="presentation"
+        class="table body"
+        @keydown=${this.handleKeydown}
+      >
+        ${this.renderCalendarTableHead()} ${this.renderCalendarTableBody()}
+      </table>
+    `;
+  }
+  renderCalendarTableHead() {
+    return k`
+      <thead role="presentation">
+        <tr role="row">
+          ${this.renderWeekdayColumns()}
+        </tr>
+      </thead>
+    `;
+  }
+  renderWeekdayColumns() {
+    return this.weekdays.map((e) => this.renderWeekdayColumn(e));
+  }
+  renderWeekdayColumn(e) {
+    return k`
+      <th role="columnheader" scope="col" class="table-cell">
+        <abbr class="dayOfWeek" title=${e.long}> ${e.narrow} </abbr>
+      </th>
+    `;
+  }
+  renderCalendarTableBody() {
+    return k`
+      <tbody role="presentation">
+        ${this.renderCalendarWeeks()}
+      </tbody>
+    `;
+  }
+  renderCalendarWeeks() {
+    return this.currentMonthDates.map(
+      (e) => k`
+        <tr role="row">
+          ${this.renderDatesInWeek(e)}
+        </tr>
+      `
+    );
+  }
+  renderDatesInWeek(e) {
+    return e.map((t) => this.renderCalendarTableCell(t));
+  }
+  parseDateCellProperties(e) {
+    const t = {
+      isOutsideMonth: !1,
+      isSelected: !1,
+      isToday: !1,
+      isDisabled: !1,
+      isTabbable: !1
+    };
+    return t.isOutsideMonth = e.month !== this.currentDate.month, t.isOutsideMonth || (t.isDisabled = this.disabled || this.isMinLimitReached(e) || this.isMaxLimitReached(e), t.isToday = E(e, this.today), t.isDisabled) || (t.isTabbable = E(e, this.currentDate), t.isSelected = !!(this._value && E(this._value, e))), t;
+  }
+  renderCalendarTableCell(e) {
+    const { isOutsideMonth: t, isSelected: a, isToday: o, isDisabled: i, isTabbable: n } = this.parseDateCellProperties(e), l = {
+      date: !0,
+      "is-outsideMonth": t,
+      "is-selected": a,
+      "is-today": o,
+      "is-disabled": i
+    };
+    let s = "";
+    o ? s = `${this.labels.today}, ` : a && (s = `${this.labels.selected}, `);
+    const c = s + this.formatDate(e, {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+    return k`
+      <td role="gridcell" class="table-cell">
+        <span
+          role="button"
+          tabindex=${H(
+      t ? void 0 : n ? "0" : "-1"
+    )}
+          aria-label=${c}
+          aria-disabled=${t || i}
+          data-value=${e.toString()}
+          @mousedown=${this.handleDaySelect}
+        >
+          <span role="presentation" class=${_e(l)}>
+            ${this.formatNumber(e.day)}
+          </span>
+        </span>
+      </td>
+    `;
+  }
+  handleKeydown(e) {
+    switch (this.setDateFocusIntent(), e.code) {
+      case "ArrowLeft": {
+        this.moveToPreviousDay();
+        break;
+      }
+      case "ArrowDown": {
+        this.moveToNextWeek();
+        break;
+      }
+      case "ArrowRight": {
+        this.moveToNextDay();
+        break;
+      }
+      case "ArrowUp": {
+        this.moveToPreviousWeek();
+        break;
+      }
+      case "Space":
+      case "Enter": {
+        this.handleDaySelect(e);
+        break;
+      }
+    }
+  }
+  handleDaySelect(e) {
+    if (this.disabled) {
+      e.preventDefault();
+      return;
+    }
+    const t = e.target.closest(
+      'span[role="button"]'
+    ), a = t && t.dataset.value;
+    if (!a) return;
+    const o = Q(a);
+    if (this._value && E(this._value, o) || this.isMinLimitReached(o) || this.isMaxLimitReached(o)) {
+      e.preventDefault();
+      return;
+    }
+    this._value = o, this.value = o.toString(), this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          value: this.value
+        }
+      })
+    );
+  }
+  moveToPreviousDay() {
+    const e = this.currentDate.subtract({ days: 1 });
+    this.canMoveBackToDate(e) && (this.currentDate = e);
+  }
+  moveToNextDay() {
+    const e = this.currentDate.add({ days: 1 });
+    this.canMoveForwardToDate(e) && (this.currentDate = e);
+  }
+  moveToPreviousWeek() {
+    const e = this.currentDate.subtract({ weeks: 1 });
+    if (this.canMoveBackToDate(e)) {
+      this.currentDate = e;
+      return;
+    }
+    let t = e.add({ days: 1 });
+    for (; !this.canMoveBackToDate(t); )
+      t = t.add({ days: 1 });
+    this.currentDate = t;
+  }
+  moveToNextWeek() {
+    const e = this.currentDate.add({ weeks: 1 });
+    if (this.canMoveForwardToDate(e)) {
+      this.currentDate = e;
+      return;
+    }
+    let t = e.subtract({ days: 1 });
+    for (; !this.canMoveForwardToDate(t); )
+      t = t.subtract({ days: 1 });
+    this.currentDate = t;
+  }
+  canMoveBackToDate(e) {
+    return this.isMinLimitReached(e) ? !1 : O(this.currentDate, e) || !this.isPreviousMonthDisabled;
+  }
+  canMoveForwardToDate(e) {
+    return this.isMaxLimitReached(e) ? !1 : O(this.currentDate, e) || !this.isNextMonthDisabled;
+  }
+  /**
+   * Defines the array with data for the days of the week, starting on the first day of the week according to the
+   * defined location (Sunday, Monday, etc.)
+   */
+  setWeekdays() {
+    const e = Oe(this.currentDate, this._language);
+    this.weekdays = [...Array.from({ length: Ue }).keys()].map(
+      (t) => {
+        const a = e.add({ days: t });
+        return {
+          narrow: this.formatDate(a, { weekday: "narrow" }),
+          long: this.formatDate(a, { weekday: "long" })
+        };
+      }
+    );
+  }
+  /**
+   * Defines the 2D-array with the dates of the current month
+   */
+  setCurrentMonthDates() {
+    const e = Yt(this.currentDate, this._language), t = Array.from({
+      length: e
+    });
+    for (const a of Array.from({ length: e }).keys())
+      t[a] = this.getDatesInWeek(
+        this.currentDate,
+        a
+      );
+    this.currentMonthDates = t;
+  }
+  /**
+   * Returns an array with all days of the week in a specific month, corresponding to the given index,
+   * starting with the first day of the week according to the language
+   *
+   * @param weekIndex - The index of the week
+   */
+  getDatesInWeek(e, t) {
+    const a = [];
+    let o = Oe(
+      B(e).add({
+        weeks: t
+      }),
+      this._language
+    );
+    for (; a.length < Ue; ) {
+      a.push(o);
+      const i = o.add({ days: 1 });
+      if (E(o, i)) break;
+      o = i;
+    }
+    return a;
+  }
+  isMinLimitReached(e) {
+    return !!(this._min && e.compare(this._min) < 0);
+  }
+  isMaxLimitReached(e) {
+    return !!(this._max && e.compare(this._max) > 0);
+  }
+  /**
+   * Formats a `CalendarDate` object using the current language and the provided date format options
+   *
+   * @param calendarDate - The `CalendarDate` object that will be formatted
+   * @param options - All date format options that will be used by the formatter
+   */
+  formatDate(e, t) {
+    return new $e(this._language, t).format(
+      e.toDate(this.timeZone)
+    );
+  }
+  setNumberFormatter() {
+    this.numberFormatter = new le(this._language);
+  }
+  formatNumber(e) {
+    return this.numberFormatter.format(e);
+  }
+};
+D([
+  g({ type: String })
+], x.prototype, "value", 2);
+D([
+  g({ type: String })
+], x.prototype, "min", 2);
+D([
+  g({ type: String })
+], x.prototype, "max", 2);
+D([
+  g({ type: Boolean, reflect: !0 })
+], x.prototype, "disabled", 2);
+D([
+  g({ type: String, reflect: !0 })
+], x.prototype, "language", 2);
+D([
+  g({ type: Object })
+], x.prototype, "labels", 2);
+D([
+  S()
+], x.prototype, "currentDate", 2);
+D([
+  S()
+], x.prototype, "_value", 2);
+D([
+  S()
+], x.prototype, "_min", 2);
+D([
+  S()
+], x.prototype, "_max", 2);
+D([
+  S()
+], x.prototype, "weekdays", 2);
+D([
+  S()
+], x.prototype, "currentMonthDates", 2);
+D([
+  S()
+], x.prototype, "isDateFocusIntent", 1);
+customElements.get("luzmo-calendar") || customElements.define("luzmo-calendar", x);
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const zr = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
+  }
+};
+zr();
+const yr = "@media (hover: hover){.root:hover{--picker-button-background-color: var( --luzmo-picker-button-background-color-hover, var(--picker-button-background-color-hover) );--picker-button-font-color: var( --luzmo-picker-button-font-color-hover, var(--picker-button-font-color-hover) );--picker-button-icon-color: var( --luzmo-picker-button-icon-color-hover, var(--picker-button-icon-color-hover) )}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color: var( --luzmo-picker-button-background-color-down, var(--picker-button-background-color-down) );--picker-button-font-color: var( --luzmo-picker-button-font-color-down, var(--picker-button-font-color-down) );--picker-button-icon-color: var( --luzmo-picker-button-icon-color-down, var(--picker-button-icon-color-down) )}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color: var( --luzmo-picker-button-background-color-key-focus, var(--picker-button-background-color-key-focus) );--picker-button-font-color: var( --luzmo-picker-button-font-color-key-focus, var(--picker-button-font-color-key-focus) );--picker-button-icon-color: var( --luzmo-picker-button-icon-color-key-focus, var(--picker-button-icon-color-key-focus) )}:host([disabled]) .root{--picker-button-background-color: var( --luzmo-picker-button-background-color-disabled, var(--luzmo-background-color-disabled) );--picker-button-background-color-hover: var( --luzmo-picker-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--picker-button-background-color-down: var( --luzmo-picker-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--picker-button-border-color: var( --luzmo-picker-button-border-color-disabled, var(--luzmo-background-color-disabled) );--picker-button-font-color: var( --luzmo-picker-button-font-color-disabled, var(--luzmo-font-color-disabled) );--picker-button-font-color-hover: var( --luzmo-picker-button-font-color-hover-disabled, var(--luzmo-font-color-disabled) );--picker-button-font-color-down: var( --luzmo-picker-button-font-color-down-disabled, var(--luzmo-font-color-disabled) );--picker-button-icon-color: var( --luzmo-picker-button-icon-color-disabled, var(--luzmo-font-color-disabled) );--picker-button-icon-color-hover: var( --luzmo-picker-button-icon-color-hover-disabled, var(--luzmo-font-color-disabled) );--picker-button-icon-color-down: var( --luzmo-picker-button-icon-color-down-disabled, var(--luzmo-font-color-disabled) )}:host([quiet]) .root{--luzmo-picker-button-background-color: var( --luzmo-picker-button-background-color-quiet, transparent );--luzmo-picker-button-background-color-hover: var( --luzmo-picker-button-background-color-hover-quiet, transparent );--luzmo-picker-button-background-color-down: var( --luzmo-picker-button-background-color-down-quiet, transparent );--luzmo-picker-button-background-color-key-focus: var( --luzmo-picker-button-background-color-key-focus-quiet, transparent );--luzmo-picker-button-border-color: var( --luzmo-picker-button-border-color-quiet, transparent )}.root{background-color:initial;block-size:var(--luzmo-picker-button-width, var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding, var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height, var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color, var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family, var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style, var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight, var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size, var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding, var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding, var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{border-color:var(--luzmo-picker-button-indicator-color, var(--picker-button-indicator-color));background-color:var(--luzmo-picker-button-background-color-key-focus, var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;block-size:100%;inline-size:100%;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap, var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color, var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color, var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width, var(--picker-button-border-width));padding:var(--luzmo-picker-button-horizontal-padding, var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration, var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius, var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius, var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius, var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius, var(--picker-button-border-radius));display:flex}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided, var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided, var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided, var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided, var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided, var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided, var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided, var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided, var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded, var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded, var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded, var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded, var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color, var(--picker-button-icon-color));flex-shrink:0}.root{--picker-button-height: var(--luzmo-component-height);--picker-button-width: var(--luzmo-component-height);--picker-button-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--picker-button-horizontal-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-button-indicator-color: var(--luzmo-indicator-color);--picker-button-icon-color: var(--luzmo-font-color);--picker-button-icon-color-hover: var(--luzmo-font-color-hover);--picker-button-icon-color-down: var(--luzmo-font-color-down);--picker-button-icon-color-key-focus: var(--luzmo-font-color-focus);--picker-button-font-color: var(--luzmo-font-color);--picker-button-font-color-hover: var(--luzmo-font-color-hover);--picker-button-font-color-down: var(--luzmo-font-color-down);--picker-button-font-color-key-focus: var(--neutral-content-color-focus);--picker-button-font-family: var(--luzmo-font-family);--picker-button-font-style: var(--luzmo-font-style);--picker-button-font-weight: var(--body-sans-serif-font-weight);--picker-button-font-size: var(--luzmo-font-size);--picker-button-border-radius-rounded: var(--luzmo-border-radius);--picker-button-background-animation-duration: var( --luzmo-animation-duration )}.root{--picker-button-background-color: var(--luzmo-background-color);--picker-button-background-color-hover: var(--luzmo-background-color-hover);--picker-button-background-color-down: var(--luzmo-background-color-down);--picker-button-background-color-key-focus: var( --luzmo-background-color-focus );--picker-button-border-color: var(--luzmo-border-color);--picker-button-border-radius: var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided: var(--luzmo-border-radius);--picker-button-border-radius-sided: 0;--picker-button-border-width: var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height: var(--luzmo-component-height-s);--picker-button-width: var(--luzmo-component-height-s);--picker-button-label-padding: var(--luzmo-spacing-2);--picker-button-font-size: var(--luzmo-font-size-s);--picker-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height: var(--luzmo-component-height-l);--picker-button-width: var(--luzmo-component-height-l);--picker-button-label-padding: var(--luzmo-spacing-3);--picker-button-font-size: var(--luzmo-font-size-l);--picker-button-horizontal-padding: var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height: var(--luzmo-component-height-xl);--picker-button-width: var(--luzmo-component-height-xl);--picker-button-label-padding: var(--luzmo-spacing-4);--picker-button-font-size: var(--luzmo-font-size-xl);--picker-button-horizontal-padding: var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}";
+var kr = Object.defineProperty, vt = (r, e, t, a) => {
+  for (var o = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (o = n(e, t, o) || o);
+  return o && kr(e, t, o), o;
+};
+let Fe = class extends de(
+  Tt(Pt, '[slot="label"]')
+) {
+  constructor() {
+    super(...arguments), this.invalid = !1, this.position = "right";
+  }
+  static get styles() {
+    return [se(yr)];
+  }
+  get hasText() {
+    return this.slotContentIsPresent;
+  }
+  render() {
+    const e = {
+      root: !0,
+      uiicononly: !this.hasText,
+      textuiicon: this.hasText
+    };
+    return k`
+      <div class=${_e(e)}>
+        <div class="luzmo-picker-button-fill">
+          <span
+            class="luzmo-picker-button-label is-placeholder"
+            ?hidden=${!this.hasText}
+          >
+            <slot name="label"></slot>
+          </span>
+          <slot name="icon">
+            <luzmo-icon
+              .icon=${Mt}
+              size=${this.size}
+              block
+              class="luzmo-picker-button-icon"
+            ></luzmo-icon>
+          </slot>
+        </div>
+      </div>
+    `;
+  }
+};
+vt([
+  g({ type: Boolean, reflect: !0 })
+], Fe.prototype, "invalid");
+vt([
+  g({ reflect: !0 })
+], Fe.prototype, "position");
+customElements.get("luzmo-picker-button") || customElements.define("luzmo-picker-button", Fe);
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const xr = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
+  }
+};
+xr();
+const d = {
+  Year: "year",
+  Month: "month",
+  Day: "day",
+  Hour: "hour",
+  Minute: "minute",
+  Second: "second",
+  Millisecond: "fractionalSecond",
+  DayPeriod: "dayPeriod",
+  Literal: "literal"
+}, wr = {
+  [d.Year]: "––––",
+  [d.Month]: "––",
+  [d.Day]: "––",
+  [d.Hour]: "––",
+  [d.Minute]: "––",
+  [d.Second]: "––",
+  [d.Millisecond]: "–––",
+  [d.DayPeriod]: "––"
+}, y = {
+  Day: "day",
+  Hour: "hour",
+  Minute: "minute",
+  Second: "second",
+  Millisecond: "millisecond"
+}, X = 0, Y = 12, gt = 2e3, Dr = 31;
+function w(r) {
+  return typeof r == "number";
+}
+function K(r) {
+  return r instanceof U;
+}
+function xe(r) {
+  return r instanceof I;
+}
+function ne(r) {
+  return r instanceof F;
+}
+function bt(r, e) {
+  return r = r % Y + e;
+}
+function ft(r) {
+  return r >= Y ? Y : X;
+}
+function Ne(r, e) {
+  return r.length === e.length && r.every((t, a) => t === e[a]);
+}
+function zt(r) {
+  return ne(r) ? new Date(r.year, r.month - 1, r.day) : new Date(
+    r.year,
+    r.month - 1,
+    r.day,
+    r.hour,
+    r.minute,
+    r.second,
+    r.millisecond
+  );
+}
+class q {
+  constructor(e, t, a) {
+    this.type = e, this.formatted = t, this.label = a, this.placeholder = wr[e];
+  }
+  increment(e) {
+    this.value === void 0 ? this.value = this.minValue : (this.value = this.value + 1, this.value > this.maxValue && (this.value = this.minValue));
+  }
+  decrement(e) {
+    this.value === void 0 ? this.value = this.maxValue : (this.value = this.value - 1, this.value < this.minValue && (this.value = this.maxValue));
+  }
+  setValueFromDate(e) {
+    this.type === "fractionalSecond" ? this.value = e.millisecond : this.type !== d.DayPeriod && (this.value = e[this.type]);
+  }
+  clear() {
+    this.value = void 0;
+  }
+  handleInput(e, t) {
+    const a = t.parse(e);
+    if (Number.isNaN(a)) return;
+    const o = t.parse(
+      `${this.value ?? ""}${a}`
+    );
+    if (this.isInputValueCompliant(o)) {
+      this.value = o;
+      return;
+    }
+    this.isInputValueCompliant(a) && (this.value = a);
+  }
+  isInputValueCompliant(e) {
+    const { minValue: t, maxValue: a } = this.inputValidationLimits;
+    return e >= t && e <= a;
+  }
+  get inputValidationLimits() {
+    return {
+      minValue: this.minValue,
+      maxValue: this.maxValue
+    };
+  }
+  updateValueToLimits() {
+    this.value !== void 0 && (this.value < this.minValue && (this.value = this.minValue), this.value > this.maxValue && (this.value = this.maxValue));
+  }
+}
+class yt extends q {
+  constructor(e, t) {
+    super(d.Year, e, t), this.minValue = 1, this.maxValue = 9999;
+  }
+  setLimits(e) {
+    this.minValue = 1, this.maxValue = e.calendar.getYearsInEra(e), this.updateValueToLimits();
+  }
+  increment(e) {
+    this.value === void 0 ? this.value = e.year : super.increment();
+  }
+  decrement(e) {
+    this.value === void 0 ? this.value = e.year : super.decrement();
+  }
+  clear() {
+    if (this.value === void 0) return;
+    const e = Math.floor(this.value / 10);
+    this.value = e > 0 ? e : void 0;
+  }
+}
+class he {
+  constructor(e) {
+    this.segments = e;
+  }
+  get all() {
+    return this.segments;
+  }
+  get editableValues() {
+    return this.all.filter((e) => e instanceof q).map((e) => e.value);
+  }
+  get year() {
+    const e = this.getByType(d.Year);
+    if (e && e instanceof yt) return e;
+  }
+  get month() {
+    const e = this.getByType(d.Month);
+    if (e) return e;
+  }
+  get day() {
+    const e = this.getByType(d.Day);
+    if (e) return e;
+  }
+  get hour() {
+    const e = this.getByType(d.Hour);
+    if (e) return e;
+  }
+  get minute() {
+    const e = this.getByType(d.Minute);
+    if (e) return e;
+  }
+  get second() {
+    const e = this.getByType(d.Second);
+    if (e) return e;
+  }
+  get millisecond() {
+    const e = this.getByType(d.Millisecond);
+    if (e) return e;
+  }
+  get dayPeriod() {
+    const e = this.getByType(d.DayPeriod);
+    if (e) return e;
+  }
+  getByType(e) {
+    return this.segments.find(
+      (t) => t.type === e
+    );
+  }
+  /**
+   * Returns a `CalendarDate` object with the year, month and day values of the segments if they are all defined. The time values
+   * are checked and included based on the precision provided, returning a `CalendarDateTime` instead.
+   *
+   * @param precision - The precision to use when creating the date object
+   */
+  getFormattedDate(e = y.Day) {
+    var t, a, o, i, n, l, s;
+    const c = (t = this.year) == null ? void 0 : t.value, m = (a = this.month) == null ? void 0 : a.value, u = (o = this.day) == null ? void 0 : o.value;
+    if (!w(c) || !w(m) || !w(u)) return;
+    if (e === y.Day) return new F(c, m, u);
+    let h = (i = this.hour) == null ? void 0 : i.value;
+    if (!w(h)) return;
+    if (this.dayPeriod) {
+      const C = this.dayPeriod.value;
+      if (!w(C)) return;
+      h = bt(h, C);
+    }
+    if (e === y.Hour)
+      return new I(c, m, u, h);
+    const p = (n = this.minute) == null ? void 0 : n.value;
+    if (!w(p)) return;
+    if (e === y.Minute)
+      return new I(c, m, u, h, p);
+    const v = (l = this.second) == null ? void 0 : l.value;
+    if (!w(v)) return;
+    if (e === y.Second)
+      return new I(c, m, u, h, p, v);
+    const z = (s = this.millisecond) == null ? void 0 : s.value;
+    if (w(z))
+      return new I(
+        c,
+        m,
+        u,
+        h,
+        p,
+        v,
+        z
+      );
+  }
+}
+class Mr {
+  constructor(e, t) {
+    this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new le(
+      this.dateFormatter.resolvedOptions().locale,
+      { useGrouping: !1 }
+    );
+  }
+  /**
+   * Formats all the `DateTimeSegments` to have the formatted property based on the value property, according to the date formatter.
+   * @param segments - `DateTimeSegments` to format
+   * @returns Formatted DateTimeSegments
+   */
+  format(e) {
+    if (!e.year || !e.month || !e.day) return e;
+    const t = this.getDateInfoWithDefaults(e);
+    return t && (this.setSegmentsFormatted(e, t), this.padSegmentsFormatted(e)), e;
+  }
+  setSegmentsFormatted(e, t) {
+    var a;
+    e = new he(e.all);
+    const { year: o, month: i, day: n, hour: l, minute: s, second: c, millisecond: m } = t, u = new Date(
+      o,
+      i - 1,
+      n,
+      l,
+      s,
+      c,
+      m
+    );
+    if (!e.year) return;
+    e.year.formatted = this.numberFormatter.format(o);
+    const h = [
+      d.Month,
+      d.Day,
+      d.Hour,
+      d.Minute,
+      d.Second,
+      d.DayPeriod
+    ], p = this.dateFormatter.formatToParts(u);
+    for (const v of h) {
+      const z = e[v];
+      if (!z) continue;
+      const C = (a = p.find(
+        (N) => N.type === v
+      )) == null ? void 0 : a.value;
+      C && (z.formatted = C);
+    }
+  }
+  padSegmentsFormatted(e) {
+    if (!e.hour) return;
+    const t = [
+      d.Month,
+      d.Day,
+      d.Hour,
+      d.Minute,
+      d.Second
+    ];
+    for (const a of t) {
+      const o = e[a];
+      o && (o.formatted = o.formatted.padStart(
+        2,
+        this.numberFormatter.format(0)
+      ));
+    }
+  }
+  getDateInfoWithDefaults(e) {
+    var t, a, o, i, n;
+    if (!e.year || !e.month || !e.day) return;
+    const l = e.day.value ?? Xe(this.currentDate), s = e.month.value ?? Qe(this.currentDate), c = e.year.value ?? gt, m = (t = e.dayPeriod) == null ? void 0 : t.value;
+    let u = (a = e.hour) == null ? void 0 : a.value;
+    w(u) ? w(m) && (u = bt(u, m)) : u = w(m) ? m : this.currentDate.hour;
+    const h = ((o = e.minute) == null ? void 0 : o.value) ?? this.currentDate.minute, p = ((i = e.second) == null ? void 0 : i.value) ?? this.currentDate.second, v = ((n = e.millisecond) == null ? void 0 : n.value) ?? this.currentDate.millisecond;
+    return { year: c, month: s, day: l, hour: u, minute: h, second: p, millisecond: v };
+  }
+}
+class pe {
+  constructor(e) {
+    const { dateFormatter: t, segments: a, currentDate: o } = e;
+    this.segments = new he(a.all), this.dateFormatter = t, this.currentDate = o;
+  }
+  modify(e) {
+    const t = this.segments.getByType(e);
+    if (!t) return this.segments;
+    this.modifySegment(t), this.updateSegmentsLimits(e);
+    const a = new Mr(
+      this.dateFormatter,
+      this.currentDate
+    );
+    return this.segments = a.format(this.segments), this.segments;
+  }
+  updateSegmentsLimits(e) {
+    const t = e === d.Year, a = e === d.Month, o = this.segments.year, i = this.segments.month, n = this.segments.day;
+    t && (i == null || i.setLimits(this.currentDate), n == null || n.setLimits(this.currentDate, i == null ? void 0 : i.value, o == null ? void 0 : o.value)), a && (n == null || n.setLimits(this.currentDate, i == null ? void 0 : i.value, o == null ? void 0 : o.value));
+  }
+}
+class $r extends pe {
+  modifySegment(e) {
+    e.clear();
+  }
+}
+class _r extends pe {
+  modifySegment(e) {
+    e.decrement(this.currentDate);
+  }
+}
+class Sr extends pe {
+  modifySegment(e) {
+    e.increment(this.currentDate);
+  }
+}
+class Cr extends pe {
+  constructor(e) {
+    const { dateFormatter: t, segments: a, currentDate: o } = e;
+    super({ dateFormatter: t, segments: a, currentDate: o }), this.eventData = e.eventData, this.numberParser = e.numberParser;
+  }
+  modifySegment(e) {
+    this.eventData !== null && e.handleInput(this.eventData, this.numberParser);
+  }
+}
+class Tr extends q {
+  constructor(e, t) {
+    super(d.Day, e, t), this.minValue = 1, this.maxValue = 31;
+  }
+  setLimits(e, t, a) {
+    if (!w(t)) {
+      this.minValue = 1, this.maxValue = Dr;
+      return;
+    }
+    w(a) || (a = gt);
+    const o = new F(a, t, 1);
+    this.maxValue = e.calendar.getDaysInMonth(o), this.minValue = Xe(o), this.updateValueToLimits();
+  }
+}
+class Pr extends q {
+  constructor(e, t) {
+    super(d.Month, e, t), this.minValue = 1, this.maxValue = 12;
+  }
+  setLimits(e) {
+    this.minValue = Qe(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
+  }
+}
+class Vr {
+  constructor(e) {
+    this.formatted = e, this.type = d.Literal;
+  }
+}
+class Ir extends q {
+  constructor(e, t) {
+    super(d.DayPeriod, e, t), this.minValue = X, this.maxValue = Y, this.localizedMinValue = "AM", this.localizedMaxValue = "PM";
+  }
+  toggleAmPm() {
+    this.value = this.value === X ? Y : X;
+  }
+  increment() {
+    this.value === void 0 ? this.value = this.minValue : this.toggleAmPm();
+  }
+  decrement() {
+    this.value === void 0 ? this.value = this.maxValue : this.toggleAmPm();
+  }
+  setValueFromDate(e) {
+    this.value = ft(e.hour);
+  }
+  handleInput(e) {
+    const t = e.toLowerCase(), a = this.localizedMinValue.toLowerCase().includes(t), o = this.localizedMaxValue.toLowerCase().includes(t);
+    a && o || (a && (this.value = X), o && (this.value = Y));
+  }
+  setLocalizedLimits(e) {
+    const t = new Date(0, 0, 0, this.minValue, 0), a = new Date(0, 0, 0, this.maxValue, 0), [o, i] = [t, a].map(
+      this.getDayPeriodFromDate.bind(this, e)
+    );
+    o && (this.localizedMinValue = o), i && (this.localizedMaxValue = i);
+  }
+  getDayPeriodFromDate(e, t) {
+    var a;
+    return (a = e.formatToParts(t).find((o) => o.type === this.type)) == null ? void 0 : a.value;
+  }
+}
+class Fr extends q {
+  constructor(e, t) {
+    super(d.Hour, e, t), this.minValue = 0, this.maxValue = 23;
+  }
+  setLimits(e) {
+    this.minValue = 0, this.maxValue = 23, e && (this.minValue = 0, this.maxValue = 11), this.updateValueToLimits();
+  }
+  setValueFromDate(e, t) {
+    t ? this.value = e.hour - ft(e.hour) : super.setValueFromDate(e);
+  }
+  /**
+   * Returns the limits used to validate a user typed-in value.
+   *
+   * Different limits are needed when the user is typing in the hour segment and the clock is in 12-hour format due to the fact that
+   * the hour value of 0 should be displayed as 12. Therefore, in the 12h format, the user should be able to type in "12" but not "00",
+   * for the 00 time, which is represented by the value of 0 of the hour segment.
+   */
+  get inputValidationLimits() {
+    const e = this.maxValue === 11;
+    return {
+      minValue: e ? 1 : 0,
+      maxValue: e ? 12 : 23
+    };
+  }
+}
+class qr extends q {
+  constructor(e, t) {
+    super(d.Millisecond, e, t), this.minValue = 0, this.maxValue = 999;
+  }
+}
+class Lr extends q {
+  constructor(e, t) {
+    super(d.Minute, e, t), this.minValue = 0, this.maxValue = 59;
+  }
+}
+class Er extends q {
+  constructor(e, t) {
+    super(d.Second, e, t), this.minValue = 0, this.maxValue = 59;
+  }
+}
+class Or {
+  constructor(e) {
+    this.dateFormatter = e;
+    const t = this.dateFormatter.resolvedOptions().locale;
+    this.numberFormatter = new le(t, {
+      useGrouping: !1
+    }), this.dateTimeFieldDisplayNames = new Intl.DisplayNames([t], {
+      type: "dateTimeField"
+    });
+  }
+  /**
+   * Creates the `DateTimeSegments` needed for the DateTimePicker
+   * @param currentDate - The date to create the segments from. This is used to set the limits and values of the segments.
+   * @param setValues - If true, the segments will have their values set from the currentDate. If false, the segments will have no values.
+   */
+  createSegments(e, t = !1) {
+    const a = zt(e), o = this.dateFormatter.formatToParts(a).map((z) => {
+      const C = z.type;
+      let N = z.value;
+      return C === "year" && (N = this.numberFormatter.format(e.year)), this.createSegment(C, N);
+    }), i = new he(o), n = i.year, l = i.month, s = i.day;
+    n.setLimits(e), l.setLimits(e), t && (n.setValueFromDate(e), l.setValueFromDate(e)), s.setLimits(e, l.value, n.value), t && s.setValueFromDate(e);
+    const c = i.hour, m = i.minute, u = i.second, h = i.millisecond, p = i.dayPeriod;
+    if (p && p.setLocalizedLimits(this.dateFormatter), !c) return i;
+    const v = !!p;
+    if (c.setLimits(v), t) {
+      if (c.setValueFromDate(e, v), v && i.dayPeriod.setValueFromDate(e), !m || (m.setValueFromDate(e), !u) || (u.setValueFromDate(e), !h)) return i;
+      h.setValueFromDate(e);
+    }
+    return i;
+  }
+  createSegment(e, t) {
+    if (e === d.Literal) return new Vr(t);
+    const a = this.displayNameOfType(e);
+    switch (e) {
+      case d.Year:
+        return new yt(t, a);
+      case d.Month:
+        return new Pr(t, a);
+      case d.Day:
+        return new Tr(t, a);
+      case d.Hour:
+        return new Fr(t, a);
+      case d.Minute:
+        return new Lr(t, a);
+      case d.Second:
+        return new Er(t, a);
+      case d.Millisecond:
+        return new qr(t, a);
+      case d.DayPeriod:
+        return new Ir(t, a);
+    }
+  }
+  displayNameOfType(e) {
+    const t = e === "fractionalSecond" ? "millisecond" : this.dateTimeFieldDisplayNames.of(e);
+    return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
+  }
+}
+const Ar = '@charset "UTF-8";:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius: var( --luzmo-date-time-picker-border-radius, var(--luzmo-border-radius) );--date-time-picker-border-radius-quiet: var( --luzmo-date-time-picker-border-radius-quiet, 0 );--date-time-picker-border-width: var(--luzmo-border-width);--date-time-picker-button-border-color: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color, var(--luzmo-border-color) ) );--date-time-picker-button-border-color-focus: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-focus, var(--luzmo-primary) ) );--date-time-picker-button-border-color-invalid: var( --highcontrast-datepicker-pickerbutton-border-color, var( --luzmo-date-time-picker-pickerbutton-border-color-invalid, var(--luzmo-negative-color) ) );--date-time-picker-button-width: calc( var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size) );--date-time-picker-quiet-button-offset: var( --luzmo-date-time-picker-quiet-button-offset, var(--date-time-picker-text-to-visual) );--date-time-picker-icon-to-text: var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet: calc( var(--date-time-picker-button-width) - var( --date-time-picker-quiet-button-offset ) );--date-time-picker-focus-ring-gap: var( --luzmo-date-time-picker-focus-ring-gap, var(--luzmo-indicator-gap) );--date-time-picker-focus-thickness: var( --luzmo-date-time-picker-focus-thickness, var(--luzmo-indicator-width) );--date-time-picker-focus-animation: var( --luzmo-date-time-picker-focus-animation, var(--luzmo-animation-duration) );--date-time-picker-focus-ring-width: var( --luzmo-date-time-picker-focus-ring-width, var(--luzmo-border-width) );--date-time-picker-focus-ring-color: var( --highcontrast-datepicker-focus-ring-color, var(--luzmo-date-time-picker-focus-ring-color, var(--luzmo-indicator-color)) );--date-time-picker-focus-line-gap: var( --luzmo-date-time-picker-focus-line-gap, var(--luzmo-spacing-2) );--date-time-picker-invalid-quiet-color: var( --luzmo-date-time-picker-invalid-quiet-color, var(--luzmo-negative-color) );--date-time-picker-quiet-border-color-hover: var( --luzmo-date-time-picker-quiet-border-color-hover, var(--luzmo-border-color-hover) );--date-time-picker-border-color-disabled: var( --luzmo-date-time-picker-border-color-disabled, var(--luzmo-border-color-disabled) );--date-time-picker-dash-font-size: var( --luzmo-date-time-picker-dash-font-size, var(--date-time-picker-dash-font-size) );--date-time-picker-dash-color: var( --highcontrast-datepicker-dash-color, var(--luzmo-date-time-picker-dash-color, var(--luzmo-font-color)) );--date-time-picker-range-dash-padding-top: var( --luzmo-date-time-picker-range-dash-padding-top, 0 );--date-time-picker-range-dash-margin-inline-start: var( --luzmo-date-time-picker-range-dash-margin-left, calc(var(--date-time-picker-dash-font-size) * -.5) );--date-time-picker-range-input-width-first: var( --luzmo-date-time-picker-range-input-width-first, calc( var(--date-time-picker-initial-width) - var( --date-time-picker-generic-padding ) * 2 ) );--date-time-picker-input-width-base: calc( var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size) );--date-time-picker-input-width: var( --luzmo-date-time-picker-input-width, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height) ) );--date-time-picker-range-input-width-quiet-first: var( --luzmo-date-time-picker-range-input-width-quiet-first, calc( var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second) ) );--date-time-picker-input-width-quiet: var( --luzmo-date-time-picker-input-width-quiet, calc( var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-input-width-first: var( --luzmo-date-time-picker-datetime-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first) ) );--date-time-picker-datetime-input-width: var( --luzmo-date-time-picker-datetime-input-width, calc( var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-datetime-quiet-input-width-first: var( --luzmo-date-time-picker-datetime-quiet-input-width-first, calc( var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width) ) );--date-time-picker-datetime-quiet-input-width: var( --luzmo-date-time-picker-datetime-quiet-input-width, calc( var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height) ) );--date-time-picker-padding-inline-end: var( --luzmo-date-time-picker-padding-inline, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-border-width ) * 2 ) );--date-time-picker-padding-inline-end-quiet: var( --luzmo-date-time-picker-padding-inline-quiet, calc( var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var( --date-time-picker-quiet-button-offset ) ) );--date-time-picker-padding-inline-end-invalid-quiet: var( --luzmo-date-time-picker-padding-inline-end-invalid-quiet, calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text) ) );min-inline-size:var(--luzmo-date-time-picker-min-width, var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color: var( --luzmo-date-time-picker-dash-color-disabled, var(--disabled-content-color) );--luzmo-text-field-border-color-disabled: transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid: calc( var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button) );--luzmo-text-field-icon-spacing-inline-end-quiet-invalid: calc( var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet) )}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width, var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet, var(--date-time-picker-width-quiet, var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color )}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-focus )}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color: var( --date-time-picker-button-border-color-invalid )}.input{inline-size:100%;flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end);border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color, var(--datepicker-border-color))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding, var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height, var(--date-time-picker-dash-line-height));flex:initial;inline-size:0;z-index:1;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet );--luzmo-date-time-picker-padding-inline: var( --date-time-picker-padding-inline-end-quiet );--luzmo-picker-button-border-color-disabled: var( --date-time-picker-border-color-disabled );--luzmo-picker-button-background-color-hover-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled: var( --date-time-picker-border-color-disabled )}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover: hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-quiet-border-color-hover )}}:host([quiet][invalid]){--luzmo-picker-button-border-color: var( --date-time-picker-invalid-quiet-color )}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled: transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color: transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out,border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;top:0;right:0;bottom:0;left:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius: var( --date-time-picker-border-radius-quiet )}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors: active){:host{--highcontrast-datepicker-dash-color: CanvasText;--highcontrast-datepicker-focus-ring-color: Highlight;--highcontrast-datepicker-pickerbutton-border-color: Highlight}:host([disabled]){--highcontrast-datepicker-dash-color: GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color: Highlight}}:host{--date-time-picker-width: auto;--date-time-picker-initial-height: var(--system-date-picker-initial-height);--date-time-picker-font-color-default: var(--luzmo-font-color);--datepicker-border-color: var(--luzmo-border-color);--date-time-picker-button-indicator-color: var(--luzmo-indicator-color);--text-field-focus-indicator-color: var(--luzmo-background-color-highlight);--date-time-picker-initial-width: 120px;--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-generic-padding: var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width: 140px;--date-time-picker-calendar-padding: var(--luzmo-spacing-3);--date-time-picker-icon-size: 16px;--date-time-picker-dash-font-size: var(--luzmo-font-size-s);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=m]){--date-time-picker-min-width: 160px;--date-time-picker-calendar-padding: var(--luzmo-spacing-4);--date-time-picker-icon-size: 18px;--date-time-picker-dash-font-size: var(--luzmo-font-size-m);--date-time-picker-text-to-visual: var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-3);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-3);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=l]){--date-time-picker-min-width: 180px;--date-time-picker-calendar-padding: var(--luzmo-spacing-5);--date-time-picker-icon-size: 20px;--date-time-picker-dash-font-size: var(--luzmo-font-size-l);--date-time-picker-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-edge-to-text: var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--date-time-picker-icon-to-text: var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width: 200px;--date-time-picker-calendar-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--date-time-picker-icon-size: 22px;--date-time-picker-dash-font-size: var(--luzmo-font-size-xl);--date-time-picker-text-to-visual: var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon: var(--luzmo-spacing-4);--date-time-picker-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--date-time-picker-invalid-icon-to-button: var(--luzmo-spacing-4);--date-time-picker-icon-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host{--status-icon-size: var( --luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid) );--picker-button-size: var( --luzmo-text-field-height, var(--text-field-height) );--input-spacing: var( --luzmo-text-field-spacing-inline, var(--text-field-spacing-inline) );--input-border-width: var( --luzmo-text-field-border-width, var(--luzmo-border-width) );--text-to-icon: var( --luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid) );--date-time-picker-input-width: var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover: hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default, var(--luzmo-text-field-border-color-invalid-default, var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding, var(--date-time-picker-calendar-padding))}.input-content{display:flex;align-items:center;height:100%;overflow:auto hidden;scrollbar-width:none;line-height:normal}.input-content::-webkit-scrollbar{display:none;width:0;height:0}.literal-segment,.editable-segment{display:inline-block;color:var(--luzmo-date-time-picker-font-color-default, var(--date-time-picker-font-color-default))}.editable-segment{padding:0 .15em;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:transparent;outline:none}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;user-select:none;-webkit-user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:transparent}';
+var Br = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, f = (r, e, t, a) => {
+  for (var o = a > 1 ? void 0 : a ? Zr(e, t) : e, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (o = (a ? n(e, t, o) : n(o)) || o);
+  return a && o && Br(e, t, o), o;
+};
+class b extends Vt(
+  de(Ct, {
+    validSizes: Object.values(Re)
+  })
+) {
+  constructor() {
+    super(), this._precision = y.Minute, this.isUserSetPrecision = !1, this.invalid = !1, this.readonly = !1, this.quiet = !1, this.placement = "bottom", this.language = "en", this.labels = {
+      previous: "Previous",
+      next: "Next",
+      today: "Today",
+      selected: "Selected",
+      empty: "Empty",
+      calendar: "Calendar"
+    }, this.focused = !1, this.segments = new he([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ?? R(), this.cachedLocalTime = Ge(this._timeZone), this.setNumberParser(), this.setDateFormatter(), this.setAriaDateFormatter(), this.addEventListener(
+      "focusin",
+      () => this.previousCommitedValue = this._value
+    ), this.addEventListener("focusout", () => this.commitValue());
+  }
+  /**
+   * The styles of the calendar
+   * @internal
+   */
+  static get styles() {
+    return [se(Ar), se(It)];
+  }
+  get precision() {
+    return this._precision;
+  }
+  set precision(e) {
+    this.isUserSetPrecision = !0;
+    const t = this._precision;
+    e !== t && (this._precision = e, this.requestUpdate("precision", t));
+  }
+  /**
+   * The language used to format the dates and weekdays.
+   * @internal
+   */
+  get _language() {
+    try {
+      return this.language ? new Intl.Locale(this.language).language : "en";
+    } catch {
+      return "en";
+    }
+  }
+  /**
+   * The focus element of the component
+   * @internal
+   */
+  get focusElement() {
+    return this.firstEditableSegment;
+  }
+  /**
+   * The current date of the component
+   * @internal
+   */
+  get currentDate() {
+    return this._value ? A(this._value, this._timeZone) : this.cachedLocalTime;
+  }
+  /**
+   * @return Whether the component's precision includes time segments (hour, minute, second, millisecond)
+   * @internal
+   */
+  get includesTime() {
+    return [
+      y.Hour,
+      y.Minute,
+      y.Second,
+      y.Millisecond
+    ].includes(this.precision);
+  }
+  /**
+   * Resets the component's value and segments
+   */
+  clear() {
+    this._value = void 0, this.setSegments();
+  }
+  willUpdate(e) {
+    const t = e.has("value"), a = e.has("timeZone"), o = e.has("min"), i = e.has("max"), n = e.has("language"), l = e.has("dateFormat"), s = e.has("dateSeparator"), c = e.has("precision"), m = e.has("segments"), u = e.has("disabled");
+    if (n && this.setNumberParser(), (n || c) && (this.setDateFormatter(), this.setAriaDateFormatter()), t || o || i || a) {
+      this._value = this.value ? fe(new Date(this.value).toISOString(), "UTC") : void 0, this._min = this.min ? fe(new Date(this.min).toISOString(), "UTC") : void 0, this._max = this.max ? fe(new Date(this.max).toISOString(), "UTC") : void 0;
+      const p = this.mostSpecificDateValue;
+      p && (this.convertDatePropsToMatch(p), this.checkDatePropsCompliance(o || i), this.updateDateProps(), this.updateDefaultPrecision());
+    }
+    (t || n || c || l || a || s) && this.setSegments(), m && this.setValueFromSegments(), u && this.isCalendarOpen && (this.isCalendarOpen = !1);
+    const h = this._value && this.labels.selected + ": " + this.ariaDateFormatter.format(zt(this._value));
+    this.setAttribute("aria-label", h ?? this.labels.empty);
+  }
+  /**
+   * Computes the component's most precise date property (min, max or value) or undefined if none is defined.
+   * The order of precedence is: ZonedDateTime, CalendarDateTime, CalendarDate.
+   * @internal
+   */
+  get mostSpecificDateValue() {
+    const e = [this._value, this._min, this._max].filter(
+      (o) => o !== void 0
+    );
+    if (e.length === 0) return;
+    const t = e.filter((o) => K(o));
+    if (t.length > 0) return t[0];
+    const a = e.filter((o) => xe(o));
+    return a.length > 0 ? a[0] : e.find((o) => ne(o));
+  }
+  /**
+   * Converts the DateTimePicker's date properties (min, max and value) to match the provided date's type.
+   *
+   * @param dateValue - The date value to be used as a reference for the conversion
+   */
+  convertDatePropsToMatch(e) {
+    if (K(e)) {
+      this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value && A(this._value, this._timeZone), this._min = this._min && A(this._min, this._timeZone), this._max = this._max && A(this._max, this._timeZone);
+      return;
+    }
+    if (this._timeZone = this.timeZone ?? R(), xe(e)) {
+      this._value = this._value && $(this._value), this._min = this._min && $(this._min), this._max = this._max && $(this._max);
+      return;
+    }
+    this._value = this._value && L(this._value), this._min = this._min && L(this._min), this._max = this._max && L(this._max);
+  }
+  /**
+   * Validates the component's date properties (min, max and value) compliance with one another.
+   * If the [min, max] constraint interval is invalid, both properties are reset.
+   * If the value is not within the [min, max] (valid) interval, it is reset.
+   *
+   * @param checkInterval - Whether to check the [min, max] interval
+   */
+  checkDatePropsCompliance(e) {
+    e && this._min && this._max && (this._min.compare(this._max) < 0 || (console.warn(
+      this,
+      `<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`
+    ), this._min = void 0, this._max = void 0)), this.isNonCompliantValue() && (console.warn(
+      this,
+      `<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`
+    ), this._value = void 0), !this._min && !this._max && !this._value && (this._timeZone = R());
+  }
+  isNonCompliantValue() {
+    return this._value === void 0 ? !1 : !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
+  }
+  /**
+   * Update the component's date properties' types to include the provided precision.
+   */
+  updateDateProps() {
+    const e = this.mostSpecificDateValue;
+    !e || !this.isUserSetPrecision || this.includesTime && ne(e) && this.convertDatePropsToMatch($(e));
+  }
+  /**
+   * Changes the component's default precision according to the most specific date property (min, max or value).
+   */
+  updateDefaultPrecision() {
+    if (this.isUserSetPrecision) return;
+    const e = this.mostSpecificDateValue;
+    e && (this._precision = ne(e) ? y.Day : y.Minute);
+  }
+  render() {
+    return k`
+      <div id="text-field">
+        ${this.renderStateIcons()} ${this.renderInputContent()}
+      </div>
+      ${this.renderHelpText(this.invalid)}${this.renderPicker()}
+    `;
+  }
+  renderStateIcons() {
+    return this.invalid ? k`
+        <luzmo-icon
+          .icon=${$t}
+          .size=${this.size}
+          id="invalid"
+          class="icon"
+        ></luzmo-icon>
+      ` : qe;
+  }
+  renderPicker() {
+    if (this.readonly) return qe;
+    const e = () => this.isCalendarOpen = !1, t = () => this.isCalendarOpen = !0;
+    return k`
+      <luzmo-picker-button
+        ?open=${this.isCalendarOpen}
+        ?quiet=${this.quiet}
+        ?invalid=${this.invalid}
+        ?disabled=${this.disabled}
+        .size=${this.size}
+        @click=${t}
+        label=${this.labels.calendar}
+      >
+        <slot name="calendar-icon" slot="icon">
+          <luzmo-icon
+            .icon=${_t}
+            .size=${this.size}
+            block
+          ></luzmo-icon>
+        </slot>
+      </luzmo-picker-button>
+
+      <luzmo-overlay
+        .triggerElement=${this.input}
+        type="modal"
+        placement=${this.placement ?? "bottom"}
+        offset="0"
+        ?open=${this.isCalendarOpen}
+        @luzmo-closed=${e}
+      >
+        <luzmo-popover>
+          <div class="popover-content">
+            <luzmo-calendar
+              .value=${this._value ? (
+      // TODO: check if this is the correct way to handle the value with TZ
+      this._value.toString().slice(0, 10)
+    ) : void 0}
+              .min=${this._min ? this._min.toString() : void 0}
+              .max=${this._max ? this._max.toString() : void 0}
+              .labels=${this.labels}
+              .size=${this.size}
+              .language=${this.language}
+              @change=${this.handleChange}
+            ></luzmo-calendar>
+          </div>
+        </luzmo-popover>
+      </luzmo-overlay>
+    `;
+  }
+  handleChange(e) {
+    var t, a, o, i, n, l, s;
+    e.stopPropagation(), this.isCalendarOpen = !1, (t = e.target) != null && t.value && (this.value = (a = e.target) == null ? void 0 : a.value);
+    const c = Q(
+      ((o = e.target) == null ? void 0 : o.value) ?? ""
+    );
+    if (this.includesTime) {
+      const m = ((i = this.segments.hour) == null ? void 0 : i.value) ?? 0, u = ((n = this.segments.minute) == null ? void 0 : n.value) ?? 0, h = ((l = this.segments.second) == null ? void 0 : l.value) ?? 0, p = ((s = this.segments.millisecond) == null ? void 0 : s.value) ?? 0, v = new dr(m, u, h, p), z = this.mostSpecificDateValue;
+      this._value = $(c, v), z && K(z) && (this._value = A(this._value, this._timeZone));
+    } else
+      this._value = c;
+    this.commitValue();
+  }
+  renderInputContent() {
+    return k`
+      <div class="input">
+        <span
+          class="input-content"
+          @focusin=${() => this.focused = !this.readonly}
+          @focusout=${() => this.focused = !1}
+          @keydown=${this.handleKeydown}
+          @input=${this.handleInput}
+        >
+          ${this.renderSegments()}
+        </span>
+      </div>
+    `;
+  }
+  renderSegments() {
+    return this.segments.all.map(
+      (e) => Le(
+        e.type === d.Literal,
+        () => this.renderLiteralSegment(e),
+        () => this.renderEditableSegment(e)
+      )
+    );
+  }
+  renderLiteralSegment(e) {
+    return k`
+        <span
+            class="literal-segment"
+            data-test-id=${e.type}
+            aria-hidden="true"
+        >${e.formatted}</span>
+    `;
+  }
+  renderEditableSegment(e) {
+    const t = !this.disabled && !this.readonly, a = e.value === void 0, o = e.type === d.DayPeriod ? "text" : "numeric", i = {
+      "editable-segment": !0,
+      "is-placeholder": a
+    }, n = e.type !== d.Year && String(e.maxValue).length > 0, l = {
+      minWidth: n ? `${n}ch` : void 0
+    };
+    return k`
+      <div
+        role="spinbutton"
+        aria-valuenow=${H(e.value)}
+        aria-valuemin=${e.minValue}
+        aria-valuemax=${e.maxValue}
+        aria-label=${e.label}
+        aria-valuetext=${H(
+      e.value === void 0 ? this.labels.empty : e.formatted
+    )}
+        contenteditable=${H(t ? !0 : void 0)}
+        inputmode=${H(t ? o : void 0)}
+        tabindex=${H(t ? "0" : void 0)}
+        class=${_e(i)}
+        style=${St(l)}
+        data-type=${e.type}
+        .innerText=${this.renderSegmentText(e)}
+      ></div>
+    `;
+  }
+  renderSegmentText(e) {
+    const t = e.value === void 0;
+    return Le(
+      t,
+      () => e.placeholder ?? "",
+      () => e.formatted ?? ""
+    );
+  }
+  handleKeydown(e) {
+    var t;
+    const a = e.target, o = a.dataset.type;
+    if (o)
+      switch (e.code) {
+        case "ArrowUp": {
+          this.incrementValue(o);
+          break;
+        }
+        case "ArrowDown": {
+          this.decrementValue(o);
+          break;
+        }
+        case "ArrowRight": {
+          this.focusSegment(a, "next");
+          break;
+        }
+        case "ArrowLeft": {
+          this.focusSegment(a, "previous");
+          break;
+        }
+        case "Enter":
+        case "Space": {
+          this.commitValue();
+          break;
+        }
+        case "Backspace":
+        case "Delete": {
+          e.preventDefault(), ((t = this.segments.getByType(o)) == null ? void 0 : t.value) === void 0 ? this.focusSegment(a, "previous") : this.clearSegmentContent(o);
+          break;
+        }
+      }
+  }
+  /**
+   * The modifier parameters of the component
+   * @internal
+   */
+  get modifierParams() {
+    return {
+      dateFormatter: this.dateFormatter,
+      segments: this.segments,
+      currentDate: this.currentDate
+    };
+  }
+  incrementValue(e) {
+    const t = new Sr(this.modifierParams);
+    this.segments = t.modify(e), this.dispatchInput();
+  }
+  decrementValue(e) {
+    const t = new _r(this.modifierParams);
+    this.segments = t.modify(e), this.dispatchInput();
+  }
+  /**
+   * Focuses the segment according to the direction, if there is one to focus on
+   *
+   * @param segment - Segment on which the event was triggered (the segment being changed)
+   * @param elementToFocus - Defines which element will be focused: is it the previous one or the next one?
+   */
+  focusSegment(e, t) {
+    let a = !1, o = e;
+    for (; !a; ) {
+      const i = t === "previous" ? o.previousElementSibling : o.nextElementSibling;
+      if (!i)
+        break;
+      i.getAttribute("contenteditable") && (i.focus(), a = !0), o = i;
+    }
+  }
+  /**
+   * Mark the user intent to commit the selected value. If the current value
+   * is different from the previous commited value, dispatch a change event.
+   */
+  commitValue() {
+    if (!(this._value && this.previousCommitedValue && this._value.compare(this.previousCommitedValue) === 0)) {
+      if (this._value === void 0 && this.previousCommitedValue === void 0) {
+        const e = this.segments.editableValues.every(
+          (t) => t === void 0
+        );
+        this.invalid = !e;
+        return;
+      }
+      this.invalid = !!(this._value === void 0 || this.isNonCompliantValue()), this.previousCommitedValue = this._value, this.dispatchChange();
+    }
+  }
+  clearSegmentContent(e) {
+    const t = this.segments.editableValues, a = new $r(this.modifierParams);
+    this.segments = a.modify(e);
+    const o = this.segments.editableValues;
+    Ne(t, o) || this.dispatchInput();
+  }
+  handleInput(e) {
+    e.stopPropagation();
+    const t = e.target.dataset.type, a = this.segments.editableValues, o = new Cr({
+      ...this.modifierParams,
+      eventData: e.data,
+      numberParser: this.numberParser
+    });
+    this.segments = o.modify(t), this.updateSegmentContent(
+      this.segments.getByType(t),
+      e.target
+    );
+    const i = this.segments.editableValues;
+    Ne(a, i) || this.dispatchInput();
+  }
+  /**
+   * Updates the content of the segments by binding it to the `.innerText` property of the element,
+   * instead of using string interpolation. This allows to not show user typed characters, but
+   * only the formatted content of the segment, needed for the 'contenteditable' elements.
+   *
+   * @param segment - Segment on which the event was triggered (the segment being changed)
+   * @param event - Triggered event details
+   */
+  updateSegmentContent(e, t) {
+    t.textContent = e.value === void 0 ? e.placeholder : e.formatted;
+  }
+  createOutputString(e) {
+    return e ? K(e) ? this._value.toAbsoluteString() : new Date(this._value.toString()).toISOString() : "";
+  }
+  dispatchChange() {
+    const e = this.createOutputString(this._value);
+    this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          value: e
+        }
+      })
+    );
+  }
+  dispatchInput() {
+    const e = this.createOutputString(this._value);
+    this.dispatchEvent(
+      new CustomEvent("input", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          value: e
+        }
+      })
+    );
+  }
+  setValueFromSegments() {
+    const e = this.segments.getFormattedDate(this.precision);
+    if (!e) {
+      this._value && this.dispatchChange(), this._value = void 0;
+      return;
+    }
+    this._value === void 0 && this.dispatchChange();
+    const t = this.mostSpecificDateValue;
+    t ? K(t) ? this._value = A(e, this._timeZone) : xe(t) ? this._value = $(e) : this._value = L(e) : this._value = e;
+  }
+  setSegments() {
+    var e, t, a, o;
+    const i = new Or(this.dateFormatter).createSegments(
+      this.currentDate,
+      this._value !== void 0
+    );
+    if (this.dateFormat) {
+      const n = i.all.findIndex(
+        (s) => s.type === d.Month
+      ), l = i.all.findIndex(
+        (s) => s.type === d.Day
+      );
+      if (n !== -1 && l !== -1) {
+        if (this.dateFormat === "mmdd" && n > l) {
+          const s = i.all[n];
+          i.all[n] = i.all[l], i.all[l] = s;
+        } else if (this.dateFormat === "ddmm" && l > n) {
+          const s = i.all[l];
+          i.all[l] = i.all[n], i.all[n] = s;
+        }
+      }
+    }
+    typeof this.dateSeparator == "string" && this.dateSeparator && (((t = (e = i.all) == null ? void 0 : e[1]) == null ? void 0 : t.type) === d.Literal && (i.all[1].formatted = this.dateSeparator), ((o = (a = i.all) == null ? void 0 : a[3]) == null ? void 0 : o.type) === d.Literal && (i.all[3].formatted = this.dateSeparator)), this.segments = i;
+  }
+  setNumberParser() {
+    this.numberParser = new xt(this._language, {
+      maximumFractionDigits: 0
+    });
+  }
+  setDateFormatter() {
+    this.dateFormatter = new $e(this._language, {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      ...this.getTimeOptions("2-digit")
+    });
+  }
+  setAriaDateFormatter() {
+    this.ariaDateFormatter = new $e(this._language, {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+      ...this.getTimeOptions("numeric")
+    });
+  }
+  getTimeOptions(e) {
+    switch (this.precision) {
+      case y.Millisecond:
+        return {
+          hour: e,
+          minute: e,
+          second: e,
+          fractionalSecondDigits: 3
+        };
+      case y.Second:
+        return {
+          hour: e,
+          minute: e,
+          second: e
+        };
+      case y.Minute:
+        return {
+          hour: e,
+          minute: e
+        };
+      case y.Hour:
+        return {
+          hour: e
+        };
+      default:
+        return {};
+    }
+  }
+}
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "value", 2);
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "min", 2);
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "max", 2);
+f([
+  g({ type: String, attribute: "date-format", reflect: !0 })
+], b.prototype, "dateFormat", 2);
+f([
+  g({ type: String, attribute: "date-separator", reflect: !0 })
+], b.prototype, "dateSeparator", 2);
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "precision", 1);
+f([
+  g({ type: Boolean, reflect: !0 })
+], b.prototype, "invalid", 2);
+f([
+  g({ type: Boolean, reflect: !0 })
+], b.prototype, "readonly", 2);
+f([
+  g({ type: Boolean, reflect: !0 })
+], b.prototype, "quiet", 2);
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "placement", 2);
+f([
+  g({ type: String, attribute: "time-zone", reflect: !0 })
+], b.prototype, "timeZone", 2);
+f([
+  g({ type: String, reflect: !0 })
+], b.prototype, "language", 2);
+f([
+  g({ attribute: !1 })
+], b.prototype, "labels", 2);
+f([
+  g({ type: Boolean, reflect: !0 })
+], b.prototype, "focused", 2);
+f([
+  S()
+], b.prototype, "_value", 2);
+f([
+  S()
+], b.prototype, "_min", 2);
+f([
+  S()
+], b.prototype, "_max", 2);
+f([
+  S()
+], b.prototype, "segments", 2);
+f([
+  S()
+], b.prototype, "isCalendarOpen", 2);
+f([
+  Ye(".editable-segment")
+], b.prototype, "firstEditableSegment", 2);
+f([
+  Ye(".input")
+], b.prototype, "input", 2);
+customElements.get("luzmo-date-time-picker") || customElements.define("luzmo-date-time-picker", b);
+const Ur = ":host{display:flex;flex-direction:row;gap:var(--luzmo-filter-value-picker-datetime-gap, var(--filter-value-picker-datetime-gap))}:host{--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=s]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-2)}:host([size=m]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-3)}:host([size=l]){--filter-value-picker-datetime-gap: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--filter-value-picker-datetime-gap: var(--luzmo-spacing-4)}";
+var Nr = Object.defineProperty, ve = (r, e, t, a) => {
+  for (var o = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (o = n(e, t, o) || o);
+  return o && Nr(e, t, o), o;
+};
+class te extends de(He, {
+  validSizes: Object.values(Re)
+}) {
+  constructor() {
+    super(...arguments), this.language = "en", this.contentLanguage = "en";
+  }
+  static get styles() {
+    return [Ft(Ur)];
+  }
+  willUpdate(e) {
+    var o, i, n, l, s, c, m, u, h, p, v;
+    const t = e.has("language"), a = e.get("filter");
+    t && this.language !== qt() && ([...Lt].includes(this.language ?? "en") || this.language === "en") && Et(this.language), a && (["last_now", "last_available", "next_now"].includes(
+      (o = this.filter) == null ? void 0 : o.expression
+    ) ? this.filter.parameters[1] = {
+      quantity: ((l = (n = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : n[1]) == null ? void 0 : l.quantity) ?? 1,
+      unit: ((m = (c = (s = this.filter) == null ? void 0 : s.parameters) == null ? void 0 : c[1]) == null ? void 0 : m.unit) ?? 1
+    } : ["last_completed", "next_full", "to_date"].includes(
+      (u = this.filter) == null ? void 0 : u.expression
+    ) ? this.filter.parameters[1] = {
+      unit: ((v = (p = (h = this.filter) == null ? void 0 : h.parameters) == null ? void 0 : p[1]) == null ? void 0 : v.unit) ?? 1
+    } : this.filter.parameters[1] = typeof this.filter.parameters[1] == "string" ? this.filter.parameters[1] : (/* @__PURE__ */ new Date()).toISOString());
+  }
+  _sendChangeEvent() {
+    var e, t;
+    this.filter.parameters = [{ ...(t = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : t[0] }, this._value], this.dispatchEvent(
+      new CustomEvent("filter-value-changed", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          value: this._value
+        }
+      })
+    );
+  }
+  setDate(e) {
+    var t, a;
+    this._value = e.detail.value, this._value !== ((a = (t = this.filter) == null ? void 0 : t.parameters) == null ? void 0 : a[1]) && this._sendChangeEvent();
+  }
+  setUnit(e) {
+    var a, o, i, n, l, s, c;
+    const t = (a = re.find(
+      (m) => {
+        var u;
+        return m.key === ((u = e == null ? void 0 : e.target) == null ? void 0 : u.value);
+      }
+    )) == null ? void 0 : a.level;
+    ((n = (i = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : i[1]) == null ? void 0 : n.unit) !== t && (this._value = {
+      unit: t ?? 1,
+      quantity: ((c = (s = (l = this.filter) == null ? void 0 : l.parameters) == null ? void 0 : s[1]) == null ? void 0 : c.quantity) ?? 1
+    }, this._sendChangeEvent());
+  }
+  setQuantity(e) {
+    var a, o, i, n, l, s, c;
+    const t = (a = e == null ? void 0 : e.target) == null ? void 0 : a.value;
+    ((n = (i = (o = this.filter) == null ? void 0 : o.parameters) == null ? void 0 : i[1]) == null ? void 0 : n.quantity) !== t && (this._value = {
+      quantity: t,
+      unit: ((c = (s = (l = this.filter) == null ? void 0 : l.parameters) == null ? void 0 : s[1]) == null ? void 0 : c.unit) ?? 1
+    }, this._sendChangeEvent());
+  }
+  renderDatePicker() {
+    var t, a, o, i, n, l, s, c, m, u, h, p, v, z;
+    let e = "second";
+    return ((o = (a = (t = this.filter) == null ? void 0 : t.parameters) == null ? void 0 : a[0]) == null ? void 0 : o.lowestLevel) > 4 && (((l = (n = (i = this.filter) == null ? void 0 : i.parameters) == null ? void 0 : n[0]) == null ? void 0 : l.lowestLevel) === 5 ? e = "day" : ((m = (c = (s = this.filter) == null ? void 0 : s.parameters) == null ? void 0 : c[0]) == null ? void 0 : m.lowestLevel) === 6 ? e = "hour" : ((p = (h = (u = this.filter) == null ? void 0 : u.parameters) == null ? void 0 : h[0]) == null ? void 0 : p.lowestLevel) === 7 ? e = "minute" : e = "second"), G`<luzmo-date-time-picker
+      .size=${this.size}
+      .precision=${e}
+      .timeZone=${this.timeZone}
+      @change=${this.setDate}
+      .value=${(z = (v = this.filter) == null ? void 0 : v.parameters) == null ? void 0 : z[1]}
+    ></luzmo-date-time-picker>`;
+  }
+  renderQuantityField() {
+    var e, t, a;
+    return G`<luzmo-number-field
+      .size=${this.size}
+      .value=${(a = (t = (e = this.filter) == null ? void 0 : e.parameters) == null ? void 0 : t[1]) == null ? void 0 : a.quantity}
+      @input=${this.setQuantity}
+      @change=${this.setQuantity}
+    ></luzmo-number-field>`;
+  }
+  renderUnitPicker() {
+    var a, o, i;
+    const e = re.map((n) => G`<luzmo-menu-item .value=${n.key}>
+        ${n.i18n()}
+      </luzmo-menu-item>`), t = ((a = re.find(
+      (n) => {
+        var l, s, c;
+        return n.level === ((c = (s = (l = this.filter) == null ? void 0 : l.parameters) == null ? void 0 : s[1]) == null ? void 0 : c.unit);
+      }
+    )) == null ? void 0 : a.key) ?? ((i = (o = re) == null ? void 0 : o[0]) == null ? void 0 : i.key);
+    return G`<luzmo-picker
+      .size=${this.size}
+      .value=${t}
+      @change=${this.setUnit}
+      variant="highlight"
+      >${e}</luzmo-picker
+    >`;
+  }
+  render() {
+    var t;
+    const e = (t = this.filter) == null ? void 0 : t.expression;
+    return ["last_now", "last_available", "next_now"].includes(e) ? G`${this.renderQuantityField()}${this.renderUnitPicker()}` : ["last_completed", "next_full"].includes(e) ? this.renderUnitPicker() : this.renderDatePicker();
+  }
+}
+ve([
+  ce({ type: String, reflect: !0 })
+], te.prototype, "language");
+ve([
+  ce({ type: String, attribute: "content-language", reflect: !0 })
+], te.prototype, "contentLanguage");
+ve([
+  ce({ type: String, attribute: "time-zone", reflect: !0 })
+], te.prototype, "timeZone");
+ve([
+  ce({ type: Object, reflect: !1 })
+], te.prototype, "filter");
+customElements.get("luzmo-filter-value-picker-datetime") || customElements.define(
+  "luzmo-filter-value-picker-datetime",
+  te
+);
+export {
+  te as LuzmoFilterValuePickerDatetime
+};