@telia-ace/alliance-ui 1.0.8 → 1.0.9-next.0

package/voca/components/telia-date-picker.js

@@ -1,4 +1,4 @@
-import { p as q, H as K, c as F, h as i, a as $, F as W } from "../../chunks/index-eef143db.js";
+import { p as G, H as K, c as I, h as i, a as $, F as W } from "../../chunks/index-eef143db.js";
 import { u as k } from "../../chunks/uniqueId-0daf01ec.js";
 import { s as X } from "../../chunks/stringCombiner-10b57054.js";
 import { c as E } from "../../chunks/chevron-down-50d47dd6.js";
@@ -32,31 +32,31 @@ function v(e) {
   if (t !== null && t.length)
     return x(t[1], t[2], t[3]);
 }
-function V(e) {
+function A(e) {
   if (e === void 0)
     return "";
   let t = e.getDate().toString(10), a = (e.getMonth() + 1).toString(10), r = e.getFullYear().toString(10);
   return e.getDate() < 10 && (t = `0${t}`), e.getMonth() < 9 && (a = `0${a}`), `${r}-${a}-${t}`;
 }
-function I(e, t) {
-  return e == null || t == null ? !1 : A(e, t) && e.getDate() === t.getDate();
+function F(e, t) {
+  return e == null || t == null ? !1 : V(e, t) && e.getDate() === t.getDate();
 }
-function A(e, t) {
+function V(e, t) {
   return e == null || t == null ? !1 : e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
 }
 function z(e, t) {
   const a = new Date(e);
   return a.setDate(a.getDate() + t), a;
 }
-function P(e, t = y.Monday) {
+function R(e, t = y.Monday) {
   const a = new Date(e), r = a.getDay(), l = (r < t ? 7 : 0) + r - t;
   return a.setDate(a.getDate() - l), a;
 }
-function R(e, t = y.Monday) {
+function P(e, t = y.Monday) {
   const a = new Date(e), r = a.getDay(), l = (r < t ? -7 : 0) + 6 - (r - t);
   return a.setDate(a.getDate() + l), a;
 }
-function D(e) {
+function w(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
 function C(e) {
@@ -80,34 +80,34 @@ function S(e, t, a) {
 function ne(e, t) {
   const a = [];
   let r = e;
-  for (; !I(r, t); )
+  for (; !F(r, t); )
     a.push(r), r = z(r, 1);
   return a.push(r), a;
 }
 function ce(e, t = y.Monday) {
-  const a = P(D(e), t), r = R(C(e), t);
+  const a = R(w(e), t), r = P(C(e), t);
   return ne(a, r);
 }
-const de = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: o, valueAsDate: s, value: d, identifier: h, disabled: c, readonly: u, required: _, role: g, touched: b, buttonLabel: m, buttonRef: n, inputRef: f, onInput: B, onBlur: N, onFocus: O, makeTouched: T, htmlForm: Z }) => {
-  const G = u || c;
+const de = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: o, valueAsDate: s, value: d, identifier: h, disabled: c, readonly: u, required: _, role: g, touched: b, buttonLabel: m, buttonRef: n, inputRef: f, onInput: B, onBlur: N, onFocus: O, makeTouched: T, htmlForm: q }) => {
+  const Z = u || c;
   return i(
     W,
     null,
     i("input", { class: {
       "telia-date-picker__input": !0,
       "telia-date-picker__input--touched": b
-    }, value: o, id: h, disabled: c, readonly: u, role: g, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: B, onFocus: O, onBlur: (w) => {
-      T(), N(w);
-    }, autoComplete: "off", ref: f, onInvalid: (w) => {
-      T(), w.preventDefault();
-    }, form: Z }),
+    }, value: o, id: h, disabled: c, readonly: u, role: g, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: B, onFocus: O, onBlur: (D) => {
+      T(), N(D);
+    }, autoComplete: "off", ref: f, onInvalid: (D) => {
+      T(), D.preventDefault();
+    }, form: q }),
     i("input", { type: "hidden", name: l, value: d }),
     i(
       "div",
       { class: "telia-date-picker__input-icon-container" },
       i(
         "telia-button",
-        { allyLabel: m, variant: "text", size: "sm", onClick: e, disabled: G, ref: (w) => n(w), type: "button", "data-testid": "telia-date-picker__toggle-button" },
+        { allyLabel: m, variant: "text", size: "sm", onClick: e, disabled: Z, ref: (D) => n(D), type: "button", "data-testid": "telia-date-picker__toggle-button" },
         i("telia-icon", { class: "telia-date-picker__toggle-icon", svg: re.svg, size: "sm" }),
         i(
           "span",
@@ -126,7 +126,7 @@ const de = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, nam
     )
   );
 }, ue = ({ focusedDay: e, today: t, day: a, onDaySelect: r, onKeyboardNavigation: l, focusedDayRef: o, disabled: s, inRange: d, isSelected: h, dateFormatter: c }) => {
-  const u = I(a, t), _ = A(a, e), g = I(a, e), b = !d, m = s || b;
+  const u = F(a, t), _ = V(a, e), g = F(a, e), b = !d, m = s || b;
   return i(
     "button",
     {
@@ -187,7 +187,7 @@ const pe = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
       i("tbody", null, he(b, 7).map((m) => i("tr", { class: "telia-date-picker__row" }, m.map((n) => i(
         "td",
         { class: "telia-date-picker__cell" },
-        i(ue, { day: n, today: g, focusedDay: t, isSelected: I(n, e), disabled: h(n), inRange: M(n, o, s), onDaySelect: c, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
+        i(ue, { day: n, today: g, focusedDay: t, isSelected: F(n, e), disabled: h(n), inRange: M(n, o, s), onDaySelect: c, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
       )))))
     )
   );
@@ -241,7 +241,7 @@ const pe = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
   locale: "en-GB"
 }, fe = {
   parse: v,
-  format: V
+  format: A
 }, ge = (e, t) => {
   const a = [];
   for (var r = e; r <= t; r++)
@@ -254,7 +254,7 @@ const pe = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
   breakpointXl: "90em",
   fluidBreakpointMedium: "60rem",
   fluidBreakpointXlarge: "144rem"
-}, _e = '.telia-date-picker{display:flex;flex-direction:column;position:relative}.telia-date-picker__label{order:1}.telia-date-picker__label label{color:rgba(0, 0, 0, 0.85)}.telia-date-picker__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;color:rgba(0, 0, 0, 0.85);height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-date-picker__input:required{box-shadow:none}.telia-date-picker__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.telia-date-picker__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-date-picker__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled~.telia-date-picker__label .telia-label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-date-picker__input:disabled~.telia-date-picker__additional{color:rgba(0, 0, 0, 0.4)}.telia-date-picker__input:invalid{box-shadow:none}.telia-date-picker__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-date-picker__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(-1 * calc(4.6rem * var(--voca-rem-multiplier))) 0 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-date-picker__additional{order:5}.telia-date-picker__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:6}.telia-date-picker__toggle-icon{margin:0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:invalid~.telia-date-picker__input-icon-container .telia-date-picker__toggle-icon{color:#e4175c}.telia-date-picker__dialog-container{order:4}.telia-date-picker__dialog{z-index:300;background-color:rgba(0, 0, 0, 0.3);bottom:0;display:flex;left:0;min-width:calc(32rem * var(--voca-rem-multiplier));opacity:0;position:fixed;right:0;top:0;transform:translateZ(0);transform-origin:bottom center;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;visibility:hidden;width:100%;will-change:transform, opacity, visibility}@media screen and (min-width: 37.5em){.telia-date-picker__dialog{z-index:100;background:none;bottom:auto;position:absolute;right:auto;top:auto;transform:scale(0.96) translateZ(0) translateY(-2rem);transform-origin:top right}}.telia-date-picker__dialog.is-left{left:auto;right:0;width:auto}.telia-date-picker__dialog.is-active{opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);visibility:visible}.telia-date-picker__dialog-content{background-color:#ffffff;border-radius:0;border-top-left-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top-right-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064;bottom:0;display:none;left:0;margin:0;max-width:none;padding:0;position:absolute;transform:translateZ(0) translateY(100%);width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__dialog-content{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 calc(1.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1);margin:calc(0.8rem * var(--voca-rem-multiplier)) 0 0 auto;max-width:calc(31rem * var(--voca-rem-multiplier));min-width:calc(29rem * var(--voca-rem-multiplier));padding:0;position:relative;transform:none;transition:none;visibility:visible}}.is-active .telia-date-picker__dialog-content{display:block;transform:translateZ(0) translateY(0)}.telia-date-picker__table-wrapper{margin:calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(2rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-date-picker__table-wrapper{padding:0 calc(2rem * var(--voca-rem-multiplier))}}.telia-date-picker__table{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1rem * var(--voca-rem-multiplier));color:#222222;border-collapse:collapse;border-spacing:0;line-height:1.25;margin:0;padding:0;text-align:center;width:100%}.telia-date-picker__table-header{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.2rem * var(--voca-rem-multiplier));color:#222222;letter-spacing:calc(0.1rem * var(--voca-rem-multiplier));line-height:1.4;padding-bottom:calc(0.8rem * var(--voca-rem-multiplier));text-decoration:none;text-transform:uppercase}.telia-date-picker__cell{text-align:center}.telia-date-picker__day{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));color:#29003e;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:calc(3.2rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding:0 0 calc(0.1rem * var(--voca-rem-multiplier));position:relative;text-align:center;vertical-align:middle;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__day.is-today{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-date-picker__day:hover{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;background-color:#edc8ff;color:#29003e}.telia-date-picker__day[aria-pressed=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;background-color:#29003e;color:#ffffff;box-shadow:none;outline:0}.telia-date-picker__day:focus-visible{outline:none}.telia-date-picker__day:focus{outline:none;}.telia-date-picker__day:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));z-index:101}@media screen and (min-width: 37.5em){.telia-date-picker__day:focus::before{z-index:301}}.telia-date-picker__day:not(.is-month){font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;box-shadow:none}.telia-date-picker__day:not(.is-month),.telia-date-picker__day[aria-disabled=true]{background:transparent;color:rgba(0, 0, 0, 0.4);cursor:default}.telia-date-picker__day[aria-disabled=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6)}.telia-date-picker__header{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #dcdce1;align-items:center;display:flex;justify-content:space-between;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier)) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.8rem * var(--voca-rem-multiplier)));width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}}.telia-date-picker__nav{white-space:nowrap}.telia-date-picker__prev,.telia-date-picker__next{color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;display:inline-flex;height:calc(3.2rem * var(--voca-rem-multiplier));justify-content:center;margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding:0;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__prev:not([disabled]):hover,.telia-date-picker__next:not([disabled]):hover{background-color:#edc8ff}.telia-date-picker__prev:focus,.telia-date-picker__next:focus{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline:none}.telia-date-picker__prev:active:focus,.telia-date-picker__next:active:focus{box-shadow:none}.telia-date-picker__prev:disabled,.telia-date-picker__next:disabled{cursor:default;opacity:0.5}.telia-date-picker__prev-icon{margin:0 auto}.telia-date-picker__next-icon{margin:0 auto}.telia-date-picker__select{display:inline-flex;margin-top:calc(0.4rem * var(--voca-rem-multiplier));position:relative}.telia-date-picker__select select{cursor:pointer;font-size:calc(1rem * var(--voca-rem-multiplier));height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.telia-date-picker__select select:focus+.telia-date-picker__select-label{box-shadow:0 0 0 calc(0.2rem * var(--voca-rem-multiplier)) #0099ff}.telia-date-picker__select-icon{margin:0 0 0 calc(0.4rem * var(--voca-rem-multiplier))}.telia-date-picker__select-label{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));color:#222222;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;display:flex;line-height:1.25;padding:0 calc(0.4rem * var(--voca-rem-multiplier)) 0 calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none;position:relative;width:100%}.telia-date-picker__mobile{background-color:#fbf0ff;align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile{background-color:transparent;border:0;overflow:visible;padding:0;position:absolute;right:calc(-0.8rem * var(--voca-rem-multiplier));top:calc(-0.8rem * var(--voca-rem-multiplier))}}.telia-date-picker__mobile-heading{color:#29003e;display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile-heading{display:none}}.telia-date-picker__close{color:#222222;border-radius:calc(99.9rem * var(--voca-rem-multiplier));align-items:center;-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;padding:0;width:calc(2.4rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-date-picker__close{display:none}}.telia-date-picker__close:hover{color:#29003e}.telia-date-picker__close:focus{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline:none}.telia-date-picker__close-icon{margin:0 auto}.telia-date-picker__vhidden{border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));overflow:hidden;padding:0;position:absolute;top:0;width:calc(0.1rem * var(--voca-rem-multiplier))}', p = {
+}, _e = '.telia-date-picker{display:flex;flex-direction:column;position:relative}.telia-date-picker__label{order:1}.telia-date-picker__label label{color:rgba(0, 0, 0, 0.85)}.telia-date-picker__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;color:rgba(0, 0, 0, 0.85);height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-date-picker__input:required{box-shadow:none}.telia-date-picker__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.telia-date-picker__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-date-picker__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:disabled~.telia-date-picker__label .telia-label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-date-picker__input:disabled~.telia-date-picker__additional{color:rgba(0, 0, 0, 0.4)}.telia-date-picker__input:invalid{box-shadow:none}.telia-date-picker__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-date-picker__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-date-picker__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-date-picker__input-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(-1 * calc(4.6rem * var(--voca-rem-multiplier))) 0 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-date-picker__additional{order:5}.telia-date-picker__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:6}.telia-date-picker__toggle-icon{margin:0 calc(1.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input--touched:invalid~.telia-date-picker__input-icon-container .telia-date-picker__toggle-icon{color:#e4175c}.telia-date-picker__dialog-container{order:4}.telia-date-picker__dialog{z-index:300;background-color:rgba(0, 0, 0, 0.3);bottom:0;display:flex;left:0;min-width:calc(32rem * var(--voca-rem-multiplier));opacity:0;position:fixed;right:0;top:0;transform:translateZ(0);transform-origin:bottom center;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;visibility:hidden;width:100%;will-change:transform, opacity, visibility}@media screen and (min-width: 37.5em){.telia-date-picker__dialog{z-index:100;background:none;bottom:auto;position:absolute;right:auto;top:auto;transform:scale(0.96) translateZ(0) translateY(-2rem);transform-origin:top right}}.telia-date-picker__dialog.is-left{left:auto;right:0;width:auto}.telia-date-picker__dialog.is-active{opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);visibility:visible}.telia-date-picker__dialog-content{background-color:#ffffff;border-radius:0;border-top-left-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top-right-radius:calc(0.2rem * var(--voca-rem-multiplier));border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064;bottom:0;display:none;left:0;margin:0;max-width:none;padding:0;position:absolute;transform:translateZ(0) translateY(100%);width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__dialog-content{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 calc(1.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1);margin:calc(0.8rem * var(--voca-rem-multiplier)) 0 0 auto;max-width:calc(31rem * var(--voca-rem-multiplier));min-width:calc(29rem * var(--voca-rem-multiplier));padding:0;position:relative;transform:none;transition:none;visibility:visible}}.is-active .telia-date-picker__dialog-content{display:block;transform:translateZ(0) translateY(0)}.telia-date-picker__table-wrapper{margin:calc(1.6rem * var(--voca-rem-multiplier)) 0 calc(2rem * var(--voca-rem-multiplier));padding:0 calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-date-picker__table-wrapper{padding:0 calc(2rem * var(--voca-rem-multiplier))}}.telia-date-picker__table{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1rem * var(--voca-rem-multiplier));color:#222222;border-collapse:collapse;border-spacing:0;line-height:1.25;margin:0;padding:0;text-align:center;width:100%}.telia-date-picker__table-header{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.2rem * var(--voca-rem-multiplier));color:#222222;letter-spacing:calc(0.1rem * var(--voca-rem-multiplier));line-height:1.4;padding-bottom:calc(0.8rem * var(--voca-rem-multiplier));text-decoration:none;text-transform:uppercase}.telia-date-picker__cell{text-align:center}.telia-date-picker__day{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.4rem * var(--voca-rem-multiplier));color:#29003e;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;height:calc(3.2rem * var(--voca-rem-multiplier));line-height:calc(1.6rem * var(--voca-rem-multiplier));padding:0 0 calc(0.1rem * var(--voca-rem-multiplier));position:relative;text-align:center;vertical-align:middle;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__day.is-today{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-date-picker__day:hover{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;background-color:#edc8ff;color:#29003e}.telia-date-picker__day[aria-pressed=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;background-color:#29003e;color:#ffffff;box-shadow:none;outline:0}.telia-date-picker__day:focus-visible{outline:none}.telia-date-picker__day:focus{outline:none;}.telia-date-picker__day:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));z-index:101}@media screen and (min-width: 37.5em){.telia-date-picker__day:focus::before{z-index:301}}.telia-date-picker__day:not(.is-month){font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;box-shadow:none}.telia-date-picker__day:not(.is-month),.telia-date-picker__day[aria-disabled=true]{background:transparent;color:rgba(0, 0, 0, 0.4);cursor:default}.telia-date-picker__day[aria-disabled=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6)}.telia-date-picker__header{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #dcdce1;align-items:center;display:flex;justify-content:space-between;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier)) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.8rem * var(--voca-rem-multiplier)));width:100%}@media screen and (min-width: 37.5em){.telia-date-picker__header{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier)) calc(0.8rem * var(--voca-rem-multiplier))}}.telia-date-picker__nav{white-space:nowrap}.telia-date-picker__prev,.telia-date-picker__next{color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;display:inline-flex;height:calc(3.2rem * var(--voca-rem-multiplier));justify-content:center;margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding:0;width:calc(3.2rem * var(--voca-rem-multiplier))}.telia-date-picker__prev:not([disabled]):hover,.telia-date-picker__next:not([disabled]):hover{background-color:#edc8ff}.telia-date-picker__prev:focus,.telia-date-picker__next:focus{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline:none}.telia-date-picker__prev:active:focus,.telia-date-picker__next:active:focus{box-shadow:none}.telia-date-picker__prev:disabled,.telia-date-picker__next:disabled{cursor:default;opacity:0.5}.telia-date-picker__prev-icon{margin:0 auto}.telia-date-picker__next-icon{margin:0 auto}.telia-date-picker__select{display:inline-flex;margin-top:calc(0.4rem * var(--voca-rem-multiplier));position:relative}.telia-date-picker__select select{cursor:pointer;font-size:calc(1rem * var(--voca-rem-multiplier));height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.telia-date-picker__select select:focus+.telia-date-picker__select-label{box-shadow:0 0 0 calc(0.2rem * var(--voca-rem-multiplier)) #0099ff}.telia-date-picker__select-icon{margin:0 0 0 calc(0.4rem * var(--voca-rem-multiplier))}.telia-date-picker__select-label{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));color:#222222;border-radius:calc(0.2rem * var(--voca-rem-multiplier));align-items:center;display:flex;line-height:1.25;padding:0 calc(0.4rem * var(--voca-rem-multiplier)) 0 calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none;position:relative;width:100%}.telia-date-picker__mobile{background-color:#fbf0ff;align-items:center;display:flex;justify-content:space-between;overflow:visible;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile{background-color:transparent;display:flex;justify-content:flex-end;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}}.telia-date-picker__mobile-heading{color:#29003e;display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 37.5em){.telia-date-picker__mobile-heading{display:none}}.telia-date-picker__close{color:#222222;border-radius:calc(99.9rem * var(--voca-rem-multiplier));align-items:center;-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;height:calc(2.4rem * var(--voca-rem-multiplier));justify-content:center;padding:0;width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-date-picker__close:hover{color:#29003e}.telia-date-picker__close-icon{margin:0 auto}.telia-date-picker__vhidden{border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)), calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));overflow:hidden;padding:0;position:absolute;top:0;width:calc(0.1rem * var(--voca-rem-multiplier))}', p = {
   TAB: 9,
   ESC: 27,
   SPACE: 32,
@@ -271,9 +271,9 @@ function ke(e, t) {
   const a = e.value, r = e.selectionStart, l = a.slice(0, r), o = a.slice(r, a.length), s = l.replace(t, ""), d = o.replace(t, ""), h = s + d, c = s.length;
   return e.value = h, e.selectionStart = e.selectionEnd = c, h;
 }
-const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
+const ye = /[^0-9\.\/\-]+/g, Y = 300, De = /* @__PURE__ */ G(class extends K {
   constructor() {
-    super(), this.__registerHost(), this.vocaChange = F(this, "vocaChange", 7), this.vocaBlur = F(this, "vocaBlur", 7), this.vocaFocus = F(this, "vocaFocus", 7), this.monthSelectId = k("dateMonth"), this.yearSelectId = k("dateYear"), this.dialogLabelId = k("dateLabel"), this.body = document.body, this.initialTouchX = null, this.initialTouchY = null, this.dataTrackingId = "telia-date-picker", this.name = "date", this.additionalId = k("additional"), this.inputId = k("input"), this.disabled = !1, this.direction = "right", this.readonly = !1, this.required = !1, this.value = "", this.min = "", this.max = "", this.yearRange = { past: 10, future: 10 }, this.firstDayOfWeek = y.Monday, this.localization = ve, this.dateAdapter = fe, this.modalOpen = !1, this.isDateDisabled = () => !1, this.errorId = k("error"), this.activeFocus = !1, this.focusedDay = /* @__PURE__ */ new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.toggleSmallScreenScroll = () => {
+    super(), this.__registerHost(), this.vocaChange = I(this, "vocaChange", 7), this.vocaBlur = I(this, "vocaBlur", 7), this.vocaFocus = I(this, "vocaFocus", 7), this.monthSelectId = k("dateMonth"), this.yearSelectId = k("dateYear"), this.dialogLabelId = k("dateLabel"), this.body = document.body, this.initialTouchX = null, this.initialTouchY = null, this.dataTrackingId = "telia-date-picker", this.name = "date", this.additionalId = k("additional"), this.inputId = k("input"), this.disabled = !1, this.direction = "right", this.readonly = !1, this.required = !1, this.value = "", this.min = "", this.max = "", this.yearRange = { past: 10, future: 10 }, this.firstDayOfWeek = y.Monday, this.localization = ve, this.dateAdapter = fe, this.modalOpen = !1, this.isDateDisabled = () => !1, this.errorId = k("error"), this.activeFocus = !1, this.focusedDay = /* @__PURE__ */ new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.toggleSmallScreenScroll = () => {
       if (this.body.style.overflowY === "hidden") {
         this.body.style.overflowY = "";
         return;
@@ -312,7 +312,7 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
       this.hide();
     }, this.handleKeyboardNavigation = (e) => {
       if (e.keyCode === p.TAB && !e.shiftKey) {
-        e.preventDefault(), this.firstFocusableElement.focus();
+        e.preventDefault(), this.firstFocusableElement.querySelector("button").focus();
         return;
       }
       var t = !0;
@@ -365,8 +365,8 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
       const e = this.datePickerInput.value, t = this.dateAdapter.parse(e, x);
       return t === void 0 || !M(t, v(this.min), v(this.max)) ? !1 : !this.isDateDisabled(t);
     }, this.updateErrorMessage = (e) => {
-      var t;
-      (t = this.datePickerInput) === null || t === void 0 || t.setCustomValidity(e), this.errorMessageState = e;
+      var t, a;
+      (a = (t = this.datePickerInput) === null || t === void 0 ? void 0 : t.setCustomValidity) === null || a === void 0 || a.call(t, e), this.errorMessageState = e;
     }, this.isValueMissing = () => {
       var e;
       return ((e = this.datePickerInput) === null || e === void 0 ? void 0 : e.value.length) === 0;
@@ -382,7 +382,17 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
           return;
         this.updateErrorMessage("");
       }
-    }, this.setToggleRef = (e) => this.datePickerButton = e, this.setTextInputRef = (e) => this.datePickerInput = e, this.setDialogWrapperRef = (e) => this.dialogWrapperNode = e, this.setCloseButtonRef = (e) => this.firstFocusableElement = e, this.setMonthSelectRef = (e) => this.monthSelectNode = e;
+    }, this.setToggleRef = (e) => {
+      this.datePickerButton = e;
+    }, this.setTextInputRef = (e) => {
+      this.datePickerInput = e;
+    }, this.setDialogWrapperRef = (e) => {
+      this.dialogWrapperNode = e;
+    }, this.setCloseButtonRef = (e) => {
+      this.firstFocusableElement = e;
+    }, this.setMonthSelectRef = (e) => {
+      this.monthSelectNode = e;
+    };
   }
   connectedCallback() {
     this.createDateFormatters();
@@ -392,7 +402,7 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
   }
   componentDidRender() {
     var e, t;
-    this.datePickerInput && (!((e = this.datePickerInput) === null || e === void 0) && e.setCustomValidity) && ((t = this.datePickerInput) === null || t === void 0 || t.setCustomValidity(this.errorMessageState));
+    (t = (e = this.datePickerInput) === null || e === void 0 ? void 0 : e.setCustomValidity) === null || t === void 0 || t.call(e, this.errorMessageState);
   }
   yearRangeChanged(e) {
     let t = typeof e == "string" ? JSON.parse(e) : e;
@@ -438,7 +448,11 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
    * returning to the date picker's button. Default is true.
    */
   async hide(e = !0) {
-    this.open = !1, this.modalOpen = !1, this.toggleSmallScreenScroll(), clearTimeout(this.focusTimeoutId), e && setTimeout(() => this.datePickerButton.focus(), Y + 200);
+    this.open = !1, this.modalOpen = !1, this.toggleSmallScreenScroll(), clearTimeout(this.focusTimeoutId), e && setTimeout(
+      // TODO: querySelector as a workaround to focus native button inside telia-button, until telia-button doesn't handle that itself
+      () => this.datePickerButton.querySelector("button").focus(),
+      Y + 200
+    );
   }
   addDays(e) {
     this.setFocusedDay(z(this.focusedDay, e));
@@ -450,24 +464,24 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
     this.setYear(this.focusedDay.getFullYear() + e);
   }
   startOfWeek() {
-    this.setFocusedDay(P(this.focusedDay, this.firstDayOfWeek));
+    this.setFocusedDay(R(this.focusedDay, this.firstDayOfWeek));
   }
   endOfWeek() {
-    this.setFocusedDay(R(this.focusedDay, this.firstDayOfWeek));
+    this.setFocusedDay(P(this.focusedDay, this.firstDayOfWeek));
   }
   setMonth(e) {
-    const t = H(D(this.focusedDay), e), a = C(t), r = H(this.focusedDay, e);
+    const t = H(w(this.focusedDay), e), a = C(t), r = H(this.focusedDay, e);
     this.setFocusedDay(S(r, t, a));
   }
   setYear(e) {
-    const t = L(D(this.focusedDay), e), a = C(t), r = L(this.focusedDay, e);
+    const t = L(w(this.focusedDay), e), a = C(t), r = L(this.focusedDay, e);
     this.setFocusedDay(S(r, t, a));
   }
   setFocusedDay(e) {
     this.focusedDay = S(e, v(this.min), v(this.max));
   }
   setValue(e) {
-    this.value = V(e), this.vocaChange.emit({
+    this.value = A(e), this.vocaChange.emit({
       component: "telia-date-picker",
       value: this.value,
       valueAsDate: e
@@ -487,11 +501,11 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
       "telia-date-picker__dialog": !0,
       "is-left": this.direction === "left",
       "is-active": this.open
-    }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, i("div", { class: "telia-date-picker__dialog-content", onKeyDown: this.handleEscKey, ref: this.setDialogWrapperRef }, i("div", { class: "telia-date-picker__mobile", onFocusin: this.disableActiveFocus }, i("telia-heading", { tag: "h2", class: "telia-date-picker__mobile-heading", variant: "subsection-100" }, this.localization.calendarHeading), i("button", { class: "telia-date-picker__close", ref: this.setCloseButtonRef, onKeyDown: this.handleFirstFocusableKeydown, onClick: this.handleCloseButtonClick, type: "button" }, i("telia-icon", { class: "telia-date-picker__close-icon", svg: j.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.closeLabel))), i("div", { class: "telia-date-picker__header", onFocusin: this.disableActiveFocus }, i("div", null, i("h2", { id: this.dialogLabelId, class: "telia-date-picker__vhidden", "aria-live": "polite", "aria-atomic": "true" }, this.localization.monthNames[d], " ", this.focusedDay.getFullYear()), i("label", { htmlFor: this.monthSelectId, class: "telia-date-picker__vhidden" }, this.localization.monthSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.monthSelectId, class: "telia-date-picker__select--month", ref: this.setMonthSelectRef, onChange: this.handleMonthSelect, onInput: (n) => {
+    }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, i("div", { class: "telia-date-picker__dialog-content", onKeyDown: this.handleEscKey, ref: this.setDialogWrapperRef }, i("div", { class: "telia-date-picker__mobile", onFocusin: this.disableActiveFocus }, i("telia-heading", { tag: "h2", class: "telia-date-picker__mobile-heading", variant: "subsection-100" }, this.localization.calendarHeading), i("telia-button", { class: "telia-date-picker__close", ref: this.setCloseButtonRef, onKeyDown: this.handleFirstFocusableKeydown, onClick: this.handleCloseButtonClick, size: "sm", variant: "text", type: "button", allyLabel: this.localization.closeLabel }, i("telia-icon", { class: "telia-date-picker__close-icon", svg: j.svg, size: "sm" }))), i("div", { class: "telia-date-picker__header", onFocusin: this.disableActiveFocus }, i("div", null, i("h2", { id: this.dialogLabelId, class: "telia-date-picker__vhidden", "aria-live": "polite", "aria-atomic": "true" }, this.localization.monthNames[d], " ", this.focusedDay.getFullYear()), i("label", { htmlFor: this.monthSelectId, class: "telia-date-picker__vhidden" }, this.localization.monthSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.monthSelectId, class: "telia-date-picker__select--month", ref: this.setMonthSelectRef, onChange: this.handleMonthSelect, onInput: (n) => {
       n.stopPropagation();
-    } }, this.localization.monthNames.map((n, f) => i("option", { key: n, value: f, selected: f === d, disabled: !M(new Date(h, f, 1), c !== void 0 ? D(c) : null, u !== void 0 ? C(u) : null) }, n))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.localization.monthNamesShort[d]), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" }))), i("label", { htmlFor: this.yearSelectId, class: "telia-date-picker__vhidden" }, this.localization.yearSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.yearSelectId, class: "telia-date-picker__select--year", onChange: this.handleYearSelect, onInput: (n) => {
+    } }, this.localization.monthNames.map((n, f) => i("option", { key: n, value: f, selected: f === d, disabled: !M(new Date(h, f, 1), c !== void 0 ? w(c) : null, u !== void 0 ? C(u) : null) }, n))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.localization.monthNamesShort[d]), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" }))), i("label", { htmlFor: this.yearSelectId, class: "telia-date-picker__vhidden" }, this.localization.yearSelectLabel), i("div", { class: "telia-date-picker__select" }, i("select", { id: this.yearSelectId, class: "telia-date-picker__select--year", onChange: this.handleYearSelect, onInput: (n) => {
       n.stopPropagation();
-    } }, ge(b, m).map((n) => i("option", { key: n, selected: n === h }, n))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.focusedDay.getFullYear()), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" })))), i("div", { class: "telia-date-picker__nav" }, i("button", { class: "telia-date-picker__prev", onClick: this.handlePreviousMonthClick, disabled: _, type: "button" }, i("telia-icon", { class: "telia-date-picker__prev-icon", svg: le.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.prevMonthLabel)), i("button", { class: "telia-date-picker__next", onClick: this.handleNextMonthClick, disabled: g, type: "button" }, i("telia-icon", { class: "telia-date-picker__next-icon", svg: oe.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.nextMonthLabel)))), i(pe, { dateFormatter: this.dateFormatShort, selectedDate: l, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: c, max: u, isDateDisabled: this.isDateDisabled }))))));
+    } }, ge(b, m).map((n) => i("option", { key: n, selected: n === h }, n))), i("div", { class: "telia-date-picker__select-label", "aria-hidden": "true" }, i("span", null, this.focusedDay.getFullYear()), i("telia-icon", { class: "telia-date-picker__select-icon", svg: E.svg, size: "sm" })))), i("div", { class: "telia-date-picker__nav" }, i("button", { class: "telia-date-picker__prev", onClick: this.handlePreviousMonthClick, disabled: _, type: "button", "aria-label": this.localization.prevMonthLabel }, i("telia-icon", { class: "telia-date-picker__prev-icon", svg: le.svg, size: "sm" })), i("button", { class: "telia-date-picker__next", onClick: this.handleNextMonthClick, disabled: g, type: "button", "aria-label": this.localization.nextMonthLabel }, i("telia-icon", { class: "telia-date-picker__next-icon", svg: oe.svg, size: "sm" })))), i(pe, { dateFormatter: this.dateFormatShort, selectedDate: l, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: c, max: u, isDateDisabled: this.isDateDisabled }))))));
   }
   get element() {
     return this;
@@ -541,13 +555,13 @@ const ye = /[^0-9\.\/\-]+/g, Y = 300, we = /* @__PURE__ */ q(class extends K {
   show: [64],
   hide: [64]
 }, [[6, "click", "handleDocumentClick"]]]);
-function De() {
+function we() {
   if (typeof customElements > "u")
     return;
   ["telia-date-picker", "telia-button", "telia-field-assistive-text", "telia-field-error", "telia-heading", "telia-icon", "telia-label", "telia-vst"].forEach((t) => {
     switch (t) {
       case "telia-date-picker":
-        customElements.get(t) || customElements.define(t, we);
+        customElements.get(t) || customElements.define(t, De);
         break;
       case "telia-button":
         customElements.get(t) || J();
@@ -573,5 +587,5 @@ function De() {
     }
   });
 }
-De();
+we();
 //# sourceMappingURL=telia-date-picker.js.map