@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

package/dist/es/components/internal/FilterBar/filters/BaseFilter/BaseFilter.js

@@ -1,97 +1,93 @@
-import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useResponsiveContainer as b, containerQueries as g } from "../../../../../hooks/useResponsiveContainer.js";
-import z from "../../components/FilterButton/FilterButton.js";
-import H from "../../../Popover/Popover.js";
-import { PopoverContainerPosition as L, PopoverContainerVariant as j } from "../../../Popover/types.js";
-import { TypographyVariant as O, TypographyElement as S } from "../../../Typography/types.js";
-import _ from "../../../Typography/Typography.js";
-import { memo as Q } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as p, useRef as G, useCallback as I, useEffect as C, useState as J } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import f from "../../../../../hooks/useBooleanState.js";
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useResponsiveContainer as g, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
+import H from "../../components/FilterButton/FilterButton.js";
+import L from "../../../Popover/Popover.js";
+import { PopoverContainerPosition as j, PopoverContainerVariant as Q } from "../../../Popover/types.js";
+import { TypographyVariant as S, TypographyElement as _ } from "../../../Typography/types.js";
+import D from "../../../Typography/Typography.js";
+import { memo as G } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as E, useRef as V, useCallback as T, useEffect as v, useState as J } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../../../../hooks/useBooleanState.js";
 import { useUniqueId as K } from "../../../../../hooks/useUniqueId.js";
 import W from "../../../FormFields/InputText.js";
 import X from "../../../../../hooks/useCommitAction/useCommitAction.js";
 import { Fragment as Z } from "../../../../../external/preact/dist/preact.module.js";
-import { isNull as ee } from "../../../../../utils/value/is.js";
-import { isEmptyString as te } from "../../../../../utils/value/string.js";
-import { CommitAction as D } from "../../../../../hooks/useCommitAction/types.js";
-const ae = (s) => !s || te(s), ie = /* @__PURE__ */ (() => {
-  const s = (u) => {
-    const { editAction: e, name: A, onChange: t, onValueUpdated: r } = u, [c, d] = J(u.value), l = I(
-      (a) => {
-        const n = a.target.value.trim();
-        d(n), r(n);
+import { isEmptyString as ee } from "../../../../../utils/value/string.js";
+import { isNull as te } from "../../../../../utils/value/is.js";
+import { CommitAction as I } from "../../../../../hooks/useCommitAction/types.js";
+const ie = (r) => !r || ee(r), ae = /* @__PURE__ */ (() => {
+  const r = (c) => {
+    const { editAction: e, name: b, onChange: t, onValueUpdated: s } = c, [m, u] = J(c.value), a = V(null), f = T(
+      (i) => {
+        const p = i.target.value.trim();
+        u(p), s(p);
       },
-      [r]
+      [s]
     );
-    return C(() => {
-      if (e === D.CLEAR) {
-        const a = "";
-        d(a), r(a), t(a);
+    return v(() => {
+      (function i() {
+        a.current ? a.current.focus() : requestAnimationFrame(i);
+      })();
+    }, [a]), v(() => {
+      if (e === I.CLEAR) {
+        const i = "";
+        u(i), s(i), t(i);
       }
-      e === D.APPLY && t(c ?? "");
-    }, [c, e, t, r]), /* @__PURE__ */ i(W, { name: A, value: c, onInput: l });
+      e === I.APPLY && t(m ?? "");
+    }, [m, e, t, s]), /* @__PURE__ */ n(W, { ref: a, name: b, value: m, onInput: f });
   };
-  return (u) => /* @__PURE__ */ i(s, { ...u });
-})(), ne = ({ render: s, ["aria-label"]: u, ...e }) => {
-  var N;
-  const A = b(g.down.xs), [t, r] = f(!1), [c, d] = f(!1), l = p(() => e.isValueEmpty ?? ae, [e.isValueEmpty]), [a, n] = f(l(e.value)), [M, v] = f(!1), [T, h] = f(!1), [w, V] = f(l(e.value)), E = G(null), R = `elem-${K()}`, k = p(() => s ?? ie, [s]), x = I(
+  return (c) => /* @__PURE__ */ n(r, { ...c });
+})(), ne = ({ render: r, ["aria-label"]: c, ...e }) => {
+  const b = g(M.down.xs), [t, s] = d(!1), [m, u] = d(!1), a = E(() => e.isValueEmpty ?? ie, [e.isValueEmpty]), [f, i] = d(a(e.value)), [p, h] = d(!1), [R, A] = d(!1), [w, F] = d(a(e.value)), C = V(null), k = `elem-${K()}`, x = E(() => r ?? ae, [r]), q = T(
     (o) => {
-      const m = l(o ?? void 0);
-      n(m), V(ee(o)), h(M ? o !== e.value : !m);
+      const l = a(o ?? void 0);
+      i(l), F(te(o)), A(p ? o !== e.value : !l);
     },
-    [l, n, V, h, M, e.value]
+    [a, i, F, A, p, e.value]
   ), { commitAction: U, commitActionButtons: Y, committing: P, resetCommitAction: B } = X({
-    applyDisabled: w || !T,
-    resetDisabled: a,
-    onResetAction: e == null ? void 0 : e.onResetAction
-  }), [y, F] = p(() => {
-    const o = (m) => () => {
-      m !== t && (m && (B(), h(!1), v(!1)), r(m), d(m));
+    applyDisabled: w || !R,
+    resetDisabled: f,
+    onResetAction: e?.onResetAction
+  }), N = V(!1), [y, O] = E(() => {
+    const o = (l) => () => {
+      l === t || l && N.current || (l && (B(), A(!1), h(!1)), s(l), u(l));
     };
     return [o(!1), o(!0)];
-  }, [r, t, B, d, v, h]);
-  C(() => {
-    if (c) {
-      const o = l(e.value);
-      d(!1), n(o), v(!o);
+  }, [s, t, B, u, h, A]);
+  v(() => {
+    if (m) {
+      const o = a(e.value);
+      u(!1), i(o), h(!o);
     }
-  }, [e.value, c, l, d, n, v]), C(() => {
-    P && y(), n(a);
-  }, [P, y, n, a]);
-  const $ = b(g.only.sm), q = b(g.only.md);
-  return /* @__PURE__ */ i(Z, { children: [
-    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: p(
-      () => /* @__PURE__ */ i(
-        z,
+  }, [e.value, m, a, u, i, h]), v(() => {
+    P && y();
+  }, [P, y]), v(() => {
+    N.current = t;
+  }, [t]);
+  const $ = g(M.only.sm), z = g(M.only.md);
+  return /* @__PURE__ */ n(Z, { children: [
+    /* @__PURE__ */ n("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
+      () => /* @__PURE__ */ n(
+        H,
         {
           classNameModifiers: [
             ...e.appliedFilterAmount ? ["with-counter"] : [],
             ...e.classNameModifiers ?? [],
             ...t ? ["active"] : [],
-            ...a ? [] : ["has-selection"]
+            ...f ? [] : ["has-selection"]
           ],
-          "aria-label": u,
-          id: R,
-          onClick: t ? y : F,
-          ref: E,
+          "aria-label": c,
+          id: k,
+          onClick: t ? y : O,
+          ref: C,
           tabIndex: 0,
-          children: /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__default-container", children: [
-            /* @__PURE__ */ i(
-              _,
+          children: /* @__PURE__ */ n("div", { className: "adyen-pe-filter-button__default-container", children: [
+            /* @__PURE__ */ n(D, { el: _.SPAN, variant: S.BODY, className: "adyen-pe-filter-button__label", children: e.label }),
+            !!e.appliedFilterAmount && /* @__PURE__ */ n("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ n(
+              D,
               {
-                el: S.SPAN,
-                variant: O.BODY,
-                stronger: !0,
-                className: "adyen-pe-filter-button__label",
-                children: e.label
-              }
-            ),
-            !!e.appliedFilterAmount && /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ i(
-              _,
-              {
-                el: S.SPAN,
-                variant: O.BODY,
+                el: _.SPAN,
+                variant: S.BODY,
                 stronger: !0,
                 className: "adyen-pe-filter-button__counter",
                 children: e.appliedFilterAmount
@@ -105,35 +101,35 @@ const ae = (s) => !s || te(s), ie = /* @__PURE__ */ (() => {
         e.classNameModifiers,
         e.label,
         t,
-        a,
+        f,
         y,
-        F,
-        E
+        O,
+        C
       ]
     ) }),
-    t && /* @__PURE__ */ i(
-      H,
+    t && /* @__PURE__ */ n(
+      L,
       {
         actions: Y,
-        title: (N = e.title) == null ? void 0 : N.trim(),
-        variant: j.POPOVER,
+        title: e.title?.trim(),
+        variant: Q.POPOVER,
         modifiers: ["filter"],
         open: t,
         dismiss: y,
         dismissible: !1,
         withContentPadding: e.withContentPadding ?? !0,
         divider: !0,
-        targetElement: E,
+        targetElement: C,
         disableFocusTrap: !1,
-        position: L.BOTTOM,
+        position: j.BOTTOM,
         containerSize: e.containerSize,
-        showOverlay: A,
-        fitPosition: $ || q,
-        children: k({ ...e, editAction: U, onValueUpdated: x })
+        showOverlay: b,
+        fitPosition: $ || z,
+        children: x({ ...e, editAction: U, onValueUpdated: q })
       }
     )
   ] });
-}, Ce = Q(ne);
+}, ge = G(ne);
 export {
-  Ce as default
+  ge as default
 };

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilterCore.js

@@ -1,19 +1,19 @@
-import { jsx as R } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { useState as C, useCallback as L, useMemo as P, useEffect as T, useRef as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { BASE_LOCALE as z } from "../../../../../core/Localization/datetime/restamper/constants.js";
-import M from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as A } from "./types.js";
+import { jsx as h } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useState as S, useCallback as v, useMemo as C, useEffect as P, useRef as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_LOCALE as x } from "../../../../../core/Localization/datetime/restamper/constants.js";
+import B from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as R } from "./types.js";
 /* empty css                    */
-import I from "../BaseFilter/BaseFilter.js";
-import V from "../../../DatePicker/DatePicker.js";
-import { EMPTY_OBJECT as _ } from "../../../../../utils/value/constants.js";
-import { CommitAction as v } from "../../../../../hooks/useCommitAction/types.js";
-const Y = {
+import z from "../BaseFilter/BaseFilter.js";
+import I from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as V } from "../../../../../utils/value/constants.js";
+import { CommitAction as E } from "../../../../../hooks/useCommitAction/types.js";
+const _ = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, k = (n, e, o, r) => {
+}, L = (n, e, o, r) => {
   const m = o && e(o), t = r && e(r);
   if (m && t) return n.get("common.filters.types.date.range.between", { values: { fromDate: m, toDate: t } });
   if (m) return n.get("common.filters.types.date.range.since", { values: { date: m } });
@@ -24,7 +24,7 @@ const Y = {
   } catch {
     return "";
   }
-}, j = /* @__PURE__ */ (() => {
+}, Y = /* @__PURE__ */ (() => {
   const n = ({
     editAction: e,
     from: o,
@@ -32,54 +32,53 @@ const Y = {
     now: m,
     onChange: t,
     onValueUpdated: i,
-    showTimezoneInfo: b,
-    selectedPresetOption: g,
-    timeRangePresetOptions: F,
+    showTimezoneInfo: T,
+    selectedPresetOption: f,
+    timeRangePresetOptions: y,
     timeRangeSelectorLabel: c,
-    timezone: D,
+    timezone: g,
     sinceDate: l,
-    untilDate: w
+    untilDate: F
   }) => {
-    const { i18n: p } = M(), { fullDateFormat: d } = B(D), [y, h] = C(g), f = P(() => [new Date(o), new Date(r)], [o, r]), a = x(), O = L(
-      (u, S) => {
-        i(k(p, d, s(u), s(S)));
+    const { i18n: w } = B(), { fullDateFormat: D } = A(g), [d, b] = S(f), u = C(() => [new Date(o), new Date(r)], [o, r]), a = k(), p = v(
+      (O, M) => {
+        i(L(w, D, s(O), s(M)));
       },
-      [p, d, i]
+      [w, D, i]
     );
-    return T(() => {
-      var u, S, E;
+    return P(() => {
       switch (e) {
-        case v.APPLY:
+        case E.APPLY:
           t({
-            selectedPresetOption: y,
-            [A.FROM]: s((u = a.current) == null ? void 0 : u.from),
-            [A.TO]: s((S = a.current) == null ? void 0 : S.to)
+            selectedPresetOption: d,
+            [R.FROM]: s(a.current?.from),
+            [R.TO]: s(a.current?.to)
           });
           break;
-        case v.CLEAR:
-          (E = a.current) == null || E.clear(), t();
+        case E.CLEAR:
+          a.current?.clear(), t();
       }
-    }, [e, t, y]), /* @__PURE__ */ R(
-      V,
+    }, [e, t, d]), /* @__PURE__ */ h(
+      I,
       {
         ref: a,
         now: m,
-        originDate: f,
-        onHighlight: O,
-        onPresetOptionSelected: h,
-        selectedPresetOption: g,
-        timeRangePresetOptions: F,
+        originDate: u,
+        onHighlight: p,
+        onPresetOptionSelected: b,
+        selectedPresetOption: f,
+        timeRangePresetOptions: y,
         timeRangeSelectorLabel: c,
-        timezone: D,
-        showTimezoneInfo: b,
+        timezone: g,
+        showTimezoneInfo: T,
         sinceDate: s(l),
-        untilDate: s(w)
+        untilDate: s(F)
       }
     );
   };
-  return (e) => /* @__PURE__ */ R(n, { ...e });
-})(), q = (n, e, o) => n.formatRange(e, o);
-function tt({
+  return (e) => /* @__PURE__ */ h(n, { ...e });
+})(), j = (n, e, o) => n.formatRange(e, o);
+function U({
   title: n,
   from: e,
   to: o,
@@ -87,44 +86,44 @@ function tt({
   timeRangeSelectorLabel: m,
   ...t
 }) {
-  const { i18n: i } = M(), { fullDateFormat: b } = B(t.timezone), [g, F] = C(), [c, D] = C(), [l, w] = C(), p = L(
-    (f) => {
-      const { from: a, to: O, selectedPresetOption: u } = f ?? _;
+  const { i18n: i } = B(), { fullDateFormat: T } = A(t.timezone), [f, y] = S(), [c, g] = S(), [l, F] = S(), w = v(
+    (u) => {
+      const { from: a, to: p, selectedPresetOption: O } = u ?? V;
       try {
-        F(g ?? u), D(s(c ?? a)), w(s(l ?? O));
+        y(f ?? O), g(s(c ?? a)), F(s(l ?? p));
       } finally {
-        t.onChange({ from: a, to: O, selectedPresetOption: u });
+        t.onChange({ from: a, to: p, selectedPresetOption: O });
       }
     },
-    [g, c, l, t]
-  ), d = P(() => i.get("common.filters.types.date.rangeSelect.options.custom"), [i]), y = P(() => {
-    const f = { ...Y, timeZone: t.timezone };
-    let a = new Intl.DateTimeFormat(z, f);
+    [f, c, l, t]
+  ), D = C(() => i.get("common.filters.types.date.rangeSelect.options.custom"), [i]), d = C(() => {
+    const u = { ..._, timeZone: t.timezone };
+    let a = new Intl.DateTimeFormat(x, u);
     try {
-      a = new Intl.DateTimeFormat(i.locale, f);
+      a = new Intl.DateTimeFormat(i.locale, u);
     } catch {
     }
     return a;
   }, [i, t.timezone]);
-  T(() => F(r), [r]), T(() => D(s(e || Date.now())), [e]), T(() => w(s(o || Date.now())), [o]);
-  const h = P(() => r === d && c && l ? q(y, new Date(c), new Date(l)) : r ?? t.label, [d, y, c, l, r, t.label]);
-  return /* @__PURE__ */ R(
-    I,
+  P(() => y(r), [r]), P(() => g(s(e || Date.now())), [e]), P(() => F(s(o || Date.now())), [o]);
+  const b = C(() => r === D && c && l ? j(d, new Date(c), new Date(l)) : r ?? t.label, [D, d, c, l, r, t.label]);
+  return /* @__PURE__ */ h(
+    z,
     {
       ...t,
       from: e,
       to: o,
       type: "date",
-      label: h,
-      onChange: p,
-      render: j,
+      label: b,
+      onChange: w,
+      render: Y,
       selectedPresetOption: r,
       timeRangeSelectorLabel: m ?? i.get("common.filters.types.date.rangeSelect.label"),
-      value: k(i, b, e, o),
+      value: L(i, T, e, o),
       withContentPadding: !1
     }
   );
 }
 export {
-  tt as default
+  U as default
 };

package/dist/es/components/internal/FilterBar/filters/TextFilter/TextFilter.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "../BaseFilter/BaseFilter.js";
+function a(t) {
+  return /* @__PURE__ */ e(r, { ...t, type: "text" });
+}
+export {
+  a as default
+};

package/dist/es/components/internal/FormFields/CalendarInput/CalendarInput.js

@@ -0,0 +1,57 @@
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as C, useRef as w, useMemo as i, useCallback as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import R from "../../../../core/Context/useCoreContext.js";
+import x from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { CalendarInputButton as F } from "./components/CalendarInputButton.js";
+import { CalendarInputPopover as L } from "./components/CalendarInputPopover.js";
+import { DATE_FORMAT_DELIVERY_DATE as S } from "../../../../constants/dateFormats.js";
+function Y({ clearable: l, value: t, onInput: o, isInvalid: u, timezone: D }) {
+  const { i18n: s } = R(), { dateFormat: p } = x(D), [c, n] = C(!1), f = w(null), T = i(() => t ? [new Date(t)] : void 0, [t]), h = i(
+    () => t ? p(t, S) : s.get("common.inputs.select.placeholder"),
+    [p, s, t]
+  ), [d, g] = C(t), O = m(
+    (e) => s.get("common.filters.types.date.calendar.label", { values: { monthOfYear: e.label } }),
+    [s]
+  ), b = m(
+    (e) => {
+      if (e) {
+        const a = new Date(e).toISOString();
+        o(a), g(a), a !== d && n(!1);
+      }
+    },
+    [d, o]
+  ), A = i(() => !!l && !!t, [l, t]), E = m(
+    (e) => {
+      e?.preventDefault?.(), e?.stopPropagation?.(), o(""), g(void 0), n(!1);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r(
+      F,
+      {
+        label: h,
+        isOpen: c,
+        isInvalid: u,
+        onClick: () => n((e) => !e),
+        showClearButton: A,
+        onClear: E,
+        buttonRef: f
+      }
+    ),
+    /* @__PURE__ */ r(
+      L,
+      {
+        isOpen: c,
+        onClose: () => n(!1),
+        originDate: T,
+        onHighlight: b,
+        getGridLabel: O,
+        targetElement: f
+      }
+    )
+  ] });
+}
+export {
+  Y as CalendarInput
+};

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputButton.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { InteractionKeyCode as r } from "../../../../types.js";
+import { ButtonVariant as m } from "../../../Button/types.js";
+import u from "classnames";
+import { Fragment as s } from "../../../../../external/preact/dist/preact.module.js";
+import { Icon as e } from "../../../Icon/Icon.js";
+import f from "../../../Button/Button.js";
+function x({ label: i, isOpen: p, isInvalid: t, onClick: d, onClear: a, showClearButton: c, buttonRef: l }) {
+  return /* @__PURE__ */ n(
+    f,
+    {
+      ref: l,
+      onClick: (o) => {
+        o.preventDefault(), d();
+      },
+      variant: m.SECONDARY,
+      "aria-haspopup": "dialog",
+      "aria-expanded": p,
+      "aria-invalid": t ? "true" : void 0,
+      className: u("adyen-pe-button adyen-pe-dropdown__button", {
+        "adyen-pe-button--invalid": t
+      }),
+      iconRight: c ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+        "span",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: "adyen-pe-dropdown__button-clear",
+          onClick: (o) => {
+            o.preventDefault(), o.stopPropagation(), a?.(o);
+          },
+          onKeyDown: (o) => {
+            (o.code === r.ENTER || o.code === r.SPACE) && (o.preventDefault(), o.stopPropagation(), a?.(o));
+          },
+          children: /* @__PURE__ */ n(e, { name: "cross-circle-fill" })
+        }
+      ) }) : /* @__PURE__ */ n(e, { className: "adyen-pe-dropdown__button-collapse-indicator", name: "chevron-down" }),
+      children: /* @__PURE__ */ n("span", { children: i })
+    }
+  );
+}
+export {
+  x as CalendarInputButton
+};

package/dist/es/components/internal/FormFields/CalendarInput/components/CalendarInputPopover.js

@@ -0,0 +1,57 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../Popover/Popover.js";
+import { PopoverContainerVariant as c, PopoverContainerPosition as f, PopoverContainerSize as u } from "../../../Popover/types.js";
+import { DEFAULT_FIRST_WEEK_DAY as C } from "../../../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import h from "../../../Calendar/hooks/useCalendarControlsRendering.js";
+import v from "../../../../../core/Context/useCoreContext.js";
+import P from "../../../Calendar/Calendar.js";
+import o from "../../../Calendar/calendar/facade/index.js";
+function _({ isOpen: e, onClose: t, originDate: i, onHighlight: n, getGridLabel: a, targetElement: l }) {
+  const { i18n: s } = v(), [d, m] = h();
+  return /* @__PURE__ */ r(
+    p,
+    {
+      containerSize: u.MEDIUM,
+      dismiss: () => {
+        t();
+      },
+      dismissible: !1,
+      divider: !0,
+      fitPosition: !0,
+      open: e,
+      position: f.BOTTOM,
+      targetElement: l,
+      withContentPadding: !0,
+      variant: c.POPOVER,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: m,
+            role: "group",
+            className: "adyen-pe-datepicker__controls",
+            "aria-label": s.get("common.filters.types.date.calendar.navigation.label")
+          }
+        ),
+        /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+          P,
+          {
+            getGridLabel: a,
+            firstWeekDay: C,
+            controls: o.controls.MINIMAL,
+            highlight: o.highlight.ONE,
+            dynamicBlockRows: !0,
+            onlyCellsWithin: !0,
+            originDate: i,
+            onHighlight: n,
+            renderControl: d,
+            trackCurrentDay: !0
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  _ as CalendarInputPopover
+};