rk-designsystem 1.3.2 → 1.3.5

package/dist/components/DatePicker/index.js

@@ -1,261 +1,280 @@
 "use client";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { useEffect as N, useState as B, useRef as R, useMemo as D, useCallback as b, useId as te } from "react";
+import { jsxs as w, jsx as d } from "react/jsx-runtime";
+import { useEffect as P, useState as S, useRef as W, useMemo as E, useCallback as g, useId as oe } from "react";
 import { Button as A } from "@digdir/designsystemet-react";
-import { startOfMonth as f, isValid as w, isSameMonth as C, format as u, startOfWeek as I, addDays as g, subMonths as S, addMonths as W, endOfWeek as L, isSameDay as F, isToday as re, endOfMonth as oe, eachDayOfInterval as ae, getDaysInMonth as ne, setDate as ie } from "date-fns";
-import { nb as d } from "date-fns/locale";
-import { ChevronLeftIcon as se } from "../../assets/images/ChevronLeftIcon.js";
-import { ChevronRightIcon as de } from "../../assets/images/ChevronRightIcon.js";
-import n from "./styles.module.css.js";
-import { useLanguageOptional as le } from "../../context/LanguageContext.js";
-const ce = (t) => {
-  const o = f(t), l = I(o, { locale: d }), z = L(oe(t), { locale: d });
-  return ae({ start: l, end: z });
-}, H = (t) => t && t.charAt(0).toUpperCase() + t.slice(1), v = (t, o) => {
-  const l = Math.min(t.getDate(), ne(o));
-  return ie(f(o), l);
-}, ue = ({
-  initialDate: t = /* @__PURE__ */ new Date(),
-  selectedDate: o = null,
-  onDateSelect: l,
-  "data-color": z,
-  "data-size": Y
+import { startOfMonth as p, isValid as k, isSameMonth as z, format as f, startOfWeek as B, addDays as v, subMonths as H, addMonths as L, endOfWeek as T, isSameDay as V, isToday as ne, endOfMonth as ie, eachDayOfInterval as se, getDaysInMonth as de, setDate as le } from "date-fns";
+import { enGB as ce, nb as ue } from "date-fns/locale";
+import { ChevronLeftIcon as he } from "../../assets/images/ChevronLeftIcon.js";
+import { ChevronRightIcon as fe } from "../../assets/images/ChevronRightIcon.js";
+import o from "./styles.module.css.js";
+import { useLanguageOptional as pe } from "../../context/LanguageContext.js";
+const me = (e, a) => {
+  const c = p(e), C = B(c, { locale: a }), $ = T(ie(e), { locale: a });
+  return se({ start: C, end: $ });
+}, Y = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), x = (e, a) => {
+  const c = Math.min(e.getDate(), de(a));
+  return le(p(a), c);
+}, be = ({
+  initialDate: e = /* @__PURE__ */ new Date(),
+  selectedDate: a = null,
+  onDateSelect: c,
+  "data-color": C,
+  "data-size": $
 }) => {
-  const { t: E } = le();
-  N(() => {
-    const r = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(r)) return;
-    const e = fe(n), a = document.createElement("style");
-    a.id = r, a.textContent = e, document.head.prepend(a);
+  const { t: O, language: U } = pe(), s = U === "EN" ? ce : ue;
+  P(() => {
+    const t = "rk-datepicker-inline-styles";
+    if (typeof document > "u" || document.getElementById(t)) return;
+    const r = ge(o), n = document.createElement("style");
+    n.id = t, n.textContent = r, document.head.prepend(n);
   }, []);
-  const [c, x] = B(
-    f(o && w(o) ? o : t)
-  ), [h, p] = B(
-    () => o && w(o) ? o : t
-  ), P = R(null), $ = R(!1);
-  N(() => {
-    if (o && w(o)) {
-      p(o);
-      const r = f(o);
-      x(
-        (e) => C(r, e) ? e : r
+  const [u, y] = S(
+    p(a && k(a) ? a : e)
+  ), [m, b] = S(
+    () => a && k(a) ? a : e
+  ), j = W(null), M = W(!1);
+  P(() => {
+    if (a && k(a)) {
+      b(a);
+      const t = p(a);
+      y(
+        (r) => z(t, r) ? r : t
       );
     }
-  }, [o]), N(() => {
-    var e;
-    if (!$.current) return;
-    $.current = !1;
-    const r = (e = P.current) == null ? void 0 : e.querySelector(
-      `[data-date="${u(h, "yyyy-MM-dd")}"]`
+  }, [a]), P(() => {
+    var r;
+    if (!M.current) return;
+    M.current = !1;
+    const t = (r = j.current) == null ? void 0 : r.querySelector(
+      `[data-date="${f(m, "yyyy-MM-dd")}"]`
     );
-    r == null || r.focus();
-  }, [h, c]);
-  const M = D(
-    () => ce(c),
-    [c]
-  ), U = D(() => {
-    const r = [];
-    for (let e = 0; e < M.length; e += 7)
-      r.push(M.slice(e, e + 7));
-    return r;
-  }, [M]), K = D(() => {
-    const r = I(/* @__PURE__ */ new Date(), { locale: d });
-    return Array.from({ length: 7 }).map((e, a) => {
-      const m = u(g(r, a), "EEEEEE", { locale: d });
-      return H(m);
+    t == null || t.focus();
+  }, [m, u]);
+  const N = E(
+    () => me(u, s),
+    [u, s]
+  ), G = E(() => {
+    const t = [];
+    for (let r = 0; r < N.length; r += 7)
+      t.push(N.slice(r, r + 7));
+    return t;
+  }, [N]), K = E(() => {
+    const t = B(/* @__PURE__ */ new Date(), { locale: s });
+    return Array.from({ length: 7 }).map((r, n) => {
+      const i = f(v(t, n), "EEEEEE", { locale: s });
+      return Y(i);
     });
-  }, []), T = b(() => {
-    x((r) => {
-      const e = f(S(r, 1));
-      return p((a) => v(a, e)), e;
+  }, [s]), q = g(() => {
+    y((t) => {
+      const r = p(H(t, 1));
+      return b((n) => x(n, r)), r;
     });
-  }, []), q = b(() => {
-    x((r) => {
-      const e = f(W(r, 1));
-      return p((a) => v(a, e)), e;
+  }, []), _ = g(() => {
+    y((t) => {
+      const r = p(L(t, 1));
+      return b((n) => x(n, r)), r;
     });
-  }, []), k = b(
-    (r) => {
-      p(r), l == null || l(r);
+  }, []), D = g(
+    (t) => {
+      b(t), c == null || c(t);
     },
-    [l]
-  ), s = b((r) => {
-    $.current = !0, p(r), x(
-      (e) => C(r, e) ? e : f(r)
+    [c]
+  ), l = g((t) => {
+    M.current = !0, b(t), y(
+      (r) => z(t, r) ? r : p(t)
     );
-  }, []), V = b(
-    (r, e) => {
-      switch (r.key) {
+  }, []), J = g(
+    (t, r) => {
+      switch (t.key) {
         case "Enter":
         case " ":
-          r.preventDefault(), k(e);
+          t.preventDefault(), D(r);
           return;
         case "ArrowLeft":
-          r.preventDefault(), s(g(e, -1));
+          t.preventDefault(), l(v(r, -1));
           return;
         case "ArrowRight":
-          r.preventDefault(), s(g(e, 1));
+          t.preventDefault(), l(v(r, 1));
           return;
         case "ArrowUp":
-          r.preventDefault(), s(g(e, -7));
+          t.preventDefault(), l(v(r, -7));
           return;
         case "ArrowDown":
-          r.preventDefault(), s(g(e, 7));
+          t.preventDefault(), l(v(r, 7));
           return;
         case "Home":
-          r.preventDefault(), s(I(e, { locale: d }));
+          t.preventDefault(), l(B(r, { locale: s }));
           return;
         case "End":
-          r.preventDefault(), s(L(e, { locale: d }));
+          t.preventDefault(), l(T(r, { locale: s }));
           return;
         case "PageUp":
-          r.preventDefault(), s(v(e, S(e, 1)));
+          t.preventDefault(), l(x(r, H(r, 1)));
           return;
         case "PageDown":
-          r.preventDefault(), s(v(e, W(e, 1)));
+          t.preventDefault(), l(x(r, L(r, 1)));
           return;
       }
     },
-    [k, s]
-  ), _ = u(c, "MMMM", { locale: d }), G = u(c, "yyyy", { locale: d }), J = `${H(_)} ${G}`, O = te(), Q = C(h, c) ? h : v(h, c);
-  return /* @__PURE__ */ y(
+    [D, l, s]
+  ), Q = f(u, "MMMM", { locale: s }), X = f(u, "yyyy", { locale: s }), Z = `${Y(Q)} ${X}`, F = oe(), ee = z(m, u) ? m : x(m, u);
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: n.calendarContainer,
-      "data-color": z,
-      "data-size": Y,
+      className: o.calendarContainer,
+      "data-color": C,
+      "data-size": $,
       children: [
-        /* @__PURE__ */ y("div", { className: n.calendarHeader, children: [
-          /* @__PURE__ */ i("span", { className: n.monthYear, id: O, "aria-live": "polite", children: J }),
-          /* @__PURE__ */ y("div", { className: n.navigationButtons, children: [
-            /* @__PURE__ */ i(
+        /* @__PURE__ */ w("div", { className: o.calendarHeader, children: [
+          /* @__PURE__ */ d("span", { className: o.monthYear, id: F, "aria-live": "polite", children: Z }),
+          /* @__PURE__ */ w("div", { className: o.navigationButtons, children: [
+            /* @__PURE__ */ d(
               A,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: T,
-                "aria-label": E("datePicker.previousMonth"),
-                children: /* @__PURE__ */ i(se, {})
+                onClick: q,
+                "aria-label": O("datePicker.previousMonth"),
+                children: /* @__PURE__ */ d(he, {})
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ d(
               A,
               {
                 variant: "tertiary",
                 icon: !0,
-                onClick: q,
-                "aria-label": E("datePicker.nextMonth"),
-                children: /* @__PURE__ */ i(de, {})
+                onClick: _,
+                "aria-label": O("datePicker.nextMonth"),
+                children: /* @__PURE__ */ d(fe, {})
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ y("div", { role: "grid", "aria-labelledby": O, className: n.gridWrapper, ref: P, children: [
-          /* @__PURE__ */ i("div", { role: "row", className: n.gridRow, children: K.map((r) => /* @__PURE__ */ i("div", { role: "columnheader", className: n.dayNameCell, children: r }, r)) }),
-          U.map((r) => /* @__PURE__ */ i("div", { role: "row", className: n.gridRow, children: r.map((e) => {
-            const a = C(e, c), m = o && w(o) && F(e, o), j = re(e), X = a && F(e, Q), Z = [
-              n.dateCell,
-              a ? "" : n.otherMonth,
-              m ? n.selectedDate : "",
-              j && !m ? n.todayDate : ""
-            ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ i(
-              "div",
-              {
-                role: "gridcell",
-                className: Z,
-                "data-date": u(e, "yyyy-MM-dd"),
-                onClick: a ? () => k(e) : void 0,
-                onKeyDown: a ? (ee) => V(ee, e) : void 0,
-                tabIndex: a ? X ? 0 : -1 : void 0,
-                "aria-selected": a ? !!m : void 0,
-                "aria-disabled": !a || void 0,
-                "aria-current": j ? "date" : void 0,
-                "aria-label": u(e, "PPP", { locale: d }),
-                children: /* @__PURE__ */ i("span", { className: n.dateNumberContainer, children: u(e, "d") })
-              },
-              e.toISOString()
-            );
-          }) }, r[0].toISOString()))
+        /* @__PURE__ */ w("div", { role: "grid", "aria-labelledby": F, className: o.gridWrapper, ref: j, children: [
+          /* @__PURE__ */ d("div", { role: "row", className: o.gridRow, children: K.map((t) => /* @__PURE__ */ d("div", { role: "columnheader", className: o.dayNameCell, children: t }, t)) }),
+          G.map((t, r) => {
+            var n;
+            return /* @__PURE__ */ d("div", { role: "row", className: o.gridRow, children: t.map((i) => {
+              const h = z(i, u), I = a && k(a) && V(i, a), R = ne(i), te = h && V(i, ee), re = [
+                o.dateCell,
+                h ? "" : o.otherMonth,
+                I ? o.selectedDate : "",
+                R && !I ? o.todayDate : ""
+              ].filter(Boolean).join(" ");
+              return /* @__PURE__ */ d(
+                "div",
+                {
+                  role: "gridcell",
+                  className: re,
+                  "data-date": f(i, "yyyy-MM-dd"),
+                  onClick: h ? () => D(i) : void 0,
+                  onKeyDown: h ? (ae) => J(ae, i) : void 0,
+                  tabIndex: h ? te ? 0 : -1 : void 0,
+                  "aria-selected": h ? !!I : void 0,
+                  "aria-disabled": !h || void 0,
+                  "aria-current": R ? "date" : void 0,
+                  "aria-label": f(i, "PPP", { locale: s }),
+                  children: /* @__PURE__ */ d("span", { className: o.dateNumberContainer, children: f(i, "d") })
+                },
+                i.toISOString()
+              );
+            }) }, ((n = t[0]) == null ? void 0 : n.toISOString()) ?? r);
+          })
         ] })
       ]
     }
   );
 };
-ue.displayName = "DatePicker";
-function fe(t) {
+be.displayName = "DatePicker";
+function ge(e) {
   return `
-.${t.calendarContainer} {
+.${e.calendarContainer} {
+  /* Half a cell border. The cells overlap each other by this much so two
+     adjacent 1px borders land on top of each other and read as one line; the
+     grid wrapper pays the same amount back as padding so the outermost edges
+     are not clipped. Both sides of that bargain must use the same number. */
+  --rk-calendar-border-overlap: 0.5px;
   display: inline-flex;
-  padding: var(--ds-size-8, 32px);
+  padding: var(--ds-size-7, 28px);
   flex-direction: column;
   align-items: flex-start;
   gap: var(--ds-size-3, 12px);
-  border: 1px solid var(--ds-color-border-subtle, #ccc);
-  border-radius: var(--ds-border-radius-md, 4px);
-  background-color: var(--ds-color-background-default, #fff);
+  /* No outer card — see styles.module.css. */
+  background-color: var(--ds-color-neutral-background-default, #fff);
   font-family: var(--ds-font-family, sans-serif);
-  color: var(--ds-color-text-default, #2b2b2b);
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
   max-width: 100%;
   box-sizing: border-box;
 }
-.${t.calendarHeader} {
+.${e.calendarHeader} {
   display: flex;
   justify-content: space-between;
   align-items: center;
   align-self: stretch;
 }
-.${t.monthYear} {
-  color: var(--ds-color-text-default, #2b2b2b);
-  font-family: var(--ds-font-family, sans-serif);
+.${e.monthYear} {
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
+  font-family: var(--ds-font-family, 'Myriad VF', sans-serif);
   font-size: var(--ds-heading-sm-font-size, 1.5rem);
   font-weight: var(--ds-heading-sm-font-weight, 500);
   line-height: var(--ds-heading-sm-line-height, 1.3);
   margin: 0;
 }
-.${t.navigationButtons} {
+.${e.navigationButtons} {
   display: flex;
   gap: var(--ds-size-1, 4px);
 }
-.${t.navigationButtons} > button:disabled svg {
+.${e.navigationButtons} > button:disabled svg {
   opacity: var(--ds-opacity-disabled, 0.3);
 }
-.${t.gridWrapper} {
+.${e.gridWrapper} {
   width: 100%;
+  /* Give back the half pixel the cells hang outside the grid by. Without it
+     overflow:hidden cuts the last row's bottom border and the last column's
+     right border, leaving the grid open on two sides — the container border
+     used to cover that up, so removing the border exposed it. */
+  padding: var(--rk-calendar-border-overlap, 0.5px);
   overflow: hidden;
+  box-sizing: border-box;
 }
-.${t.gridRow} {
+.${e.gridRow} {
   display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 100%;
+  /* See styles.module.css: a fixed track keeps the design's 64px cell and
+     keeps the weekday row aligned with the dates. */
+  grid-template-columns: repeat(7, var(--rk-calendar-cell, 64px));
+  width: max-content;
+  max-width: 100%;
   text-align: center;
 }
-.${t.dayNameCell} {
+.${e.dayNameCell} {
   display: flex;
   padding: var(--ds-size-2, 8px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  color: var(--ds-color-text-default, #2b2b2b);
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
   text-align: center;
-  font-family: var(--ds-font-family, sans-serif);
+  font-family: var(--ds-font-family, 'Myriad VF', sans-serif);
   font-size: var(--ds-body-xs-font-size, 14px);
   font-weight: var(--ds-font-weight-semibold, 600);
   line-height: var(--ds-body-short-xs-line-height, 1.3);
   box-sizing: border-box;
   min-width: 0;
 }
-.${t.dateCell} {
+.${e.dateCell} {
   display: flex;
-  padding: var(--ds-size-5, 22px);
+  padding: var(--ds-size-5, 20px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
+  border: var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);
   box-sizing: border-box;
-  margin: -0.5px;
-  font-family: var(--ds-font-family, sans-serif);
-  color: var(--ds-color-text-default, #2b2b2b);
+  /* Pull each cell half a border width up and left so its top/left border
+     coincides with the neighbour's bottom/right one instead of stacking into
+     a 2px line. Paid back by the grid wrapper's padding. */
+  margin: calc(-1 * var(--rk-calendar-border-overlap, 0.5px));
+  font-family: var(--ds-font-family, 'Myriad VF', sans-serif);
+  color: var(--ds-color-neutral-text-default, #2b2b2b);
   text-align: center;
   font-size: var(--ds-body-xs-font-size, 14px);
   font-weight: var(--ds-body-xs-font-weight, 400);
@@ -265,13 +284,13 @@ function fe(t) {
   user-select: none;
   min-width: 0;
 }
-.${t.dateCell}:focus-visible {
+.${e.dateCell}:focus-visible {
   outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2b2b2b);
   outline-offset: calc(-1 * var(--ds-border-width-focus, 3px));
   position: relative;
   z-index: 2;
 }
-.${t.dateNumberContainer} {
+.${e.dateNumberContainer} {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -283,12 +302,12 @@ function fe(t) {
   box-sizing: border-box;
   background-color: transparent;
 }
-.${t.dateCell}:hover:not(.${t.otherMonth}):not(.${t.disabled}) {
-  background-color: var(--ds-color-surface-hover, #eee);
+.${e.dateCell}:hover:not(.${e.otherMonth}):not(.${e.disabled}) {
+  background-color: var(--ds-color-neutral-surface-hover, #eee);
   position: relative;
   z-index: 1;
 }
-.${t.otherMonth} {
+.${e.otherMonth} {
   /* Neutral-scoped tokens on purpose: under the red color scope the
      scope-relative tints turn pink, which emphasized the outside days
      instead of muting them. */
@@ -297,58 +316,61 @@ function fe(t) {
   pointer-events: none;
   background-color: var(--ds-color-neutral-surface-tinted, #e8e8e8);
   border: var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);
-  margin: -0.5px;
+  margin: calc(-1 * var(--rk-calendar-border-overlap, 0.5px));
 }
-.${t.selectedDate} {
+.${e.selectedDate} {
   background-color: var(--ds-color-base-default, #C30000);
   border-color: var(--ds-color-base-default, #C30000);
   color: var(--ds-color-base-contrast-default, #fff);
   position: relative;
   z-index: 1;
 }
-.${t.selectedDate} .${t.dateNumberContainer} {
+.${e.selectedDate} .${e.dateNumberContainer} {
   color: var(--ds-color-base-contrast-default, #fff);
   font-weight: var(--ds-font-weight-semibold, 600);
   background-color: transparent;
 }
-.${t.todayDate} .${t.dateNumberContainer} {
+.${e.todayDate} .${e.dateNumberContainer} {
   font-weight: var(--ds-font-weight-semibold, 600);
 }
+@media (max-width: 600px) {
+  .${e.gridRow} { grid-template-columns: repeat(7, minmax(0, 1fr)); width: 100%; }
+}
 @media (max-width: 480px) {
-  .${t.calendarContainer} {
+  .${e.calendarContainer} {
     padding: var(--ds-size-4, 16px);
     gap: var(--ds-size-2, 8px);
     width: 100%;
   }
-  .${t.monthYear} {
+  .${e.monthYear} {
     font-size: var(--ds-heading-xs-font-size, 1.125rem);
   }
-  .${t.dayNameCell} {
+  .${e.dayNameCell} {
     padding: var(--ds-size-1, 4px);
     font-size: var(--ds-font-size-1, 12px);
   }
-  .${t.dateCell} {
+  .${e.dateCell} {
     padding: var(--ds-size-2, 8px);
     font-size: var(--ds-font-size-1, 12px);
   }
-  .${t.dateNumberContainer} {
+  .${e.dateNumberContainer} {
     width: 20px;
     height: 20px;
   }
 }
 @media (max-width: 360px) {
-  .${t.calendarContainer} {
+  .${e.calendarContainer} {
     padding: var(--ds-size-2, 8px);
   }
-  .${t.dayNameCell} {
+  .${e.dayNameCell} {
     padding: 2px;
     font-size: 10px;
   }
-  .${t.dateCell} {
+  .${e.dateCell} {
     padding: var(--ds-size-1, 4px);
     font-size: 11px;
   }
-  .${t.dateNumberContainer} {
+  .${e.dateNumberContainer} {
     width: 16px;
     height: 16px;
   }
@@ -356,5 +378,5 @@ function fe(t) {
 `;
 }
 export {
-  ue as DatePicker
+  be as DatePicker
 };

package/dist/components/DatePicker/styles.module.css.js

@@ -1,30 +1,32 @@
 "use client";
-const e = "_calendarContainer_1xn54_1", n = "_calendarHeader_1xn54_16", a = "_monthYear_1xn54_23", t = "_navigationButtons_1xn54_34", o = "_gridWrapper_1xn54_43", r = "_gridRow_1xn54_48", _ = "_dayNameCell_1xn54_55", d = "_dateCell_1xn54_73", l = "_dateNumberContainer_1xn54_106", s = "_otherMonth_1xn54_119", c = "_disabled_1xn54_119", i = "_selectedDate_1xn54_148", x = {
+const e = "_calendarContainer_ubequ_8", t = "_calendarHeader_ubequ_29", a = "_monthYear_ubequ_36", n = "_navigationButtons_ubequ_47", o = "_gridWrapper_ubequ_56", _ = "_gridRow_ubequ_67", d = "_dayNameCell_ubequ_83", r = "_dateCell_ubequ_101", u = "_dateNumberContainer_ubequ_137", l = "_otherMonth_ubequ_150", s = "_disabled_ubequ_150", c = "_selectedDate_ubequ_179", i = "_todayDate_ubequ_256", b = {
   calendarContainer: e,
-  calendarHeader: n,
+  calendarHeader: t,
   monthYear: a,
-  navigationButtons: t,
+  navigationButtons: n,
   gridWrapper: o,
-  gridRow: r,
-  dayNameCell: _,
-  dateCell: d,
-  dateNumberContainer: l,
-  otherMonth: s,
-  disabled: c,
-  selectedDate: i
+  gridRow: _,
+  dayNameCell: d,
+  dateCell: r,
+  dateNumberContainer: u,
+  otherMonth: l,
+  disabled: s,
+  selectedDate: c,
+  todayDate: i
 };
 export {
   e as calendarContainer,
-  n as calendarHeader,
-  d as dateCell,
-  l as dateNumberContainer,
-  _ as dayNameCell,
-  x as default,
-  c as disabled,
-  r as gridRow,
+  t as calendarHeader,
+  r as dateCell,
+  u as dateNumberContainer,
+  d as dayNameCell,
+  b as default,
+  s as disabled,
+  _ as gridRow,
   o as gridWrapper,
   a as monthYear,
-  t as navigationButtons,
-  s as otherMonth,
-  i as selectedDate
+  n as navigationButtons,
+  l as otherMonth,
+  c as selectedDate,
+  i as todayDate
 };