@telia-ace/alliance-ui 1.0.6-next.0 → 1.0.6-next.1

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

@@ -1,33 +1,34 @@
 import { p as q, H as K, c as F, h as i, a as $, F as W } from "../../chunks/index-17652cf7.js";
-import { u as b } from "../../chunks/uniqueId-0daf01ec.js";
+import { u as k } from "../../chunks/uniqueId-0daf01ec.js";
 import { s as j } from "../../chunks/stringCombiner-10b57054.js";
 import { c as E } from "../../chunks/chevron-down-50d47dd6.js";
 import { c as J } from "../../chunks/close-ac6e4f1c.js";
-import { d as U } from "../../chunks/telia-field-assistive-text2-fd970326.js";
-import { d as X } from "../../chunks/telia-field-error2-63eae7b3.js";
-import { d as Q } from "../../chunks/telia-heading2-5fdf4c16.js";
-import { d as ee } from "../../chunks/telia-icon2-34bf5aef.js";
-import { d as te } from "../../chunks/telia-label2-4d674e5e.js";
-import { d as ae } from "../../chunks/telia-vst2-1a7f7bd6.js";
+import { d as U } from "../../chunks/telia-button2-d25eddda.js";
+import { d as X } from "../../chunks/telia-field-assistive-text2-8e042a32.js";
+import { d as Q } from "../../chunks/telia-field-error2-8beb1632.js";
+import { d as ee } from "../../chunks/telia-heading2-9d3ab48b.js";
+import { d as te } from "../../chunks/telia-icon2-34bf5aef.js";
+import { d as ae } from "../../chunks/telia-label2-4d674e5e.js";
+import { d as ie } from "../../chunks/telia-vst2-1a7f7bd6.js";
 import "../../chunks/error-filled-8de50bdd.js";
 import "../../chunks/getSvgContent-f2389ce0.js";
-const ie = { name: "chevron-right", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.1663 32.0005C47.1667 32.6147 46.9059 33.2001 46.449 33.6106L24.7824 53.1106C23.8931 53.9111 22.5233 53.8391 21.7228 52.9498C20.9223 52.0606 20.9943 50.6907 21.8836 49.8903L41.7613 32.0005L21.8836 14.1106C21.3083 13.5928 21.053 12.8075 21.2138 12.0503C21.3746 11.2932 21.9271 10.6794 22.6632 10.4402C23.3993 10.2009 24.2071 10.3724 24.7824 10.8903L46.449 30.3903C46.9059 30.8008 47.1667 31.3862 47.1663 32.0005Z"/></svg>' }, re = { name: "calendar", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M58 51.3846V16.9231C57.9973 14.5451 56.0588 12.6181 53.6667 12.6154H49.3333V8.30769C49.3306 5.92975 47.3921 4.00272 45 4H40.6667C38.2746 4.00272 36.3361 5.92975 36.3333 8.30769V12.6154H27.6667V8.30769C27.6639 5.92975 25.7254 4.00272 23.3333 4H19C16.6079 4.00272 14.6694 5.92975 14.6667 8.30769V12.6154H10.3333C7.94123 12.6181 6.00273 14.5451 6 16.9231V51.3846C6.00547 56.1405 9.88247 59.9946 14.6667 60H49.3333C54.1175 59.9946 57.9945 56.1405 58 51.3846ZM44.9999 16.923H40.6666V8.30766H44.9999V16.923ZM23.3333 16.923H18.9999V8.30766H23.3333V16.923ZM49.3334 16.9231H53.6668V24.9852H10.3334V16.9231H14.6668C14.6695 19.301 16.608 21.228 19.0001 21.2307H23.3334C25.7255 21.228 27.664 19.301 27.6668 16.9231H36.3334C36.3362 19.301 38.2747 21.228 40.6668 21.2307H45.0001C47.3922 21.228 49.3307 19.301 49.3334 16.9231ZM10.3334 28.9852V51.3846C10.3362 53.7625 12.2747 55.6896 14.6668 55.6923H49.3334C51.7255 55.6896 53.664 53.7625 53.6668 51.3846V28.9852H10.3334Z"/><path d="M14.6949 35.3069C14.6949 34.2023 15.5957 33.3069 16.7068 33.3069H21.378C22.4891 33.3069 23.3899 34.2024 23.3899 35.3069V36.7091C23.3899 37.8137 22.4891 38.7091 21.378 38.7091H16.7068C15.5957 38.7091 14.6949 37.8137 14.6949 36.7091V35.3069Z"/><path d="M27.7374 35.3069C27.7374 34.2023 28.6381 33.3069 29.7493 33.3069H34.4204C35.5316 33.3069 36.4323 34.2024 36.4323 35.3069V36.7091C36.4323 37.8137 35.5316 38.7091 34.4204 38.7091H29.7493C28.6381 38.7091 27.7374 37.8137 27.7374 36.7091V35.3069Z"/><path d="M40.7798 35.3069C40.7798 34.2023 41.6806 33.3069 42.7917 33.3069H47.4629C48.574 33.3069 49.4748 34.2024 49.4748 35.3069V36.7091C49.4748 37.8137 48.574 38.7091 47.4629 38.7091H42.7917C41.6806 38.7091 40.7798 37.8137 40.7798 36.7091V35.3069Z"/><path d="M14.6949 46.1114C14.6949 45.0068 15.5957 44.1114 16.7068 44.1114H21.378C22.4891 44.1114 23.3899 45.0068 23.3899 46.1114V47.5136C23.3899 48.6181 22.4891 49.5136 21.378 49.5136H16.7068C15.5957 49.5136 14.6949 48.6181 14.6949 47.5136V46.1114Z"/><path d="M27.7374 46.1114C27.7374 45.0068 28.6381 44.1114 29.7493 44.1114H34.4204C35.5316 44.1114 36.4323 45.0068 36.4323 46.1114V47.5136C36.4323 48.6181 35.5316 49.5136 34.4204 49.5136H29.7493C28.6381 49.5136 27.7374 48.6181 27.7374 47.5136V46.1114Z"/><path d="M40.7798 46.1114C40.7798 45.0068 41.6806 44.1114 42.7917 44.1114H47.4629C48.574 44.1114 49.4748 45.0068 49.4748 46.1114V47.5136C49.4748 48.6181 48.574 49.5136 47.4629 49.5136H42.7917C41.6806 49.5136 40.7798 48.6181 40.7798 47.5136V46.1114Z"/></svg>' }, le = { name: "chevron-left", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M42.1162 49.8902C42.6915 50.4081 42.9468 51.1934 42.786 51.9505C42.6252 52.7076 42.0727 53.3214 41.3366 53.5607C40.6005 53.8 39.7927 53.6284 39.2174 53.1106L17.5508 33.6106C17.0942 33.1999 16.8335 32.6146 16.8335 32.0004C16.8335 31.3863 17.0942 30.801 17.5508 30.3902L39.2174 10.8902C40.1067 10.0898 41.4766 10.1618 42.277 11.0511C43.0775 11.9403 43.0055 13.3102 42.1162 14.1106L22.2385 32.0004L42.1162 49.8902Z"/></svg>' }, oe = /^(\d{4})-(\d{2})-(\d{2})$/;
-var k;
+const re = { name: "chevron-right", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.1663 32.0005C47.1667 32.6147 46.9059 33.2001 46.449 33.6106L24.7824 53.1106C23.8931 53.9111 22.5233 53.8391 21.7228 52.9498C20.9223 52.0606 20.9943 50.6907 21.8836 49.8903L41.7613 32.0005L21.8836 14.1106C21.3083 13.5928 21.053 12.8075 21.2138 12.0503C21.3746 11.2932 21.9271 10.6794 22.6632 10.4402C23.3993 10.2009 24.2071 10.3724 24.7824 10.8903L46.449 30.3903C46.9059 30.8008 47.1667 31.3862 47.1663 32.0005Z"/></svg>' }, le = { name: "calendar", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M58 51.3846V16.9231C57.9973 14.5451 56.0588 12.6181 53.6667 12.6154H49.3333V8.30769C49.3306 5.92975 47.3921 4.00272 45 4H40.6667C38.2746 4.00272 36.3361 5.92975 36.3333 8.30769V12.6154H27.6667V8.30769C27.6639 5.92975 25.7254 4.00272 23.3333 4H19C16.6079 4.00272 14.6694 5.92975 14.6667 8.30769V12.6154H10.3333C7.94123 12.6181 6.00273 14.5451 6 16.9231V51.3846C6.00547 56.1405 9.88247 59.9946 14.6667 60H49.3333C54.1175 59.9946 57.9945 56.1405 58 51.3846ZM44.9999 16.923H40.6666V8.30766H44.9999V16.923ZM23.3333 16.923H18.9999V8.30766H23.3333V16.923ZM49.3334 16.9231H53.6668V24.9852H10.3334V16.9231H14.6668C14.6695 19.301 16.608 21.228 19.0001 21.2307H23.3334C25.7255 21.228 27.664 19.301 27.6668 16.9231H36.3334C36.3362 19.301 38.2747 21.228 40.6668 21.2307H45.0001C47.3922 21.228 49.3307 19.301 49.3334 16.9231ZM10.3334 28.9852V51.3846C10.3362 53.7625 12.2747 55.6896 14.6668 55.6923H49.3334C51.7255 55.6896 53.664 53.7625 53.6668 51.3846V28.9852H10.3334Z"/><path d="M14.6949 35.3069C14.6949 34.2023 15.5957 33.3069 16.7068 33.3069H21.378C22.4891 33.3069 23.3899 34.2024 23.3899 35.3069V36.7091C23.3899 37.8137 22.4891 38.7091 21.378 38.7091H16.7068C15.5957 38.7091 14.6949 37.8137 14.6949 36.7091V35.3069Z"/><path d="M27.7374 35.3069C27.7374 34.2023 28.6381 33.3069 29.7493 33.3069H34.4204C35.5316 33.3069 36.4323 34.2024 36.4323 35.3069V36.7091C36.4323 37.8137 35.5316 38.7091 34.4204 38.7091H29.7493C28.6381 38.7091 27.7374 37.8137 27.7374 36.7091V35.3069Z"/><path d="M40.7798 35.3069C40.7798 34.2023 41.6806 33.3069 42.7917 33.3069H47.4629C48.574 33.3069 49.4748 34.2024 49.4748 35.3069V36.7091C49.4748 37.8137 48.574 38.7091 47.4629 38.7091H42.7917C41.6806 38.7091 40.7798 37.8137 40.7798 36.7091V35.3069Z"/><path d="M14.6949 46.1114C14.6949 45.0068 15.5957 44.1114 16.7068 44.1114H21.378C22.4891 44.1114 23.3899 45.0068 23.3899 46.1114V47.5136C23.3899 48.6181 22.4891 49.5136 21.378 49.5136H16.7068C15.5957 49.5136 14.6949 48.6181 14.6949 47.5136V46.1114Z"/><path d="M27.7374 46.1114C27.7374 45.0068 28.6381 44.1114 29.7493 44.1114H34.4204C35.5316 44.1114 36.4323 45.0068 36.4323 46.1114V47.5136C36.4323 48.6181 35.5316 49.5136 34.4204 49.5136H29.7493C28.6381 49.5136 27.7374 48.6181 27.7374 47.5136V46.1114Z"/><path d="M40.7798 46.1114C40.7798 45.0068 41.6806 44.1114 42.7917 44.1114H47.4629C48.574 44.1114 49.4748 45.0068 49.4748 46.1114V47.5136C49.4748 48.6181 48.574 49.5136 47.4629 49.5136H42.7917C41.6806 49.5136 40.7798 48.6181 40.7798 47.5136V46.1114Z"/></svg>' }, oe = { name: "chevron-left", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M42.1162 49.8902C42.6915 50.4081 42.9468 51.1934 42.786 51.9505C42.6252 52.7076 42.0727 53.3214 41.3366 53.5607C40.6005 53.8 39.7927 53.6284 39.2174 53.1106L17.5508 33.6106C17.0942 33.1999 16.8335 32.6146 16.8335 32.0004C16.8335 31.3863 17.0942 30.801 17.5508 30.3902L39.2174 10.8902C40.1067 10.0898 41.4766 10.1618 42.277 11.0511C43.0775 11.9403 43.0055 13.3102 42.1162 14.1106L22.2385 32.0004L42.1162 49.8902Z"/></svg>' }, se = /^(\d{4})-(\d{2})-(\d{2})$/;
+var y;
 (function(e) {
   e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday";
-})(k || (k = {}));
+})(y || (y = {}));
 function S(e, t, a) {
-  const r = parseInt(a, 10), l = parseInt(t, 10), s = parseInt(e, 10);
-  if (Number.isInteger(s) && // all parts should be integers
+  const r = parseInt(a, 10), l = parseInt(t, 10), o = parseInt(e, 10);
+  if (Number.isInteger(o) && // all parts should be integers
   Number.isInteger(l) && Number.isInteger(r) && l > 0 && // month must be 1-12
   l <= 12 && r > 0 && // day must be 1-31
-  r <= 31 && s > 0)
-    return new Date(s, l - 1, r);
+  r <= 31 && o > 0)
+    return new Date(o, l - 1, r);
 }
-function p(e) {
+function v(e) {
   if (!e)
     return;
-  const t = e.match(oe);
+  const t = e.match(se);
   if (t !== null && t.length)
     return S(t[1], t[2], t[3]);
 }
@@ -37,7 +38,7 @@ function V(e) {
   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) {
+function x(e, t) {
   return e == null || t == null ? !1 : A(e, t) && e.getDate() === t.getDate();
 }
 function A(e, t) {
@@ -47,18 +48,18 @@ function z(e, t) {
   const a = new Date(e);
   return a.setDate(a.getDate() + t), a;
 }
-function P(e, t = k.Monday) {
+function P(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 = k.Monday) {
+function R(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 w(e) {
+function D(e) {
   return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function D(e) {
+function C(e) {
   return new Date(e.getFullYear(), e.getMonth() + 1, 0);
 }
 function H(e, t) {
@@ -69,81 +70,91 @@ function Y(e, t) {
   const a = new Date(e);
   return a.setFullYear(t), a;
 }
-function C(e, t, a) {
-  return M(e, t, a) === e;
-}
 function M(e, t, a) {
+  return I(e, t, a) === e;
+}
+function I(e, t, a) {
   const r = e.getTime();
   return t && t instanceof Date && r < t.getTime() ? t : a && a instanceof Date && r > a.getTime() ? a : e;
 }
-function se(e, t) {
+function ce(e, t) {
   const a = [];
   let r = e;
-  for (; !I(r, t); )
+  for (; !x(r, t); )
     a.push(r), r = z(r, 1);
   return a.push(r), a;
 }
-function ce(e, t = k.Monday) {
-  const a = P(w(e), t), r = R(D(e), t);
-  return se(a, r);
+function ne(e, t = y.Monday) {
+  const a = P(D(e), t), r = R(C(e), t);
+  return ce(a, r);
 }
-const ne = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: s, valueAsDate: c, value: d, identifier: m, disabled: n, readonly: u, required: _, role: f, touched: g, buttonLabel: v, buttonRef: o, inputRef: y, onInput: N, onBlur: O, onFocus: B, makeTouched: T, htmlForm: Z }) => {
+const de = ({ onClick: e, dateFormatter: t, describedBy: a, localization: r, name: l, formattedValue: o, valueAsDate: s, value: d, identifier: h, disabled: n, readonly: u, required: _, role: g, touched: b, buttonLabel: m, buttonRef: c, inputRef: f, onInput: N, onBlur: O, onFocus: B, makeTouched: T, htmlForm: Z }) => {
   const G = u || n;
   return i(
     W,
     null,
     i("input", { class: {
       "telia-date-picker__input": !0,
-      "telia-date-picker__input--touched": g
-    }, value: s, id: m, disabled: n, readonly: u, role: f, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: N, onFocus: B, onBlur: (x) => {
-      T(), O(x);
-    }, autoComplete: "off", ref: y, onInvalid: (x) => {
-      T(), x.preventDefault();
+      "telia-date-picker__input--touched": b
+    }, value: o, id: h, disabled: n, readonly: u, role: g, required: _ ? !0 : void 0, "aria-autocomplete": "none", "aria-describedby": a, onInput: N, onFocus: B, onBlur: (w) => {
+      T(), O(w);
+    }, autoComplete: "off", ref: f, onInvalid: (w) => {
+      T(), w.preventDefault();
     }, form: Z }),
     i("input", { type: "hidden", name: l, value: d }),
     i(
       "div",
       { class: "telia-date-picker__input-icon-container" },
       i(
-        "button",
-        { class: "telia-date-picker__toggle", "aria-label": v, onClick: e, disabled: G, ref: o, type: "button" },
-        i("telia-icon", { class: "telia-date-picker__toggle-icon", svg: re.svg, size: "md" }),
+        "telia-button",
+        { allyLabel: m, variant: "text", size: "sm", onClick: e, disabled: G, ref: (w) => c(w), type: "button", "data-testid": "telia-date-picker__toggle-button" },
+        i("telia-icon", { class: "telia-date-picker__toggle-icon", svg: le.svg, size: "sm" }),
         i(
           "span",
           { class: "telia-date-picker__vhidden" },
           r.buttonLabel,
-          c && i(
+          s && i(
             "span",
             null,
             ", ",
             r.selectedDateMessage,
             " ",
-            t.format(c)
+            t.format(s)
           )
         )
       )
     )
   );
-}, de = ({ focusedDay: e, today: t, day: a, onDaySelect: r, onKeyboardNavigation: l, focusedDayRef: s, disabled: c, inRange: d, isSelected: m, dateFormatter: n }) => {
-  const u = I(a, t), _ = A(a, e), f = I(a, e), g = !d;
+}, ue = ({ focusedDay: e, today: t, day: a, onDaySelect: r, onKeyboardNavigation: l, focusedDayRef: o, disabled: s, inRange: d, isSelected: h, dateFormatter: n }) => {
+  const u = x(a, t), _ = A(a, e), g = x(a, e), b = !d, m = s || b;
   return i(
     "button",
-    { class: {
-      "telia-date-picker__day": !0,
-      "is-outside": g,
-      "is-today": u,
-      "is-month": _,
-      "is-disabled": c
-    }, tabIndex: f ? 0 : -1, onClick: (o) => {
-      r(o, a);
-    }, onKeyDown: l, "aria-disabled": c ? "true" : void 0, disabled: g, type: "button", "aria-pressed": m ? "true" : "false", ref: (o) => {
-      f && o && s && s(o);
-    } },
+    {
+      class: {
+        "telia-date-picker__day": !0,
+        "is-today": u,
+        "is-month": _,
+        "is-disabled": m
+      },
+      tabIndex: g ? 0 : -1,
+      onClick: (f) => {
+        r(f, a);
+      },
+      onKeyDown: l,
+      "aria-disabled": m ? "true" : void 0,
+      // disabled days have to be focusable for a11y purposes
+      disabled: b,
+      type: "button",
+      "aria-pressed": h ? "true" : "false",
+      ref: (f) => {
+        g && f && o && o(f);
+      }
+    },
     i("span", { "aria-hidden": "true" }, a.getDate()),
     i("span", { class: "telia-date-picker__vhidden" }, n.format(a))
   );
 };
-function ue(e, t) {
+function he(e, t) {
   const a = [];
   for (let r = 0; r < e.length; r += t)
     a.push(e.slice(r, r + t));
@@ -151,12 +162,12 @@ function ue(e, t) {
 }
 function me(e, t, a) {
   return e.map((r, l) => {
-    const s = (l + t) % e.length;
-    return a(e[s]);
+    const o = (l + t) % e.length;
+    return a(e[o]);
   });
 }
-const he = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r, firstDayOfWeek: l, min: s, max: c, dateFormatter: d, isDateDisabled: m, onDateSelect: n, onKeyboardNavigation: u, focusedDayRef: _ }) => {
-  const f = new Date(), g = ce(t, l);
+const pe = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r, firstDayOfWeek: l, min: o, max: s, dateFormatter: d, isDateDisabled: h, onDateSelect: n, onKeyboardNavigation: u, focusedDayRef: _ }) => {
+  const g = new Date(), b = ne(t, l);
   return i(
     "div",
     { class: "telia-date-picker__table-wrapper" },
@@ -166,21 +177,21 @@ const he = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
       i(
         "thead",
         null,
-        i("tr", null, me(r.dayNames, l, (v) => i(
+        i("tr", null, me(r.dayNames, l, (m) => i(
           "th",
           { class: "telia-date-picker__table-header", scope: "col" },
-          i("span", { "aria-hidden": "true" }, v.substr(0, 2)),
-          i("span", { class: "telia-date-picker__vhidden" }, v)
+          i("span", { "aria-hidden": "true" }, m.substr(0, 2)),
+          i("span", { class: "telia-date-picker__vhidden" }, m)
         )))
       ),
-      i("tbody", null, ue(g, 7).map((v) => i("tr", { class: "telia-date-picker__row" }, v.map((o) => i(
+      i("tbody", null, he(b, 7).map((m) => i("tr", { class: "telia-date-picker__row" }, m.map((c) => i(
         "td",
         { class: "telia-date-picker__cell" },
-        i(de, { day: o, today: f, focusedDay: t, isSelected: I(o, e), disabled: m(o), inRange: C(o, s, c), onDaySelect: n, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
+        i(ue, { day: c, today: g, focusedDay: t, isSelected: x(c, e), disabled: h(c), inRange: M(c, o, s), onDaySelect: n, dateFormatter: d, onKeyboardNavigation: u, focusedDayRef: _ })
       )))))
     )
   );
-}, pe = {
+}, ve = {
   buttonLabel: "Choose date",
   placeholder: "YYYY-MM-DD",
   selectedDateMessage: "Selected date is",
@@ -228,15 +239,15 @@ const he = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
     "Dec"
   ],
   locale: "en-GB"
-}, ve = {
-  parse: p,
+}, fe = {
+  parse: v,
   format: V
-}, fe = (e, t) => {
+}, ge = (e, t) => {
   const a = [];
   for (var r = e; r <= t; r++)
     a.push(r);
   return a;
-}, ge = '.telia-date-picker{display:flex;flex-direction:column;position:relative}.telia-date-picker__label{order:1}.telia-date-picker__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;color:#222222;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;display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;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 #8c8c90}.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 #8c8c90}.telia-date-picker__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:#e8e8ed}.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 #c8c8cd;background-color:#dcdce1;color:#606064;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:#606064;cursor:not-allowed}.telia-date-picker__input:disabled~.telia-date-picker__additional{color:#b0b0b5}.telia-date-picker__input:invalid{box-shadow:none}.telia-date-picker__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #be0040}.telia-date-picker__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-date-picker__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #be0040;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{border:0 solid #8c8c90;border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90;border-top-right-radius:calc(0.2rem * var(--voca-rem-multiplier));border-bottom-right-radius:calc(0.2rem * var(--voca-rem-multiplier));color:#29003e;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;display:flex;height:calc(calc(4.6rem * var(--voca-rem-multiplier)) - calc(0.2rem * var(--voca-rem-multiplier)));justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.telia-date-picker__toggle:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-date-picker__input:read-only~.telia-date-picker__input-icon-container .telia-date-picker__toggle{border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#606064}.telia-date-picker__input:invalid~.telia-date-picker__input-icon-container .telia-date-picker__toggle{color:#be0040}.telia-date-picker__input:disabled~.telia-date-picker__input-icon-container .telia-date-picker__toggle{border-left:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;color:#606064;cursor:not-allowed}.telia-date-picker__input:hover~.telia-date-picker__input-icon-container .telia-date-picker__toggle,.telia-date-picker__input:hover:focus~.telia-date-picker__input-icon-container .telia-date-picker__toggle{height:calc(calc(4.6rem * var(--voca-rem-multiplier)) - calc(0.4rem * var(--voca-rem-multiplier)))}.telia-date-picker__toggle-icon{margin:0 calc(1.2rem * var(--voca-rem-multiplier))}.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 #8c8c90;border-radius:calc(0.2rem * var(--voca-rem-multiplier));box-shadow:0 calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1;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:#222222;-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.is-today:hover{background-color:#fbf0ff}.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],.telia-date-picker__day[aria-pressed=true]:hover{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;background-color:#990ae3;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]{color:#b0b0b5;background:transparent;cursor:default}.telia-date-picker__day[aria-disabled=true]{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;background-color:#e8e8ed;color:#8c8c90}.telia-date-picker__day[aria-disabled=true]:not(.is-today)::before{display:none}.telia-date-picker__day.is-outside{color:#606064;background-color:#e8e8ed;box-shadow:none;cursor:default;opacity:0.6;pointer-events:none}.telia-date-picker__day.is-outside::before{display:none}.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:hover,.telia-date-picker__next: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{opacity:0}}.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}@media screen and (min-width: 37.5em){.telia-date-picker__close:focus{opacity:1}}.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))}', h = {
+}, be = '.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(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) #dcdce1;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{opacity:0}}.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}@media screen and (min-width: 37.5em){.telia-date-picker__close:focus{opacity:1}}.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,
@@ -250,19 +261,19 @@ const he = ({ selectedDate: e, focusedDate: t, labelledById: a, localization: r,
   DOWN: 40
 };
 function _e(e, t) {
-  const a = e.value, r = e.selectionStart, l = a.slice(0, r), s = a.slice(r, a.length), c = l.replace(t, ""), d = s.replace(t, ""), m = c + d, n = c.length;
-  return e.value = m, e.selectionStart = e.selectionEnd = n, m;
+  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, n = s.length;
+  return e.value = h, e.selectionStart = e.selectionEnd = n, h;
 }
-const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
+const ke = /[^0-9\.\/\-]+/g, L = 300, ye = /* @__PURE__ */ q(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 = b("dateMonth"), this.yearSelectId = b("dateYear"), this.dialogLabelId = b("dateLabel"), this.body = document.body, this.initialTouchX = null, this.initialTouchY = null, this.dataTrackingId = "telia-date-picker", this.name = "date", this.additionalId = b("additional"), this.inputId = b("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 = k.Monday, this.localization = pe, this.dateAdapter = ve, this.modalOpen = !1, this.isDateDisabled = () => !1, this.errorId = b("error"), this.activeFocus = !1, this.focusedDay = new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.enableActiveFocus = () => {
+    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 = new Date(), this.open = this.modalOpen, this.errorMessageState = "", this.touched = !1, this.enableActiveFocus = () => {
       this.activeFocus = !0;
     }, this.disableActiveFocus = () => {
       this.activeFocus = !1;
     }, this.toggleOpen = (e) => {
       e.preventDefault(), this.open ? this.hide(!1) : this.show();
     }, this.handleEscKey = (e) => {
-      e.keyCode === h.ESC && this.hide();
+      e.keyCode === p.ESC && this.hide();
     }, this.handleBlur = (e) => {
       e.stopPropagation(), this.updateErrorState(), this.vocaBlur.emit({
         component: "telia-date-picker"
@@ -275,45 +286,45 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
       const t = e.changedTouches[0];
       this.initialTouchX = t.pageX, this.initialTouchY = t.pageY;
     }, this.handleTouchEnd = (e) => {
-      const t = e.changedTouches[0], a = t.pageX - this.initialTouchX, r = t.pageY - this.initialTouchY, l = 70, s = Math.abs(a) >= l && Math.abs(r) <= l, c = Math.abs(r) >= l && Math.abs(a) <= l && r > 0;
-      s ? this.addMonths(a < 0 ? 1 : -1) : c && (this.hide(!1), e.preventDefault()), this.initialTouchY = null, this.initialTouchX = null;
+      const t = e.changedTouches[0], a = t.pageX - this.initialTouchX, r = t.pageY - this.initialTouchY, l = 70, o = Math.abs(a) >= l && Math.abs(r) <= l, s = Math.abs(r) >= l && Math.abs(a) <= l && r > 0;
+      o ? this.addMonths(a < 0 ? 1 : -1) : s && (this.hide(!1), e.preventDefault()), this.initialTouchY = null, this.initialTouchX = null;
     }, this.handleNextMonthClick = (e) => {
       e.preventDefault(), this.addMonths(1);
     }, this.handlePreviousMonthClick = (e) => {
       e.preventDefault(), this.addMonths(-1);
     }, this.handleFirstFocusableKeydown = (e) => {
-      e.keyCode === h.TAB && e.shiftKey && (this.focusedDayNode.focus(), e.preventDefault());
+      e.keyCode === p.TAB && e.shiftKey && (this.focusedDayNode.focus(), e.preventDefault());
     }, this.handleCloseButtonClick = () => {
       this.hide();
     }, this.handleKeyboardNavigation = (e) => {
-      if (e.keyCode === h.TAB && !e.shiftKey) {
+      if (e.keyCode === p.TAB && !e.shiftKey) {
         e.preventDefault(), this.firstFocusableElement.focus();
         return;
       }
       var t = !0;
       switch (e.keyCode) {
-        case h.RIGHT:
+        case p.RIGHT:
           this.addDays(1);
           break;
-        case h.LEFT:
+        case p.LEFT:
           this.addDays(-1);
           break;
-        case h.DOWN:
+        case p.DOWN:
           this.addDays(7);
           break;
-        case h.UP:
+        case p.UP:
           this.addDays(-7);
           break;
-        case h.PAGE_UP:
+        case p.PAGE_UP:
           e.shiftKey ? this.addYears(-1) : this.addMonths(-1);
           break;
-        case h.PAGE_DOWN:
+        case p.PAGE_DOWN:
           e.shiftKey ? this.addYears(1) : this.addMonths(1);
           break;
-        case h.HOME:
+        case p.HOME:
           this.startOfWeek();
           break;
-        case h.END:
+        case p.END:
           this.endOfWeek();
           break;
         default:
@@ -321,7 +332,7 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
       }
       t && (e.preventDefault(), this.enableActiveFocus());
     }, this.handleDaySelect = (e, t) => {
-      const a = C(t, p(this.min), p(this.max)), r = !this.isDateDisabled(t);
+      const a = M(t, v(this.min), v(this.max)), r = !this.isDateDisabled(t);
       a && r ? (this.setValue(t), this.hide()) : this.setFocusedDay(t);
     }, this.handleMonthSelect = (e) => {
       e.stopPropagation(), this.setMonth(parseInt(e.target.value, 10));
@@ -329,7 +340,7 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
       e.stopPropagation(), this.setYear(parseInt(e.target.value, 10));
     }, this.handleInputChange = () => {
       const e = this.datePickerInput;
-      _e(e, be);
+      _e(e, ke);
       const t = this.dateAdapter.parse(e.value, S);
       (t || e.value === "") && this.setValue(t);
     }, this.processFocusedDayNode = (e) => {
@@ -338,7 +349,7 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
       this.touched = !0;
     }, this.isValueValid = () => {
       const e = this.datePickerInput.value, t = this.dateAdapter.parse(e, S);
-      return t === void 0 || !C(t, p(this.min), p(this.max)) ? !1 : !this.isDateDisabled(t);
+      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;
@@ -347,13 +358,13 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
       return ((e = this.datePickerInput) === null || e === void 0 ? void 0 : e.value.length) === 0;
     }, this.updateErrorState = () => {
       var e, t, a;
-      const r = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), l = this.required, s = !!(!((t = this.errorMessage) === null || t === void 0) && t.length), c = !!(!((a = this.invalidErrorMessage) === null || a === void 0) && a.length), d = !!this.datePickerInput;
-      if (s) {
+      const r = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), l = this.required, o = !!(!((t = this.errorMessage) === null || t === void 0) && t.length), s = !!(!((a = this.invalidErrorMessage) === null || a === void 0) && a.length), d = !!this.datePickerInput;
+      if (o) {
         this.updateErrorMessage(this.errorMessage), this.makeTouched();
         return;
       }
-      if (c && d && !this.isValueValid() && this.updateErrorMessage(this.invalidErrorMessage), l && this.touched && this.requiredErrorMessage && this.isValueMissing() && this.updateErrorMessage(this.requiredErrorMessage), r) {
-        if (s || c && !this.isValueValid())
+      if (s && d && !this.isValueValid() && this.updateErrorMessage(this.invalidErrorMessage), l && this.touched && this.requiredErrorMessage && this.isValueMissing() && this.updateErrorMessage(this.requiredErrorMessage), r) {
+        if (o || s && !this.isValueValid())
           return;
         this.updateErrorMessage("");
       }
@@ -406,7 +417,7 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
    * Show the calendar modal, moving focus to the calendar inside.
    */
   async show() {
-    this.open = !0, this.modalOpen = !0, this.setFocusedDay(p(this.value) || new Date());
+    this.open = !0, this.modalOpen = !0, this.setFocusedDay(v(this.value) || new Date());
     let { matches: e } = window.matchMedia("(max-width: 600px)");
     e && (this.body.style.overflowY = "hidden", this.body.style.position = "fixed", this.body.style.width = "100%"), clearTimeout(this.focusTimeoutId), this.focusTimeoutId = setTimeout(() => this.monthSelectNode.focus(), L);
   }
@@ -433,15 +444,15 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
     this.setFocusedDay(R(this.focusedDay, this.firstDayOfWeek));
   }
   setMonth(e) {
-    const t = H(w(this.focusedDay), e), a = D(t), r = H(this.focusedDay, e);
-    this.setFocusedDay(M(r, t, a));
+    const t = H(D(this.focusedDay), e), a = C(t), r = H(this.focusedDay, e);
+    this.setFocusedDay(I(r, t, a));
   }
   setYear(e) {
-    const t = Y(w(this.focusedDay), e), a = D(t), r = Y(this.focusedDay, e);
-    this.setFocusedDay(M(r, t, a));
+    const t = Y(D(this.focusedDay), e), a = C(t), r = Y(this.focusedDay, e);
+    this.setFocusedDay(I(r, t, a));
   }
   setFocusedDay(e) {
-    this.focusedDay = M(e, p(this.min), p(this.max));
+    this.focusedDay = I(e, v(this.min), v(this.max));
   }
   setValue(e) {
     this.value = V(e), this.vocaChange.emit({
@@ -459,16 +470,16 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
     const t = !!this.additional, a = !!(!((e = this.errorMessageState) === null || e === void 0) && e.length), r = j({
       [this.additionalId]: t,
       [this.errorId]: a
-    }), l = p(this.value), s = l && this.dateAdapter.format(l), c = (l || this.focusedDay).getFullYear(), d = this.focusedDay.getMonth(), m = this.focusedDay.getFullYear(), n = p(this.min), u = p(this.max), _ = n !== void 0 && n.getMonth() === d && n.getFullYear() === m, f = u !== void 0 && u.getMonth() === d && u.getFullYear() === m, g = n !== void 0 ? n.getFullYear() : c - this.range.past, v = u !== void 0 ? u.getFullYear() : c + this.range.future;
-    return i($, null, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("div", { class: "telia-date-picker" }, i(ne, { dateFormatter: this.dateFormatLong, describedBy: r, value: this.value, valueAsDate: l, formattedValue: s, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, readonly: this.readonly, role: this.role, required: this.required, identifier: this.inputId, localization: this.localization, buttonLabel: this.buttonLabel, buttonRef: this.setToggleRef, inputRef: this.setTextInputRef, touched: this.touched, makeTouched: this.makeTouched, htmlForm: this.htmlForm }), i("telia-label", { class: "telia-date-picker__label", htmlFor: this.inputId }, this.required && i("span", { "aria-hidden": "true" }, "* "), this.label), t && i("telia-field-assistive-text", { class: "telia-date-picker__additional", id: this.additionalId }, this.additional), a && i("telia-field-error", { class: "telia-date-picker__error", id: this.errorId }, this.errorMessageState), i("div", { class: "telia-date-picker__dialog-container" }, i("div", { class: {
+    }), l = v(this.value), o = l && this.dateAdapter.format(l), s = (l || this.focusedDay).getFullYear(), d = this.focusedDay.getMonth(), h = this.focusedDay.getFullYear(), n = v(this.min), u = v(this.max), _ = n !== void 0 && n.getMonth() === d && n.getFullYear() === h, g = u !== void 0 && u.getMonth() === d && u.getFullYear() === h, b = n !== void 0 ? n.getFullYear() : s - this.range.past, m = u !== void 0 ? u.getFullYear() : s + this.range.future;
+    return i($, null, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("div", { class: "telia-date-picker" }, i(de, { dateFormatter: this.dateFormatLong, describedBy: r, value: this.value, valueAsDate: l, formattedValue: o, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, readonly: this.readonly, role: this.role, required: this.required, identifier: this.inputId, localization: this.localization, buttonLabel: this.buttonLabel, buttonRef: this.setToggleRef, inputRef: this.setTextInputRef, touched: this.touched, makeTouched: this.makeTouched, htmlForm: this.htmlForm }), i("telia-label", { class: "telia-date-picker__label", htmlFor: this.inputId }, this.required && i("span", { "aria-hidden": "true" }, "* "), this.label), t && i("telia-field-assistive-text", { class: "telia-date-picker__additional", id: this.additionalId }, this.additional), a && i("telia-field-error", { class: "telia-date-picker__error", id: this.errorId }, this.errorMessageState), i("div", { class: "telia-date-picker__dialog-container" }, i("div", { class: {
       "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: (o) => {
-      o.stopPropagation();
-    } }, this.localization.monthNames.map((o, y) => i("option", { key: o, value: y, selected: y === d, disabled: !C(new Date(m, y, 1), n !== void 0 ? w(n) : null, u !== void 0 ? D(u) : null) }, o))), 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: (o) => {
-      o.stopPropagation();
-    } }, fe(g, v).map((o) => i("option", { key: o, selected: o === m }, o))), 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: f, type: "button" }, i("telia-icon", { class: "telia-date-picker__next-icon", svg: ie.svg, size: "sm" }), i("span", { class: "telia-date-picker__vhidden" }, this.localization.nextMonthLabel)))), i(he, { 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: n, max: u, isDateDisabled: this.isDateDisabled }))))));
+    }, 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: (c) => {
+      c.stopPropagation();
+    } }, this.localization.monthNames.map((c, f) => i("option", { key: c, value: f, selected: f === d, disabled: !M(new Date(h, f, 1), n !== void 0 ? D(n) : null, u !== void 0 ? C(u) : null) }, c))), 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: (c) => {
+      c.stopPropagation();
+    } }, ge(b, m).map((c) => i("option", { key: c, selected: c === h }, c))), 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: oe.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: re.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: n, max: u, isDateDisabled: this.isDateDisabled }))))));
   }
   get element() {
     return this;
@@ -480,7 +491,7 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
     };
   }
   static get style() {
-    return ge;
+    return be;
   }
 }, [0, "telia-date-picker", {
   dataTestid: [1, "data-testid"],
@@ -518,34 +529,37 @@ const be = /[^0-9\.\/\-]+/g, L = 300, ke = /* @__PURE__ */ q(class extends K {
   show: [64],
   hide: [64]
 }, [[6, "click", "handleDocumentClick"]]]);
-function ye() {
+function we() {
   if (typeof customElements > "u")
     return;
-  ["telia-date-picker", "telia-field-assistive-text", "telia-field-error", "telia-heading", "telia-icon", "telia-label", "telia-vst"].forEach((t) => {
+  ["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, ke);
+        customElements.get(t) || customElements.define(t, ye);
         break;
-      case "telia-field-assistive-text":
+      case "telia-button":
         customElements.get(t) || U();
         break;
-      case "telia-field-error":
+      case "telia-field-assistive-text":
         customElements.get(t) || X();
         break;
-      case "telia-heading":
+      case "telia-field-error":
         customElements.get(t) || Q();
         break;
-      case "telia-icon":
+      case "telia-heading":
         customElements.get(t) || ee();
         break;
-      case "telia-label":
+      case "telia-icon":
         customElements.get(t) || te();
         break;
-      case "telia-vst":
+      case "telia-label":
         customElements.get(t) || ae();
         break;
+      case "telia-vst":
+        customElements.get(t) || ie();
+        break;
     }
   });
 }
-ye();
+we();
 //# sourceMappingURL=telia-date-picker.js.map