@oslokommune/punkt-elements 13.4.2 → 13.5.0

package/dist/{calendar-DevQhOup.js → calendar-CJSxvwAq.js}

@@ -1,10 +1,10 @@
-import { e as ht } from "./class-map-BpTj9gtz.js";
-import { P as dt, E as I, x as k, n as m, a as ft } from "./element-CgEWt74-.js";
+import { e as V } from "./class-map-BpTj9gtz.js";
+import { P as dt, E as U, x as S, n as m, a as ft } from "./element-CgEWt74-.js";
 import { r as H } from "./state-Bo2bck5_.js";
 import "./icon-CC1js8eR.js";
-const at = 6048e5, mt = 864e5, V = Symbol.for("constructDateFrom");
+const st = 6048e5, mt = 864e5, J = Symbol.for("constructDateFrom");
 function M(t, e) {
-  return typeof t == "function" ? t(e) : t && typeof t == "object" && V in t ? t[V](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
+  return typeof t == "function" ? t(e) : t && typeof t == "object" && J in t ? t[J](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
 }
 function D(t, e) {
   return M(e || t, t);
@@ -14,26 +14,26 @@ function B(t, e, n) {
   return isNaN(e) ? M(t, NaN) : (e && r.setDate(r.getDate() + e), r);
 }
 let gt = {};
-function L() {
+function q() {
   return gt;
 }
-function _(t, e) {
-  var c, o, d, g;
-  const n = L(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((o = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : o.weekStartsOn) ?? n.weekStartsOn ?? ((g = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? 0, a = D(t, e == null ? void 0 : e.in), s = a.getDay(), i = (s < r ? 7 : 0) + s - r;
+function A(t, e) {
+  var c, o, l, f;
+  const n = q(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((o = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : o.weekStartsOn) ?? n.weekStartsOn ?? ((f = (l = n.locale) == null ? void 0 : l.options) == null ? void 0 : f.weekStartsOn) ?? 0, a = D(t, e == null ? void 0 : e.in), s = a.getDay(), i = (s < r ? 7 : 0) + s - r;
   return a.setDate(a.getDate() - i), a.setHours(0, 0, 0, 0), a;
 }
-function q(t, e) {
-  return _(t, { ...e, weekStartsOn: 1 });
+function I(t, e) {
+  return A(t, { ...e, weekStartsOn: 1 });
 }
-function st(t, e) {
+function it(t, e) {
   const n = D(t, e == null ? void 0 : e.in), r = n.getFullYear(), a = M(n, 0);
   a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const s = q(a), i = M(n, 0);
+  const s = I(a), i = M(n, 0);
   i.setFullYear(r, 0, 4), i.setHours(0, 0, 0, 0);
-  const c = q(i);
+  const c = I(i);
   return n.getTime() >= s.getTime() ? r + 1 : n.getTime() >= c.getTime() ? r : r - 1;
 }
-function J(t) {
+function K(t) {
   const e = D(t), n = new Date(
     Date.UTC(
       e.getFullYear(),
@@ -47,7 +47,7 @@ function J(t) {
   );
   return n.setUTCFullYear(e.getFullYear()), +t - +n;
 }
-function it(t, ...e) {
+function ot(t, ...e) {
   const n = M.bind(
     null,
     e.find((r) => typeof r == "object")
@@ -59,16 +59,16 @@ function G(t, e) {
   return n.setHours(0, 0, 0, 0), n;
 }
 function yt(t, e, n) {
-  const [r, a] = it(
+  const [r, a] = ot(
     n == null ? void 0 : n.in,
     t,
     e
-  ), s = G(r), i = G(a), c = +s - J(s), o = +i - J(i);
+  ), s = G(r), i = G(a), c = +s - K(s), o = +i - K(i);
   return Math.round((c - o) / mt);
 }
 function pt(t, e) {
-  const n = st(t, e), r = M(t, 0);
-  return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), q(r);
+  const n = it(t, e), r = M(t, 0);
+  return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), I(r);
 }
 function wt(t) {
   return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
@@ -76,16 +76,16 @@ function wt(t) {
 function bt(t) {
   return !(!wt(t) && typeof t != "number" || isNaN(+D(t)));
 }
-function Dt(t, e) {
+function kt(t, e) {
   const n = D(t, e == null ? void 0 : e.in);
   return n.setHours(23, 59, 59, 999), n;
 }
-function kt(t, e) {
-  const [n, r] = it(t, e.start, e.end);
+function Dt(t, e) {
+  const [n, r] = ot(t, e.start, e.end);
   return { start: n, end: r };
 }
 function z(t, e) {
-  const { start: n, end: r } = kt(e == null ? void 0 : e.in, t);
+  const { start: n, end: r } = Dt(e == null ? void 0 : e.in, t);
   let a = +n > +r;
   const s = a ? +n : +r, i = a ? r : n;
   i.setHours(0, 0, 0, 0);
@@ -95,11 +95,11 @@ function z(t, e) {
     o.push(M(n, i)), i.setDate(i.getDate() + c), i.setHours(0, 0, 0, 0);
   return a ? o.reverse() : o;
 }
-function vt(t, e) {
+function St(t, e) {
   const n = D(t, e == null ? void 0 : e.in);
   return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
-const St = {
+const vt = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -163,7 +163,7 @@ const St = {
   }
 }, Mt = (t, e, n) => {
   let r;
-  const a = St[t];
+  const a = vt[t];
   return typeof a == "string" ? r = a : e === 1 ? r = a.one : r = a.other.replace("{{count}}", e.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
 function Q(t) {
@@ -200,15 +200,15 @@ const Tt = {
     formats: Ot,
     defaultWidth: "full"
   })
-}, Nt = {
+}, $t = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, $t = (t, e, n, r) => Nt[t];
-function W(t) {
+}, Nt = (t, e, n, r) => $t[t];
+function E(t) {
   return (e, n) => {
     const r = n != null && n.context ? String(n.context) : "standalone";
     let a;
@@ -227,11 +227,11 @@ const Ct = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, Et = {
+}, _t = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, Wt = {
+}, Et = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -261,7 +261,7 @@ const Ct = {
     "November",
     "December"
   ]
-}, Yt = {
+}, Wt = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -274,7 +274,7 @@ const Ct = {
     "Friday",
     "Saturday"
   ]
-}, Ft = {
+}, Yt = {
   narrow: {
     am: "a",
     pm: "p",
@@ -305,7 +305,7 @@ const Ct = {
     evening: "evening",
     night: "night"
   }
-}, At = {
+}, Ft = {
   narrow: {
     am: "a",
     pm: "p",
@@ -336,7 +336,7 @@ const Ct = {
     evening: "in the evening",
     night: "at night"
   }
-}, _t = (t, e) => {
+}, At = (t, e) => {
   const n = Number(t), r = n % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -349,47 +349,47 @@ const Ct = {
     }
   return n + "th";
 }, Ht = {
-  ordinalNumber: _t,
-  era: W({
+  ordinalNumber: At,
+  era: E({
     values: Ct,
     defaultWidth: "wide"
   }),
-  quarter: W({
-    values: Et,
+  quarter: E({
+    values: _t,
     defaultWidth: "wide",
     argumentCallback: (t) => t - 1
   }),
-  month: W({
-    values: Wt,
+  month: E({
+    values: Et,
     defaultWidth: "wide"
   }),
-  day: W({
-    values: Yt,
+  day: E({
+    values: Wt,
     defaultWidth: "wide"
   }),
-  dayPeriod: W({
-    values: Ft,
+  dayPeriod: E({
+    values: Yt,
     defaultWidth: "wide",
-    formattingValues: At,
+    formattingValues: Ft,
     defaultFormattingWidth: "wide"
   })
 };
-function Y(t) {
+function W(t) {
   return (e, n = {}) => {
     const r = n.width, a = r && t.matchPatterns[r] || t.matchPatterns[t.defaultMatchWidth], s = e.match(a);
     if (!s)
       return null;
-    const i = s[0], c = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], o = Array.isArray(c) ? qt(c, (y) => y.test(i)) : (
+    const i = s[0], c = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], o = Array.isArray(c) ? qt(c, (g) => g.test(i)) : (
       // [TODO] -- I challenge you to fix the type
-      It(c, (y) => y.test(i))
+      It(c, (g) => g.test(i))
     );
-    let d;
-    d = t.valueCallback ? t.valueCallback(o) : o, d = n.valueCallback ? (
+    let l;
+    l = t.valueCallback ? t.valueCallback(o) : o, l = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(d)
-    ) : d;
-    const g = e.slice(i.length);
-    return { value: d, rest: g };
+      n.valueCallback(l)
+    ) : l;
+    const f = e.slice(i.length);
+    return { value: l, rest: f };
   };
 }
 function It(t, e) {
@@ -487,32 +487,32 @@ const Rt = /^(\d+)(th|st|nd|rd)?/i, Ut = /\d+/i, Bt = {
     parsePattern: Ut,
     valueCallback: (t) => parseInt(t, 10)
   }),
-  era: Y({
+  era: W({
     matchPatterns: Bt,
     defaultMatchWidth: "wide",
     parsePatterns: zt,
     defaultParseWidth: "any"
   }),
-  quarter: Y({
+  quarter: W({
     matchPatterns: Qt,
     defaultMatchWidth: "wide",
     parsePatterns: jt,
     defaultParseWidth: "any",
     valueCallback: (t) => t + 1
   }),
-  month: Y({
+  month: W({
     matchPatterns: Gt,
     defaultMatchWidth: "wide",
     parsePatterns: Xt,
     defaultParseWidth: "any"
   }),
-  day: Y({
+  day: W({
     matchPatterns: Vt,
     defaultMatchWidth: "wide",
     parsePatterns: Jt,
     defaultParseWidth: "any"
   }),
-  dayPeriod: Y({
+  dayPeriod: W({
     matchPatterns: Kt,
     defaultMatchWidth: "any",
     parsePatterns: Zt,
@@ -522,7 +522,7 @@ const Rt = /^(\d+)(th|st|nd|rd)?/i, Ut = /\d+/i, Bt = {
   code: "en-US",
   formatDistance: Mt,
   formatLong: Pt,
-  formatRelative: $t,
+  formatRelative: Nt,
   localize: Ht,
   match: te,
   options: {
@@ -532,29 +532,29 @@ const Rt = /^(\d+)(th|st|nd|rd)?/i, Ut = /\d+/i, Bt = {
 };
 function ne(t, e) {
   const n = D(t, e == null ? void 0 : e.in);
-  return yt(n, vt(n)) + 1;
+  return yt(n, St(n)) + 1;
 }
 function re(t, e) {
-  const n = D(t, e == null ? void 0 : e.in), r = +q(n) - +pt(n);
-  return Math.round(r / at) + 1;
+  const n = D(t, e == null ? void 0 : e.in), r = +I(n) - +pt(n);
+  return Math.round(r / st) + 1;
 }
-function ot(t, e) {
-  var g, y, f, T;
-  const n = D(t, e == null ? void 0 : e.in), r = n.getFullYear(), a = L(), s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((y = (g = e == null ? void 0 : e.locale) == null ? void 0 : g.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((T = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, i = M((e == null ? void 0 : e.in) || t, 0);
+function ct(t, e) {
+  var f, g, p, w;
+  const n = D(t, e == null ? void 0 : e.in), r = n.getFullYear(), a = q(), s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((g = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((w = (p = a.locale) == null ? void 0 : p.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, i = M((e == null ? void 0 : e.in) || t, 0);
   i.setFullYear(r + 1, 0, s), i.setHours(0, 0, 0, 0);
-  const c = _(i, e), o = M((e == null ? void 0 : e.in) || t, 0);
+  const c = A(i, e), o = M((e == null ? void 0 : e.in) || t, 0);
   o.setFullYear(r, 0, s), o.setHours(0, 0, 0, 0);
-  const d = _(o, e);
-  return +n >= +c ? r + 1 : +n >= +d ? r : r - 1;
+  const l = A(o, e);
+  return +n >= +c ? r + 1 : +n >= +l ? r : r - 1;
 }
 function ae(t, e) {
-  var c, o, d, g;
-  const n = L(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((o = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : o.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((g = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, a = ot(t, e), s = M((e == null ? void 0 : e.in) || t, 0);
-  return s.setFullYear(a, 0, r), s.setHours(0, 0, 0, 0), _(s, e);
+  var c, o, l, f;
+  const n = q(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((o = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : o.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((f = (l = n.locale) == null ? void 0 : l.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, a = ct(t, e), s = M((e == null ? void 0 : e.in) || t, 0);
+  return s.setFullYear(a, 0, r), s.setHours(0, 0, 0, 0), A(s, e);
 }
-function ct(t, e) {
-  const n = D(t, e == null ? void 0 : e.in), r = +_(n, e) - +ae(n, e);
-  return Math.round(r / at) + 1;
+function lt(t, e) {
+  const n = D(t, e == null ? void 0 : e.in), r = +A(n, e) - +ae(n, e);
+  return Math.round(r / st) + 1;
 }
 function u(t, e) {
   const n = t < 0 ? "-" : "", r = Math.abs(t).toString().padStart(e, "0");
@@ -621,7 +621,7 @@ const x = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, K = {
+}, Z = {
   // Era
   G: function(t, e, n) {
     const r = t.getFullYear() > 0 ? 1 : 0;
@@ -647,7 +647,7 @@ const x = {
   },
   // Local week-numbering year
   Y: function(t, e, n, r) {
-    const a = ot(t, r), s = a > 0 ? a : 1 - a;
+    const a = ct(t, r), s = a > 0 ? a : 1 - a;
     if (e === "YY") {
       const i = s % 100;
       return u(i, 2);
@@ -656,7 +656,7 @@ const x = {
   },
   // ISO week-numbering year
   R: function(t, e) {
-    const n = st(t);
+    const n = it(t);
     return u(n, e.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -779,7 +779,7 @@ const x = {
   },
   // Local week of year
   w: function(t, e, n, r) {
-    const a = ct(t, r);
+    const a = lt(t, r);
     return e === "wo" ? n.ordinalNumber(a, { unit: "week" }) : u(a, e.length);
   },
   // ISO week of year
@@ -1047,14 +1047,14 @@ const x = {
       return "Z";
     switch (e) {
       case "X":
-        return tt(r);
+        return et(r);
       case "XXXX":
       case "XX":
-        return N(r);
+        return $(r);
       case "XXXXX":
       case "XXX":
       default:
-        return N(r, ":");
+        return $(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -1062,14 +1062,14 @@ const x = {
     const r = t.getTimezoneOffset();
     switch (e) {
       case "x":
-        return tt(r);
+        return et(r);
       case "xxxx":
       case "xx":
-        return N(r);
+        return $(r);
       case "xxxxx":
       case "xxx":
       default:
-        return N(r, ":");
+        return $(r, ":");
     }
   },
   // Timezone (GMT)
@@ -1079,10 +1079,10 @@ const x = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + Z(r, ":");
+        return "GMT" + tt(r, ":");
       case "OOOO":
       default:
-        return "GMT" + N(r, ":");
+        return "GMT" + $(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -1092,10 +1092,10 @@ const x = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + Z(r, ":");
+        return "GMT" + tt(r, ":");
       case "zzzz":
       default:
-        return "GMT" + N(r, ":");
+        return "GMT" + $(r, ":");
     }
   },
   // Seconds timestamp
@@ -1108,18 +1108,18 @@ const x = {
     return u(+t, e.length);
   }
 };
-function Z(t, e = "") {
+function tt(t, e = "") {
   const n = t > 0 ? "-" : "+", r = Math.abs(t), a = Math.trunc(r / 60), s = r % 60;
   return s === 0 ? n + String(a) : n + String(a) + e + u(s, 2);
 }
-function tt(t, e) {
-  return t % 60 === 0 ? (t > 0 ? "-" : "+") + u(Math.abs(t) / 60, 2) : N(t, e);
+function et(t, e) {
+  return t % 60 === 0 ? (t > 0 ? "-" : "+") + u(Math.abs(t) / 60, 2) : $(t, e);
 }
-function N(t, e = "") {
+function $(t, e = "") {
   const n = t > 0 ? "-" : "+", r = Math.abs(t), a = u(Math.trunc(r / 60), 2), s = u(r % 60, 2);
   return n + a + e + s;
 }
-const et = (t, e) => {
+const nt = (t, e) => {
   switch (t) {
     case "P":
       return e.date({ width: "short" });
@@ -1146,7 +1146,7 @@ const et = (t, e) => {
 }, se = (t, e) => {
   const n = t.match(/(P+)(p+)?/) || [], r = n[1], a = n[2];
   if (!a)
-    return et(t, e);
+    return nt(t, e);
   let s;
   switch (r) {
     case "P":
@@ -1163,12 +1163,12 @@ const et = (t, e) => {
       s = e.dateTime({ width: "full" });
       break;
   }
-  return s.replace("{{date}}", et(r, e)).replace("{{time}}", ut(a, e));
+  return s.replace("{{date}}", nt(r, e)).replace("{{time}}", ut(a, e));
 }, ie = {
   p: ut,
   P: se
-}, oe = /^D+$/, ce = /^Y+$/, ue = ["D", "DD", "YY", "YYYY"];
-function le(t) {
+}, oe = /^D+$/, ce = /^Y+$/, le = ["D", "DD", "YY", "YYYY"];
+function ue(t) {
   return oe.test(t);
 }
 function he(t) {
@@ -1176,7 +1176,7 @@ function he(t) {
 }
 function de(t, e, n) {
   const r = fe(t, e, n);
-  if (console.warn(r), ue.includes(t)) throw new RangeError(r);
+  if (console.warn(r), le.includes(t)) throw new RangeError(r);
 }
 function fe(t, e, n) {
   const r = t[0] === "Y" ? "years" : "days of the month";
@@ -1184,88 +1184,88 @@ function fe(t, e, n) {
 }
 const me = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ge = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, ye = /^'([^]*?)'?$/, pe = /''/g, we = /[a-zA-Z]/;
 function be(t, e, n) {
-  var g, y, f, T;
-  const r = L(), a = r.locale ?? ee, s = r.firstWeekContainsDate ?? ((y = (g = r.locale) == null ? void 0 : g.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, i = r.weekStartsOn ?? ((T = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : T.weekStartsOn) ?? 0, c = D(t, n == null ? void 0 : n.in);
+  var f, g, p, w;
+  const r = q(), a = r.locale ?? ee, s = r.firstWeekContainsDate ?? ((g = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, i = r.weekStartsOn ?? ((w = (p = r.locale) == null ? void 0 : p.options) == null ? void 0 : w.weekStartsOn) ?? 0, c = D(t, n == null ? void 0 : n.in);
   if (!bt(c))
     throw new RangeError("Invalid time value");
-  let o = e.match(ge).map((p) => {
-    const b = p[0];
-    if (b === "p" || b === "P") {
-      const U = ie[b];
-      return U(p, a.formatLong);
+  let o = e.match(ge).map((b) => {
+    const k = b[0];
+    if (k === "p" || k === "P") {
+      const R = ie[k];
+      return R(b, a.formatLong);
     }
-    return p;
-  }).join("").match(me).map((p) => {
-    if (p === "''")
+    return b;
+  }).join("").match(me).map((b) => {
+    if (b === "''")
       return { isToken: !1, value: "'" };
-    const b = p[0];
-    if (b === "'")
-      return { isToken: !1, value: De(p) };
-    if (K[b])
-      return { isToken: !0, value: p };
-    if (b.match(we))
+    const k = b[0];
+    if (k === "'")
+      return { isToken: !1, value: ke(b) };
+    if (Z[k])
+      return { isToken: !0, value: b };
+    if (k.match(we))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + b + "`"
+        "Format string contains an unescaped latin alphabet character `" + k + "`"
       );
-    return { isToken: !1, value: p };
+    return { isToken: !1, value: b };
   });
   a.localize.preprocessor && (o = a.localize.preprocessor(c, o));
-  const d = {
+  const l = {
     firstWeekContainsDate: s,
     weekStartsOn: i,
     locale: a
   };
-  return o.map((p) => {
-    if (!p.isToken) return p.value;
-    const b = p.value;
-    (he(b) || le(b)) && de(b, e, String(t));
-    const U = K[b[0]];
-    return U(c, b, a.localize, d);
+  return o.map((b) => {
+    if (!b.isToken) return b.value;
+    const k = b.value;
+    (he(k) || ue(k)) && de(k, e, String(t));
+    const R = Z[k[0]];
+    return R(c, k, a.localize, l);
   }).join("");
 }
-function De(t) {
+function ke(t) {
   const e = t.match(ye);
   return e ? e[1].replace(pe, "'") : t;
 }
-function ke(t, e) {
+function De(t, e) {
   const n = D(t, e == null ? void 0 : e.in).getDay();
   return n === 0 ? 7 : n;
 }
-const j = {}, F = {};
-function A(t, e) {
+const j = {}, Y = {};
+function F(t, e) {
   try {
     const r = (j[t] || (j[t] = new Intl.DateTimeFormat("en-GB", {
       timeZone: t,
       hour: "numeric",
       timeZoneName: "longOffset"
     }).format))(e).split("GMT")[1] || "";
-    return r in F ? F[r] : nt(r, r.split(":"));
+    return r in Y ? Y[r] : rt(r, r.split(":"));
   } catch {
-    if (t in F) return F[t];
-    const n = t == null ? void 0 : t.match(ve);
-    return n ? nt(t, n.slice(1)) : NaN;
+    if (t in Y) return Y[t];
+    const n = t == null ? void 0 : t.match(Se);
+    return n ? rt(t, n.slice(1)) : NaN;
   }
 }
-const ve = /([+-]\d\d):?(\d\d)?/;
-function nt(t, e) {
+const Se = /([+-]\d\d):?(\d\d)?/;
+function rt(t, e) {
   const n = +e[0], r = +(e[1] || 0);
-  return F[t] = n > 0 ? n * 60 + r : n * 60 - r;
+  return Y[t] = n > 0 ? n * 60 + r : n * 60 - r;
 }
-class S extends Date {
+class v extends Date {
   //#region static
   constructor(...e) {
-    super(), e.length > 1 && typeof e[e.length - 1] == "string" && (this.timeZone = e.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(A(this.timeZone, this)) ? this.setTime(NaN) : e.length ? typeof e[0] == "number" && (e.length === 1 || e.length === 2 && typeof e[1] != "number") ? this.setTime(e[0]) : typeof e[0] == "string" ? this.setTime(+new Date(e[0])) : e[0] instanceof Date ? this.setTime(+e[0]) : (this.setTime(+new Date(...e)), lt(this), X(this)) : this.setTime(Date.now());
+    super(), e.length > 1 && typeof e[e.length - 1] == "string" && (this.timeZone = e.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(F(this.timeZone, this)) ? this.setTime(NaN) : e.length ? typeof e[0] == "number" && (e.length === 1 || e.length === 2 && typeof e[1] != "number") ? this.setTime(e[0]) : typeof e[0] == "string" ? this.setTime(+new Date(e[0])) : e[0] instanceof Date ? this.setTime(+e[0]) : (this.setTime(+new Date(...e)), ht(this), X(this)) : this.setTime(Date.now());
   }
   static tz(e, ...n) {
-    return n.length ? new S(...n, e) : new S(Date.now(), e);
+    return n.length ? new v(...n, e) : new v(Date.now(), e);
   }
   //#endregion
   //#region time zone
   withTimeZone(e) {
-    return new S(+this, e);
+    return new v(+this, e);
   }
   getTimezoneOffset() {
-    return -A(this.timeZone, this);
+    return -F(this.timeZone, this);
   }
   //#endregion
   //#region time
@@ -1275,46 +1275,46 @@ class S extends Date {
   //#endregion
   //#region date-fns integration
   [Symbol.for("constructDateFrom")](e) {
-    return new S(+new Date(e), this.timeZone);
+    return new v(+new Date(e), this.timeZone);
   }
   //#endregion
 }
-const rt = /^(get|set)(?!UTC)/;
+const at = /^(get|set)(?!UTC)/;
 Object.getOwnPropertyNames(Date.prototype).forEach((t) => {
-  if (!rt.test(t)) return;
-  const e = t.replace(rt, "$1UTC");
-  S.prototype[e] && (t.startsWith("get") ? S.prototype[t] = function() {
+  if (!at.test(t)) return;
+  const e = t.replace(at, "$1UTC");
+  v.prototype[e] && (t.startsWith("get") ? v.prototype[t] = function() {
     return this.internal[e]();
-  } : (S.prototype[t] = function() {
-    return Date.prototype[e].apply(this.internal, arguments), Se(this), +this;
-  }, S.prototype[e] = function() {
+  } : (v.prototype[t] = function() {
+    return Date.prototype[e].apply(this.internal, arguments), ve(this), +this;
+  }, v.prototype[e] = function() {
     return Date.prototype[e].apply(this, arguments), X(this), +this;
   }));
 });
 function X(t) {
   t.internal.setTime(+t), t.internal.setUTCMinutes(t.internal.getUTCMinutes() - t.getTimezoneOffset());
 }
-function Se(t) {
-  Date.prototype.setFullYear.call(t, t.internal.getUTCFullYear(), t.internal.getUTCMonth(), t.internal.getUTCDate()), Date.prototype.setHours.call(t, t.internal.getUTCHours(), t.internal.getUTCMinutes(), t.internal.getUTCSeconds(), t.internal.getUTCMilliseconds()), lt(t);
+function ve(t) {
+  Date.prototype.setFullYear.call(t, t.internal.getUTCFullYear(), t.internal.getUTCMonth(), t.internal.getUTCDate()), Date.prototype.setHours.call(t, t.internal.getUTCHours(), t.internal.getUTCMinutes(), t.internal.getUTCSeconds(), t.internal.getUTCMilliseconds()), ht(t);
 }
-function lt(t) {
-  const e = A(t.timeZone, t), n = /* @__PURE__ */ new Date(+t);
+function ht(t) {
+  const e = F(t.timeZone, t), n = /* @__PURE__ */ new Date(+t);
   n.setUTCHours(n.getUTCHours() - 1);
   const r = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset(), a = -(/* @__PURE__ */ new Date(+n)).getTimezoneOffset(), s = r - a, i = Date.prototype.getHours.apply(t) !== t.internal.getUTCHours();
   s && i && t.internal.setUTCMinutes(t.internal.getUTCMinutes() + s);
   const c = r - e;
   c && Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + c);
-  const o = A(t.timeZone, t), g = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - o, y = o !== e, f = g - c;
-  if (y && f) {
-    Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + f);
-    const T = A(t.timeZone, t), p = o - T;
-    p && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + p), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + p));
+  const o = F(t.timeZone, t), f = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - o, g = o !== e, p = f - c;
+  if (g && p) {
+    Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + p);
+    const w = F(t.timeZone, t), b = o - w;
+    b && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + b), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + b));
   }
 }
-class E extends S {
+class _ extends v {
   //#region static
   static tz(e, ...n) {
-    return n.length ? new E(...n, e) : new E(Date.now(), e);
+    return n.length ? new _(...n, e) : new _(Date.now(), e);
   }
   //#endregion
   //#region representation
@@ -1359,11 +1359,11 @@ class E extends S {
   }
   //#endregion
   withTimeZone(e) {
-    return new E(+this, e);
+    return new _(+this, e);
   }
   //#region date-fns integration
   [Symbol.for("constructDateFrom")](e) {
-    return new E(+new Date(e), this.timeZone);
+    return new _(+new Date(e), this.timeZone);
   }
   //#endregion
 }
@@ -1375,10 +1375,10 @@ function Me(t, e) {
 }
 window.pktTz = window.pktTz === void 0 ? "Europe/Oslo" : window.pktTz;
 const Te = (t = window.pktTz) => {
-  const e = new E((/* @__PURE__ */ new Date()).toISOString(), t);
+  const e = new _((/* @__PURE__ */ new Date()).toISOString(), t);
   return e.setHours(0, 0, 0, 0), isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : new Date(e.getFullYear(), e.getMonth(), e.getDate());
 };
-function $(t) {
+function N(t) {
   if (!t || t === "") return /* @__PURE__ */ new Date();
   if (/^\d{4}-\d{2}-\d{2}$/.test(t)) {
     const [e, n, r] = t.split("-").map(Number);
@@ -1390,21 +1390,21 @@ function $(t) {
   }
   return /^\d{4}$/.test(t) ? new Date(Number(t), 0, 1) : new Date(t);
 }
-const w = (t) => {
+const y = (t) => {
   if (!t || isNaN(t.getTime())) return "";
   const e = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
   return `${e}-${n}-${r}`;
-}, _e = (t) => {
+}, Ae = (t) => {
   if (!t)
     return null;
-  const e = $(t);
+  const e = N(t);
   return isNaN(e.getTime()) ? null : e;
 }, He = (t, e) => {
-  const n = v(t);
+  const n = T(t);
   return isNaN(n.getTime()) ? "" : be(n, e);
-}, v = (t = "", e) => {
-  const n = typeof t == "string" ? $(t) : t;
-  return !n || isNaN(n.getTime()) ? /* @__PURE__ */ new Date() : e ? e === "end" ? Dt(n) : G(n) : n;
+}, T = (t = "", e) => {
+  const n = typeof t == "string" ? N(t) : t;
+  return !n || isNaN(n.getTime()) ? /* @__PURE__ */ new Date() : e ? e === "end" ? kt(n) : G(n) : n;
 }, O = (t, e, n = 1) => {
   if (typeof t != "number" || typeof e != "number" || typeof n != "number" || isNaN(t) || isNaN(e) || isNaN(n))
     return /* @__PURE__ */ new Date();
@@ -1413,16 +1413,16 @@ const w = (t) => {
 }, xe = (t) => !t || isNaN(t.getTime()) ? "" : new Intl.DateTimeFormat("no", { dateStyle: "full", timeZone: window.pktTz }).format(t), Oe = (t) => {
   if (Array.isArray(t)) return t;
   if (typeof t == "string") return t.split(",");
-}, Pe = (t) => t ? $(t) : null, Ne = (t) => {
+}, Pe = (t) => t ? N(t) : null, $e = (t) => {
   if (typeof t == "string")
-    return t.split(",").map((e) => $(e));
+    return t.split(",").map((e) => N(e));
   if (Array.isArray(t))
-    return t.map((e) => $(e));
-}, R = {
+    return t.map((e) => N(e));
+}, L = {
   csvToArray: Oe,
   stringToDate: Pe,
-  stringsToDate: Ne
-}, $e = {
+  stringsToDate: $e
+}, Ne = {
   earliest: {
     default: null
   },
@@ -1445,14 +1445,14 @@ const w = (t) => {
     default: !1
   }
 }, P = {
-  props: $e
+  props: Ne
 };
-var Ce = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, h = (t, e, n, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ee(e, n) : e, s = t.length - 1, i; s >= 0; s--)
+var Ce = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, d = (t, e, n, r) => {
+  for (var a = r > 1 ? void 0 : r ? _e(e, n) : e, s = t.length - 1, i; s >= 0; s--)
     (i = t[s]) && (a = (r ? i(e, n, a) : i(a)) || a);
   return r && a && Ce(e, n, a), a;
 };
-let l = class extends dt {
+let h = class extends dt {
   constructor() {
     super(...arguments), this.multiple = P.props.multiple.default, this.maxMultiple = P.props.maxMultiple.default, this.range = P.props.range.default, this.weeknumbers = P.props.weeknumbers.default, this.withcontrols = P.props.withcontrols.default, this.selected = [], this.earliest = P.props.earliest.default, this.latest = P.props.latest.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.dayStrings = this.strings.dates.daysShort, this.dayStringsLong = this.strings.dates.days, this.monthStrings = this.strings.dates.months, this.weekString = this.strings.dates.week, this.prevMonthString = this.strings.dates.prevMonth, this.nextMonthString = this.strings.dates.nextMonth, this._selected = [], this.year = 0, this.month = 0, this.week = 0, this.rangeHovered = null, this.inRange = {}, this.focusedDate = null, this.selectableDates = [], this.currentmonthtouched = !1, this.tabIndexSet = 0;
   }
@@ -1475,27 +1475,25 @@ let l = class extends dt {
     this.addEventListener("keydown", this.handleKeydown);
   }
   convertSelected() {
-    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => $(t)), this.range && this.selected.length === 2) {
+    if (typeof this.selected == "string" && (this.selected = this.selected.split(",")), this.selected.length === 1 && this.selected[0] === "" && (this.selected = []), this._selected = this.selected.map((t) => N(t)), this.range && this.selected.length === 2) {
       const t = z({
         start: this._selected[0],
         end: this._selected[1]
       });
       if (this.inRange = {}, Array.isArray(t) && t.length) {
         const e = {};
-        for (let n = 0; n < t.length; n++)
-          e[w(t[n])] = this.isInRange(t[n]);
+        for (let n = 0; n < t.length; n++) {
+          const r = t[n], a = r > this._selected[0] && r < this._selected[1];
+          e[y(r)] = a;
+        }
         this.inRange = e;
       }
     }
     this.setCurrentMonth();
   }
   setCurrentMonth() {
-    if (this.currentmonth === null && !this.currentmonthtouched) {
-      this.currentmonthtouched = !0;
-      return;
-    }
-    if (this.selected.length && this.selected[0] !== "") {
-      const t = $(this.selected[this.selected.length - 1]);
+    if (this.currentmonth === null && !this.currentmonthtouched && (this.currentmonthtouched = !0), this.selected.length && this.selected[0] !== "") {
+      const t = N(this.selected[this.selected.length - 1]);
       this.currentmonth = isNaN(t.getTime()) ? /* @__PURE__ */ new Date() : t;
     } else this.currentmonth === null && (this.currentmonth = /* @__PURE__ */ new Date());
     (!this.currentmonth || isNaN(this.currentmonth.getTime())) && (this.currentmonth = /* @__PURE__ */ new Date()), this.year = this.currentmonth.getFullYear(), this.month = this.currentmonth.getMonth();
@@ -1517,22 +1515,23 @@ let l = class extends dt {
     }
   }
   handleArrowKey(t, e) {
-    var a, s, i;
-    if (((a = t.target) == null ? void 0 : a.nodeName) === "INPUT" || ((s = t.target) == null ? void 0 : s.nodeName) === "SELECT" || ((i = t.target) == null ? void 0 : i.nodeName) === "BUTTON") return;
+    var a, s, i, c, o;
+    if (((a = t.target) == null ? void 0 : a.nodeName) === "INPUT" || ((s = t.target) == null ? void 0 : s.nodeName) === "SELECT" || ((i = t.target) == null ? void 0 : i.nodeName) === "BUTTON" && !((o = (c = t.target) == null ? void 0 : c.dataset) != null && o.date))
+      return;
     t.preventDefault(), this.focusedDate || this.focusOnCurrentDate();
-    const n = this.focusedDate ? v(this.focusedDate) : O(this.year, this.month, 1);
+    const n = this.focusedDate ? T(this.focusedDate) : O(this.year, this.month, 1);
     let r = B(n, e);
     if (r) {
-      let c = this.querySelector(`div[data-date="${w(r)}"]`);
-      if (c instanceof HTMLDivElement) {
-        if (c.dataset.disabled) {
+      let l = this.querySelector(`button[data-date="${y(r)}"]`);
+      if (l instanceof HTMLButtonElement) {
+        if (l.dataset.disabled) {
           r = B(r, e);
-          let o = this.querySelector(`div[data-date="${w(r)}"]`);
-          for (; o && o instanceof HTMLDivElement && o.dataset.disabled; )
-            r = B(r, e), o = this.querySelector(`div[data-date="${w(r)}"]`);
-          c = o;
+          let f = this.querySelector(`button[data-date="${y(r)}"]`);
+          for (; f && f instanceof HTMLButtonElement && f.dataset.disabled; )
+            r = B(r, e), f = this.querySelector(`button[data-date="${y(r)}"]`);
+          l = f;
         }
-        c instanceof HTMLDivElement && !c.dataset.disabled && (this.focusedDate = w(r), c.focus());
+        l instanceof HTMLButtonElement && !l.dataset.disabled && (this.focusedDate = y(r), l.focus());
       }
     }
   }
@@ -1540,9 +1539,9 @@ let l = class extends dt {
    * Component functionality and render
    */
   render() {
-    return k`
+    return S`
       <div
-        class="pkt-calendar ${this.weeknumbers ? "pkt-cal-weeknumbers" : I}"
+        class="pkt-calendar ${this.weeknumbers ? "pkt-cal-weeknumbers" : ""}"
         @focusout=${this.closeEvent}
         @keydown=${(t) => {
       t.key === "Escape" && (t.preventDefault(), this.close());
@@ -1552,12 +1551,13 @@ let l = class extends dt {
           <div>
             <button
               type="button"
-              @click=${this.isPrevMonthAllowed() && this.prevMonth}
+              aria-label="${this.prevMonthString}"
+              @click=${() => this.isPrevMonthAllowed() && this.prevMonth()}
               @keydown=${(t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.isNextMonthAllowed() && this.prevMonth());
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.isPrevMonthAllowed() && this.prevMonth());
     }}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isPrevMonthAllowed() ? "" : "pkt-hide"}"
-              .data-disabled=${this.isPrevMonthAllowed() ? I : "disabled"}
+              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only pkt-calendar__prev-month ${this.isPrevMonthAllowed() ? "" : "pkt-hide"}"
+              .data-disabled=${this.isPrevMonthAllowed() ? U : "disabled"}
               ?aria-disabled=${!this.isPrevMonthAllowed()}
               tabindex=${this.isPrevMonthAllowed() ? "0" : "-1"}
             >
@@ -1569,12 +1569,13 @@ let l = class extends dt {
           <div>
             <button
               type="button"
-              @click=${this.isNextMonthAllowed() && this.nextMonth}
+              aria-label="${this.nextMonthString}"
+              @click=${() => this.isNextMonthAllowed() && this.nextMonth()}
               @keydown=${(t) => {
       (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.isNextMonthAllowed() && this.nextMonth());
     }}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${this.isNextMonthAllowed() ? "" : "pkt-hide"}"
-              .data-disabled=${this.isNextMonthAllowed() ? I : "disabled"}
+              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only pkt-calendar__next-month ${this.isNextMonthAllowed() ? "" : "pkt-hide"}"
+              .data-disabled=${this.isNextMonthAllowed() ? U : "disabled"}
               ?aria-disabled=${!this.isNextMonthAllowed()}
               tabindex=${this.isNextMonthAllowed() ? "0" : "-1"}
             >
@@ -1584,7 +1585,7 @@ let l = class extends dt {
           </div>
         </nav>
         <table
-          class="pkt-cal-days pkt-txt-12-medium"
+          class="pkt-cal-days pkt-txt-12-medium pkt-calendar__body"
           role="grid"
           ?aria-multiselectable=${this.range || this.multiple}
         >
@@ -1600,19 +1601,23 @@ let l = class extends dt {
   }
   renderDayNames() {
     const t = [];
-    this.weeknumbers && t.push(k`<th><div>${this.weekString}</div></th>`);
+    this.weeknumbers && t.push(S`<th><div class="pkt-calendar__week-number">${this.weekString}</div></th>`);
     for (let e = 0; e < this.dayStrings.length; e++)
       t.push(
-        k`<th><div aria-label="${this.dayStringsLong[e]}">${this.dayStrings[e]}</div></th>`
+        S`<th>
+          <div class="pkt-calendar__day-name" aria-label="${this.dayStringsLong[e]}">
+            ${this.dayStrings[e]}
+          </div>
+        </th>`
       );
-    return k`<tr class="pkt-cal-week-row">
+    return S`<tr class="pkt-cal-week-row">
       ${t}
     </tr>`;
   }
   renderMonthNav() {
     let t = [];
     return this.withcontrols ? t.push(
-      k`<div class="pkt-cal-month-picker">
+      S`<div class="pkt-cal-month-picker">
           <label for="${this.id}-monthnav" class="pkt-hide">${this.strings.dates.month}</label>
           <select
             aria-label="${this.strings.dates.month}"
@@ -1623,7 +1628,7 @@ let l = class extends dt {
       }}
           >
             ${this.monthStrings.map(
-        (e, n) => k`<option value=${n} ?selected=${this.month === n}>${e}</option>`
+        (e, n) => S`<option value=${n} ?selected=${this.month === n}>${e}</option>`
       )}
           </select>
           <label for="${this.id}-yearnav" class="pkt-hide">${this.strings.dates.year}</label>
@@ -1641,71 +1646,83 @@ let l = class extends dt {
           />
         </div> `
     ) : t.push(
-      k`<div class="pkt-txt-16-medium" aria-live="polite">
+      S`<div class="pkt-txt-16-medium pkt-calendar__month-title" aria-live="polite">
           ${this.monthStrings[this.month]} ${this.year}
         </div>`
     ), t;
   }
   renderDayView(t, e, n) {
-    var y;
-    const r = O(this.year, this.month, t), a = w(r), s = a === w(e), i = this.selected.includes(a), c = xe(r), o = this.isExcluded(n, r) || !i && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, d = this.focusedDate ? this.focusedDate === a && !o ? "0" : "-1" : !o && this.tabIndexSet === 0 || this.tabIndexSet === t ? "0" : "-1";
-    d === "0" && (this.tabIndexSet = t), this.selectableDates.push({ currentDateISO: a, isDisabled: o, tabindex: d });
-    const g = {
+    var p;
+    const r = O(this.year, this.month, t), a = y(r), s = a === y(e), i = this.selected.includes(a), c = xe(r), o = this.isExcluded(n, r) || !i && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, l = this.focusedDate ? this.focusedDate === a && !o ? "0" : "-1" : !o && this.tabIndexSet === 0 || this.tabIndexSet === t ? "0" : "-1";
+    l === "0" && (this.tabIndexSet = t), this.selectableDates.push({ currentDateISO: a, isDisabled: o, tabindex: l });
+    const f = {
       "pkt-cal-today": s,
       "pkt-cal-selected": i,
       "pkt-cal-in-range": this.inRange[a],
       "pkt-cal-excluded": this.isExcluded(n, r),
       "pkt-cal-in-range-first": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && a === this.selected[0],
       "pkt-cal-in-range-last": this.range && this.selected.length === 2 && a === this.selected[1],
-      "pkt-cal-range-hover": this.rangeHovered !== null && a === w(this.rangeHovered)
+      "pkt-cal-range-hover": this.rangeHovered !== null && a === y(this.rangeHovered)
+    }, g = {
+      "pkt-calendar__date": !0,
+      "pkt-calendar__date--today": s,
+      "pkt-calendar__date--selected": i,
+      "pkt-calendar__date--disabled": o,
+      "pkt-calendar__date--in-range": this.inRange[a],
+      "pkt-calendar__date--in-range-hover": this.rangeHovered !== null && a === y(this.rangeHovered),
+      "pkt-calendar__date--range-start": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && a === this.selected[0],
+      "pkt-calendar__date--range-end": this.range && this.selected.length === 2 && a === this.selected[1]
     };
-    return k`<td class=${ht(g)}>
-      <div
-        ?aria-selected=${i}
-        role="gridcell"
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+    return S`<td class=${V(f)}>
+      <button
+        type="button"
+        aria-pressed=${i ? "true" : "false"}
+        ?disabled=${o}
+        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${V(
+      g
+    )}"
         @mouseover=${() => this.range && !this.isExcluded(n, r) && this.handleRangeHover(r)}
         @focus=${() => {
       this.range && !this.isExcluded(n, r) && this.handleRangeHover(r), this.focusedDate = a;
     }}
         aria-label="${c}"
-        tabindex=${(y = this.selectableDates.find((f) => f.currentDateISO === a)) == null ? void 0 : y.tabindex}
-        data-disabled=${o ? "disabled" : I}
+        tabindex=${(p = this.selectableDates.find((w) => w.currentDateISO === a)) == null ? void 0 : p.tabindex}
+        data-disabled=${o ? "disabled" : U}
         data-date=${a}
-        @keydown=${(f) => {
-      (f.key === "Enter" || f.key === " ") && (f.preventDefault(), this.handleDateSelect(r));
+        @keydown=${(w) => {
+      (w.key === "Enter" || w.key === " ") && (w.preventDefault(), this.handleDateSelect(r));
     }}
-        @click=${(f) => {
-      o || (f.preventDefault(), this.handleDateSelect(r));
+        @click=${(w) => {
+      o || (w.preventDefault(), this.handleDateSelect(r));
     }}
       >
         <span class="pkt-btn__text pkt-txt-14-light">${t}</span>
-      </div>
+      </button>
     </td>`;
   }
   renderCalendarBody() {
     const t = Te(), e = O(this.year, this.month, 1), n = O(this.year, this.month + 1, 0), r = (e.getDay() + 6) % 7, a = n.getDate(), s = Math.ceil((a + r) / 7), c = O(this.year, this.month, 0).getDate();
     let o = 1;
-    this.week = ct(O(this.year, this.month, 1));
-    const d = [];
-    for (let g = 0; g < s; g++) {
-      const y = [];
-      this.weeknumbers && y.push(k`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
-      for (let f = 1; f < 8; f++)
-        if (g === 0 && f < r + 1) {
-          const T = c - (r - f);
-          y.push(
-            k`<td class="pkt-cal-other">
+    this.week = lt(O(this.year, this.month, 1));
+    const l = [];
+    for (let f = 0; f < s; f++) {
+      const g = [];
+      this.weeknumbers && g.push(S`<td class="pkt-cal-week">${this.week}</td>`), this.week++;
+      for (let p = 1; p < 8; p++)
+        if (f === 0 && p < r + 1) {
+          const w = c - (r - p);
+          g.push(
+            S`<td class="pkt-cal-other">
               <div
                 class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
                 data-disabled="disabled"
               >
-                <span class="pkt-btn__text pkt-txt-14-light">${T}</span>
+                <span class="pkt-btn__text pkt-txt-14-light">${w}</span>
               </div>
             </td>`
           );
-        } else o > a ? (y.push(
-          k`<td class="pkt-cal-other">
+        } else o > a ? (g.push(
+          S`<td class="pkt-cal-other">
               <div
                 class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
                 data-disabled="disabled"
@@ -1713,21 +1730,21 @@ let l = class extends dt {
                 <span class="pkt-btn__text pkt-txt-14-light">${o - a}</span>
               </div>
             </td>`
-        ), o++) : (y.push(this.renderDayView(o, t, f)), o++);
-      d.push(
-        k`<tr class="pkt-cal-week-row" role="row">
-          ${y}
+        ), o++) : (g.push(this.renderDayView(o, t, p)), o++);
+      l.push(
+        S`<tr class="pkt-cal-week-row" role="row">
+          ${g}
         </tr>`
       );
     }
-    return d;
+    return l;
   }
   isExcluded(t, e) {
-    return this.excludeweekdays.includes(t.toString()) || this.earliest && v(e, "end") < v(this.earliest, "start") || this.latest && v(e, "start") > v(this.latest, "end") ? !0 : this.excludedates.some((n) => typeof n == "string" ? n === w(e) : n.toDateString() === e.toDateString());
+    return this.excludeweekdays.includes(t.toString()) || this.earliest && T(e, "end") < T(this.earliest, "start") || this.latest && T(e, "start") > T(this.latest, "end") ? !0 : this.excludedates.some((n) => typeof n == "string" ? n === y(e) : n.toDateString() === e.toDateString());
   }
   isPrevMonthAllowed() {
     const t = O(this.year, this.month, 0);
-    return !(this.earliest && v(this.earliest) > t);
+    return !(this.earliest && T(this.earliest) > t);
   }
   prevMonth() {
     const t = this.month === 0 ? 11 : this.month - 1, e = this.month === 0 ? this.year - 1 : this.year;
@@ -1739,21 +1756,14 @@ let l = class extends dt {
       this.month === 11 ? 0 : this.month + 1,
       1
     );
-    return !(this.latest && v(this.latest) < t);
+    return !(this.latest && T(this.latest) < t);
   }
   nextMonth() {
     const t = this.month === 11 ? 0 : this.month + 1, e = this.month === 11 ? this.year + 1 : this.year;
     this.changeMonth(e, t);
   }
   changeMonth(t, e) {
-    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
-  }
-  isInRange(t) {
-    if (this.range && this.selected.length === 2) {
-      if (t > v(this.selected[0]) && t < v(this.selected[1])) return !0;
-    } else if (this.range && this.selected.length === 1 && this.rangeHovered && t > v(this.selected[0]) && t < this.rangeHovered)
-      return !0;
-    return !1;
+    this.year = typeof t == "string" ? parseInt(t) : t, this.month = typeof e == "string" ? parseInt(e) : e, this.currentmonth = new Date(this.year, this.month, 1), this.tabIndexSet = 0, this.focusedDate = null, this.selectableDates = [];
   }
   isRangeAllowed(t) {
     let e = !0;
@@ -1766,7 +1776,7 @@ let l = class extends dt {
         for (let r = 0; r < n.length; r++)
           this.excludedates.forEach((a) => {
             a > this._selected[0] && a < t && (e = !1);
-          }), this.excludeweekdays.includes(ke(n[r]).toString()) && (e = !1);
+          }), this.excludeweekdays.includes(De(n[r]).toString()) && (e = !1);
     }
     return e;
   }
@@ -1774,22 +1784,22 @@ let l = class extends dt {
     this.selected = [], this._selected = [], this.inRange = {};
   }
   addToSelected(t) {
-    this.selected.includes(w(t)) || (this.selected = [...this.selected, w(t)], this._selected = [...this._selected, t], this.range && this.selected.length === 2 && this.close());
+    this.selected.includes(y(t)) || (this.selected = [...this.selected, y(t)], this._selected = [...this._selected, t], this.range && this.selected.length === 2 && (this.convertSelected(), this.close()));
   }
   removeFromSelected(t) {
     if (this.selected.length === 1)
       this.emptySelected();
     else {
-      const e = this.selected.indexOf(w(t)), n = [...this.selected], r = [...this._selected];
+      const e = this.selected.indexOf(y(t)), n = [...this.selected], r = [...this._selected];
       n.splice(e, 1), r.splice(e, 1), this.selected = n, this._selected = r;
     }
   }
   toggleSelected(t) {
-    const e = w(t);
+    const e = y(t);
     this.selected.includes(e) ? this.removeFromSelected(t) : this.maxMultiple && this.selected.length >= this.maxMultiple || this.addToSelected(t);
   }
   handleRangeSelect(t) {
-    const e = w(t);
+    const e = y(t);
     return this.selected.includes(e) ? this.selected.indexOf(e) === 0 ? this.emptySelected() : this.removeFromSelected(t) : this.selected.length > 1 ? (this.emptySelected(), this.addToSelected(t)) : (this.selected.length === 1 && !this.isRangeAllowed(t) && this.emptySelected(), this.selected.length === 1 && this._selected[0] > t && this.emptySelected(), this.addToSelected(t)), Promise.resolve();
   }
   handleRangeHover(t) {
@@ -1800,14 +1810,16 @@ let l = class extends dt {
         end: t
       });
       if (Array.isArray(e) && e.length)
-        for (let n = 0; n < e.length; n++)
-          this.inRange[w(e[n])] = this.isInRange(e[n]);
+        for (let n = 0; n < e.length; n++) {
+          const r = e[n], a = r > this._selected[0] && r < t;
+          this.inRange[y(r)] = a;
+        }
     } else
       this.rangeHovered = null;
   }
   handleDateSelect(t) {
     if (t)
-      return this.range ? this.handleRangeSelect(t) : this.multiple ? this.toggleSelected(t) : (this.selected.includes(w(t)) ? this.emptySelected() : (this.emptySelected(), this.addToSelected(t)), this.close()), this.dispatchEvent(
+      return this.range ? this.handleRangeSelect(t) : this.multiple ? this.toggleSelected(t) : (this.selected.includes(y(t)) ? this.emptySelected() : (this.emptySelected(), this.addToSelected(t)), this.close()), this.dispatchEvent(
         new CustomEvent("date-selected", {
           detail: this.selected,
           bubbles: !0,
@@ -1816,16 +1828,16 @@ let l = class extends dt {
       ), Promise.resolve();
   }
   focusOnCurrentDate() {
-    const t = w(v()), e = this.querySelector(`div[data-date="${t}"]`);
-    if (e instanceof HTMLDivElement)
+    const t = y(T()), e = this.querySelector(`button[data-date="${t}"]`);
+    if (e instanceof HTMLButtonElement)
       this.focusedDate = t, e.focus();
     else {
       const n = this.selectableDates.find((r) => !r.isDisabled);
       if (n) {
         const r = this.querySelector(
-          `div[data-date="${n.currentDateISO}"]`
+          `button[data-date="${n.currentDateISO}"]`
         );
-        r instanceof HTMLDivElement && (this.focusedDate = n.currentDateISO, r.focus());
+        r instanceof HTMLButtonElement && (this.focusedDate = n.currentDateISO, r.focus());
       }
     }
   }
@@ -1842,96 +1854,97 @@ let l = class extends dt {
     );
   }
 };
-h([
+d([
   m({ type: Boolean })
-], l.prototype, "multiple", 2);
-h([
+], h.prototype, "multiple", 2);
+d([
   m({ type: Number })
-], l.prototype, "maxMultiple", 2);
-h([
+], h.prototype, "maxMultiple", 2);
+d([
   m({ type: Boolean })
-], l.prototype, "range", 2);
-h([
+], h.prototype, "range", 2);
+d([
   m({ type: Boolean })
-], l.prototype, "weeknumbers", 2);
-h([
+], h.prototype, "weeknumbers", 2);
+d([
   m({ type: Boolean })
-], l.prototype, "withcontrols", 2);
-h([
-  m({ converter: R.csvToArray })
-], l.prototype, "selected", 2);
-h([
+], h.prototype, "withcontrols", 2);
+d([
+  m({ converter: L.csvToArray })
+], h.prototype, "selected", 2);
+d([
   m({ type: String })
-], l.prototype, "earliest", 2);
-h([
+], h.prototype, "earliest", 2);
+d([
   m({ type: String })
-], l.prototype, "latest", 2);
-h([
-  m({ converter: R.stringsToDate })
-], l.prototype, "excludedates", 2);
-h([
-  m({ converter: R.csvToArray })
-], l.prototype, "excludeweekdays", 2);
-h([
-  m({ converter: R.stringToDate })
-], l.prototype, "currentmonth", 2);
-h([
+], h.prototype, "latest", 2);
+d([
+  m({ converter: L.stringsToDate })
+], h.prototype, "excludedates", 2);
+d([
+  m({ converter: L.csvToArray })
+], h.prototype, "excludeweekdays", 2);
+d([
+  m({ converter: L.stringToDate })
+], h.prototype, "currentmonth", 2);
+d([
   m({ type: Array })
-], l.prototype, "dayStrings", 2);
-h([
+], h.prototype, "dayStrings", 2);
+d([
   m({ type: Array })
-], l.prototype, "dayStringsLong", 2);
-h([
+], h.prototype, "dayStringsLong", 2);
+d([
   m({ type: Array })
-], l.prototype, "monthStrings", 2);
-h([
+], h.prototype, "monthStrings", 2);
+d([
   m({ type: String })
-], l.prototype, "weekString", 2);
-h([
+], h.prototype, "weekString", 2);
+d([
   m({ type: String })
-], l.prototype, "prevMonthString", 2);
-h([
+], h.prototype, "prevMonthString", 2);
+d([
   m({ type: String })
-], l.prototype, "nextMonthString", 2);
-h([
+], h.prototype, "nextMonthString", 2);
+d([
   m({ type: Array })
-], l.prototype, "_selected", 2);
-h([
+], h.prototype, "_selected", 2);
+d([
   m({ type: Number })
-], l.prototype, "year", 2);
-h([
+], h.prototype, "year", 2);
+d([
   m({ type: Number })
-], l.prototype, "month", 2);
-h([
+], h.prototype, "month", 2);
+d([
   m({ type: Number })
-], l.prototype, "week", 2);
-h([
+], h.prototype, "week", 2);
+d([
   m({ type: Date })
-], l.prototype, "rangeHovered", 2);
-h([
+], h.prototype, "rangeHovered", 2);
+d([
   H()
-], l.prototype, "inRange", 2);
-h([
+], h.prototype, "inRange", 2);
+d([
   H()
-], l.prototype, "focusedDate", 2);
-h([
+], h.prototype, "focusedDate", 2);
+d([
   H()
-], l.prototype, "selectableDates", 2);
-h([
+], h.prototype, "selectableDates", 2);
+d([
   H()
-], l.prototype, "currentmonthtouched", 2);
-h([
+], h.prototype, "currentmonthtouched", 2);
+d([
   H()
-], l.prototype, "tabIndexSet", 2);
-l = h([
+], h.prototype, "tabIndexSet", 2);
+h = d([
   ft("pkt-calendar")
-], l);
+], h);
 export {
-  l as P,
-  w as a,
+  h as P,
+  y as a,
   He as b,
   Oe as c,
-  R as d,
-  _e as f,
-  v as n
+  L as d,
+  Ae as f,
+  T as n,
+  N as p
 };