@adyen/bento-vue3 1.76.2 → 1.77.0

package/dist/chunks/date-range-picker.C19CWG27.js

@@ -0,0 +1,1149 @@
+import { reactive as we, defineComponent as na, ref as F, computed as p, onMounted as ra, toRaw as Ce, resolveComponent as De, createElementBlock as Ee, openBlock as C, createElementVNode as ae, createCommentVNode as A, normalizeClass as ke, renderSlot as Pe, createBlock as X, createVNode as Z, withCtx as J, createTextVNode as se, toRef as Oe, watch as _e, withDirectives as Ia, unref as I, withKeys as Ye, toDisplayString as Ra, createSlots as Sa } from "vue";
+import { g as Ea } from "./index.E60QniEu.js";
+import { B as ka } from "./divider.DnKNNyWB.js";
+import { h as ha, B as wa } from "./button-actions.BQ3AFQqt.js";
+import { B as la, d as Ma } from "./typography.yBEME_Gu.js";
+import { D as Oa } from "./dropdown-default-textbox._KEBXjKT.js";
+import { e as V, a as Le, g as Fe } from "./differenceInMonths.C8FyCrav.js";
+import { g as fe } from "./generate-uid.NJ8tVoha.js";
+import { u as Ae } from "./index.pdBj0KQU.js";
+import { e as U, g as sa, h as je, i as $, j as _a, k as Ke, l as Ca, s as Ve, m as Fa, n as ve, o as Ge, b as z, u as Aa, f as de } from "./calendar.Tm7Cvpwu.js";
+import { f as He, v as Ua, D as O } from "./date-format.B8RU7D42.js";
+import { t as x, c as Na, n as Ba } from "./getTimezoneOffsetInMilliseconds.BW7U6PxE.js";
+import { u as qa } from "./use-form-layout-loading.D3lALhtC.js";
+import { B as $a } from "./directive.Cbdox5VL.js";
+import { B as Pa } from "./input-field.CYGGIK48.js";
+import { B as Ya } from "./dropdown.DYDHM__3.js";
+import { B as La } from "./segmented-control.BCHGDSrf.js";
+import { d as Re } from "./debounce.DUTu11PS.js";
+import { u as ja } from "./use-has-slot.B7eQSabc.js";
+import { c as Ka } from "./constructNow.CHWWeLPc.js";
+import { _ as oa } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { F as Va, E as Qe } from "./field-label.C97CrBI_.js";
+import { B as Ga } from "./button-actions.types.BptAXjD8.js";
+import "../assets/date-range-picker.css";
+function oe(e) {
+  if (e == null)
+    return U(/* @__PURE__ */ new Date());
+  const [t, i, l] = e.split("-").map((d) => parseInt(d, 10));
+  return new Date(t, i - 1, l);
+}
+function ia(e, t, i) {
+  return sa(e, t * 3, i);
+}
+function Ha(e, t, i) {
+  return ia(e, -1, i);
+}
+const Qa = ({
+  firstDayOfWeek: e,
+  min: t,
+  max: i
+}) => ({ getGranularCalendarLimits: (d) => {
+  if (!t && !i)
+    return { min: null, max: null };
+  let m = t ? U(t) : null, D = i ? V(i) : null;
+  if ((d == null ? void 0 : d.type) === "weekly") {
+    if (d.earliest)
+      m = U(d.earliest);
+    else if (m) {
+      const v = je(m, { weekStartsOn: e });
+      $(m, v) || (m = U(_a(Ke(m, { weekStartsOn: e }), 1)));
+    }
+    if (d.latest)
+      D = V(d.latest);
+    else if (D) {
+      const v = Ke(D, { weekStartsOn: e });
+      $(D, v) || (D = V(Ca(je(D, { weekStartsOn: e }), 1)));
+    }
+  }
+  if ((d == null ? void 0 : d.type) === "monthly") {
+    if (d.earliest)
+      m = U(d.earliest);
+    else if (m) {
+      const v = Ve(m);
+      $(m, v) || (m = Ve(sa(m, 1)));
+    }
+    if (d.latest)
+      D = V(d.latest);
+    else if (D) {
+      const v = Le(D);
+      $(D, v) || (D = Le(Fa(D, 1)));
+    }
+  }
+  if ((d == null ? void 0 : d.type) === "quarterly") {
+    if (d.earliest)
+      m = ve(d.earliest);
+    else if (m) {
+      const v = ve(m);
+      $(m, v) || (m = ve(ia(m, 1)));
+    }
+    if (d.latest)
+      D = V(d.latest);
+    else if (D) {
+      const v = Ge(D);
+      $(D, v) || (D = Ge(Ha(D)));
+    }
+  }
+  return { min: m, max: D };
+} }), Wa = () => {
+  const e = we({
+    daily: null,
+    weekly: null,
+    monthly: null,
+    quarterly: null
+  });
+  return {
+    savedRanges: e,
+    saveRange: (l, d) => {
+      e[l] = d;
+    },
+    resetSavedRanges: () => {
+      e.daily = null, e.weekly = null, e.monthly = null, e.quarterly = null;
+    }
+  };
+};
+var T = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e.START_DATE_SELECTED = "start-date-selected", e))(T || {});
+const za = /[\d]/, Ja = /^\d{2}$/, Xa = /^\d{2}:\d{2}$/, Za = (e) => {
+  const { selectionStart: t } = e.target, i = ["Backspace", "Tab", "ArrowLeft", "ArrowRight"], l = za.test(e.key) || i.includes(e.key), d = [1, 2, 4, 5].includes(t) && e.key === ":";
+  !l && !d && e.preventDefault();
+}, We = (e) => {
+  if (!e)
+    return e;
+  let t = e;
+  if (t.length === 1 && parseInt(e, 10) > 2)
+    return `0${t}:`;
+  const [i, l] = t.slice(-2);
+  return [2, 5].includes(t.length) && l === ":" && (t = `${t.slice(0, t.length - 2)}0${i}`), (Ja.test(t) || Xa.test(t)) && (t += ":"), t;
+};
+function xa(e, t, i) {
+  const l = x(e, i == null ? void 0 : i.in);
+  return l.setHours(t), l;
+}
+function et(e, t, i) {
+  const l = x(e, i == null ? void 0 : i.in);
+  return l.setMinutes(t), l;
+}
+function at(e, t, i) {
+  const l = x(e, i == null ? void 0 : i.in);
+  return l.setSeconds(t), l;
+}
+function ze(e, t) {
+  const i = x(e, t == null ? void 0 : t.in);
+  return i.setMilliseconds(0), i;
+}
+function Je(e, t) {
+  return +ze(e) == +ze(t);
+}
+function Se(e, t) {
+  return +x(e) == +x(t);
+}
+function tt(e, t) {
+  return $(
+    Na(e, e),
+    Ka(e)
+  );
+}
+function Xe(e, t, i) {
+  const l = x(e, i == null ? void 0 : i.in);
+  return l.setMilliseconds(t), l;
+}
+const Ze = {
+  "en-US": {
+    customRange: "Custom range",
+    daily: "Daily",
+    dateFrom: "Date from",
+    dateTo: "Date to",
+    lastMonth: "Last month",
+    lastSevenDays: "Last 7 days",
+    lastThreeMonths: "Last three months",
+    monthly: "Monthly",
+    quarterly: "Quarterly",
+    timeFrom: "Time from",
+    timeTo: "Time to",
+    weekly: "Weekly"
+  },
+  "ja-JP": {
+    customRange: "カスタム範囲を選択",
+    daily: "毎日",
+    lastMonth: "先月",
+    lastSevenDays: "過去7日間",
+    monthly: "毎月",
+    weekly: "毎週"
+  },
+  "pt-BR": {
+    customRange: "Selecione um intervalo personalizado",
+    daily: "Diário",
+    lastMonth: "Último mês",
+    lastSevenDays: "Últimos 7 dias",
+    monthly: "Mensal",
+    weekly: "Semanal"
+  }
+}, xe = 300, ea = "customRange", nt = na({
+  i18n: { messages: Ze },
+  name: "date-range-picker-calendar",
+  components: {
+    BentoDropdown: Ya,
+    BentoInputField: Pa,
+    BentoSegmentedControl: La,
+    BentoTypography: la,
+    Calendar: z
+  },
+  props: {
+    /**
+     * Allows user to enter time values in the form
+     */
+    allowTimeInput: { type: Boolean, default: !1 },
+    /**
+     * Ranges form persistance data
+     */
+    dateFormData: {
+      type: Object,
+      default: () => ({ startDate: void 0, endDate: void 0, startTime: void 0, endTime: void 0 })
+    },
+    /**
+     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
+     */
+    firstDayOfWeek: z.props.firstDayOfWeek,
+    /**
+     * A list of available granularities.
+     * If present, the date picker will display a segmented control to change granularity.
+     */
+    granularities: {
+      type: Array,
+      default: null
+    },
+    /**
+     * Indicate if a date should be disabled or not
+     */
+    isDateDisabled: z.props.isDateDisabled,
+    /**
+     * Set a maximum number of dates to be selectable by the range.
+     */
+    maxRange: z.props.maxRange,
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: z.props.min,
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: z.props.max,
+    /**
+     * Number of months rendered on pane
+     */
+    numberOfMonths: {
+      type: z.props.numberOfMonths.type,
+      default: z.props.numberOfMonths.default,
+      validator: (e) => e >= 0
+    },
+    /**
+     * Displays the end date's month when the calendar is opened. Defaults to false i.e. the start date's month is displayed.
+     */
+    showEndDateOnOpen: { type: Boolean, default: !1 },
+    /**
+     * Enables the custom range selector.
+     * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
+     * `label` - label of custom range item.
+     * `value` - a unique key of the custom range item.
+     * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
+     */
+    quickSelectRanges: {
+      type: Array,
+      default: void 0
+    },
+    /**
+     * Selected date
+     */
+    value: { type: Object, default: void 0 },
+    /**
+     * The type of calendar to display. Defaults to showing days.
+     */
+    variant: z.props.variant
+  },
+  emits: [
+    T.CUSTOM_RANGE,
+    T.INPUT,
+    T.ERROR,
+    T.FORM_DATE,
+    T.START_DATE_SELECTED
+  ],
+  setup(e, { emit: t, slots: i }) {
+    var Ne, Be, qe, $e;
+    const { locale: l, t: d } = Ae({ messages: Ze }), m = Fe(), D = F({}), v = p(() => e.variant === "month" ? "monthly" : "daily"), N = p(() => e.numberOfMonths === 0), n = we({
+      startDate: (Ne = e.value) == null ? void 0 : Ne.startDate,
+      endDate: (Be = e.value) == null ? void 0 : Be.endDate,
+      range: (qe = e.value) == null ? void 0 : qe.range,
+      ...e.granularities ? {
+        granularity: (($e = e.value) == null ? void 0 : $e.granularity) || v.value
+      } : {}
+    });
+    function f(a) {
+      return a ? new Date(
+        a.getUTCFullYear(),
+        a.getUTCMonth(),
+        a.getUTCDate(),
+        a.getUTCHours(),
+        a.getUTCMinutes(),
+        a.getUTCSeconds()
+      ) : null;
+    }
+    const k = p(() => {
+      var a, s;
+      return (
+        // eslint-disable-next-line consistent-return
+        ((s = (a = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : a.find(({ value: c, data: u }) => {
+          var E;
+          if (!u.endDate) {
+            if (u.isRelativeToNow) {
+              const _ = (E = D.value) == null ? void 0 : E[c];
+              return _ ? Se(
+                f(_.startDate),
+                f(n.startDate)
+              ) && Se(
+                f(_.endDate),
+                f(n.endDate)
+              ) : (
+                // If not stored calculated dates, fall back to comparing the quick select item's value
+                // with the internal range's stored range identifier.
+                c === n.range
+              );
+            }
+            return Se(
+              f(u.startDate),
+              f(n.startDate)
+            ) && Se(
+              f(n.endDate),
+              f(V(n.endDate))
+            ) && tt(f(n.endDate)) && (e.granularities ? u.granularity === n.granularity : !0);
+          }
+          if (e.allowTimeInput)
+            return Je(
+              f(u.startDate),
+              f(n.startDate)
+            ) && Je(
+              f(u.endDate),
+              f(n.endDate)
+            ) && (e.granularities ? u.granularity === n.granularity : !0);
+          if (u.endDate)
+            return $(u.startDate, n.startDate) && $(u.endDate, n.endDate) && (e.granularities ? u.granularity === n.granularity : !0);
+        })) == null ? void 0 : s.value) ?? ea
+      );
+    }), ye = p(() => ({
+      "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
+    })), Te = p(() => [
+      { label: d("customRange"), value: ea },
+      ...e.quickSelectRanges ? e.quickSelectRanges : []
+    ]), G = p(
+      () => {
+        var a;
+        return ((a = e.granularities) == null ? void 0 : a.find(({ type: s }) => s === n.granularity)) || null;
+      }
+    ), te = p(
+      () => {
+        var a;
+        return ((a = e.granularities) == null ? void 0 : a.map(({ type: s, disabled: c }) => ({
+          label: d(s),
+          value: s,
+          disabled: c
+        }))) ?? [];
+      }
+    ), { getGranularCalendarLimits: S } = Qa(e), y = p(
+      () => e.granularities ? S(G.value) : { min: e.min ? U(e.min) : null, max: e.max ? V(e.max) : null }
+    ), {
+      adjustDateForQuarterly: b,
+      adjustDateForMonthly: ne,
+      adjustDateForWeekly: P,
+      adjustStartDateInputForWeekly: ce,
+      adjustEndDateInputForWeekly: ie,
+      adjustStartDateInputForMonthly: re,
+      adjustEndDateInputForMonthly: ee,
+      adjustStartDateInputForQuarterly: R,
+      adjustEndDateInputForQuarterly: me
+    } = Aa(e.firstDayOfWeek), { savedRanges: h, saveRange: Y, resetSavedRanges: B } = Wa(), g = (a) => {
+      var s;
+      return a ? de(a, O.NUMERIC_DATE_YEAR_FIRST, {
+        locale: m[(s = l.value) == null ? void 0 : s.substring(0, 2)] || m.enUS
+      }) : "";
+    }, w = (a) => {
+      var s;
+      return a ? de(a, O.HOUR_MINUTE_SECONDS, {
+        locale: m[(s = l.value) == null ? void 0 : s.substring(0, 2)] || m.enUS
+      }) : "";
+    }, L = F(!1), le = F(!1), H = F(!1), Q = F(!1), o = we({
+      startDate: e.dateFormData.startDate,
+      endDate: e.dateFormData.endDate,
+      startTime: e.dateFormData.startTime,
+      endTime: e.dateFormData.endTime
+    }), ge = (a, s) => {
+      let c = new Date(a);
+      const [u, E, _] = s.split(":");
+      return c = xa(c, parseInt(u, 10)), c = et(c, parseInt(E, 10)), c = at(c, parseInt(_, 10)), c;
+    }, pe = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), ue = (a, s) => {
+      const c = () => {
+        if (s && r(s)) {
+          const u = ge(new Date(s), a);
+          if (e.min && u < Xe(e.min, 0) || e.max && u > Xe(e.max, 0))
+            return !1;
+        }
+        return !0;
+      };
+      return pe(a) && c();
+    }, q = (a, s) => !s || !pe(s) || e.variant === "month" ? a : ge(new Date(a), s), Me = (a) => {
+      o.startTime = w(
+        e.min && e.allowTimeInput && $(e.min, a.startDate) ? e.min : U(a.startDate)
+      ), o.endTime = w(
+        e.max && e.allowTimeInput && $(e.max, a.endDate) ? e.max : V(a.endDate)
+      ), n.startDate = q(a.startDate, o.startTime), n.endDate = q(a.endDate, o.endTime), n.range = null, e.granularities && B(), t(T.INPUT, {
+        ...n,
+        range: k.value
+      });
+    }, r = (a) => {
+      const s = (u) => e.min && U(u) < U(e.min) || e.max && U(u) > U(e.max) ? !1 : e.isDateDisabled ? !e.isDateDisabled(U(u)) : !0;
+      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && s(new Date(a));
+    };
+    ra(() => {
+      L.value = !!(e.dateFormData.startDate && !r(e.dateFormData.startDate)), e.allowTimeInput ? H.value = !!(e.dateFormData.startTime && !ue(e.dateFormData.startTime, e.dateFormData.startDate)) : H.value = !1, le.value = !!(e.dateFormData.endDate && !r(e.dateFormData.endDate)), e.allowTimeInput ? Q.value = !!(e.dateFormData.endTime && !ue(e.dateFormData.endTime, e.dateFormData.endDate)) : Q.value = !1;
+    });
+    const M = (a) => {
+      var s;
+      o.startDate = g(a), o.startTime ? H.value && (o.startTime = (s = e.dateFormData) == null ? void 0 : s.startTime) : o.startTime = w(a), L.value = !1, H.value = !1, t(T.START_DATE_SELECTED, a);
+    }, j = (a) => {
+      var s;
+      o.endDate = g(a), o.endTime ? Q.value && (o.endTime = (s = e.dateFormData) == null ? void 0 : s.endTime) : o.endTime = w(V(a)), le.value = !1, Q.value = !1;
+    }, K = (a) => {
+      const s = e.value[a];
+      if (s)
+        return s;
+      if (e.dateFormData[a] && r(e.dateFormData[a]))
+        return new Date(e.dateFormData[a]);
+    }, W = Re((a) => {
+      var s;
+      if (r(a)) {
+        let c = a;
+        switch (L.value = !1, (s = G.value) == null ? void 0 : s.type) {
+          case "weekly":
+            c = ce(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.startDate = c;
+            break;
+          case "monthly":
+            c = re(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.startDate = c;
+            break;
+          case "quarterly":
+            c = R(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.startDate = c;
+            break;
+        }
+        const u = oe(c);
+        n.startDate = q(u, o.startTime), n.endDate = q(
+          oe(o.endDate),
+          o.endTime
+        ), r(o.endDate) && (n.endDate = q(
+          oe(o.endDate),
+          o.endTime
+        ));
+        const E = K("endDate");
+        n.range = null, t(T.FORM_DATE, {
+          startDate: u,
+          endDate: E
+        }), t(T.INPUT, {
+          ...n,
+          range: k.value
+        });
+      } else
+        L.value = !0, t(T.ERROR, { ...o });
+    }, xe), be = (a) => {
+      o.startDate = He(a), W(o.startDate);
+    }, ua = Re((a) => {
+      var s;
+      if (r(a)) {
+        let c = a;
+        switch (le.value = !1, (s = G.value) == null ? void 0 : s.type) {
+          case "weekly":
+            c = ie(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.endDate = c;
+            break;
+          case "monthly":
+            c = ee(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.endDate = c;
+            break;
+          case "quarterly":
+            c = me(
+              a,
+              g,
+              y.value.min,
+              y.value.max
+            ), o.endDate = c;
+            break;
+        }
+        const u = oe(c);
+        n.endDate = q(u, o.endTime), r(o.startDate) && (n.startDate = q(
+          oe(o.startDate),
+          o.startTime
+        ));
+        const E = K("startDate");
+        n.range = null, t(T.FORM_DATE, {
+          startDate: E,
+          endDate: u
+        }), t(T.INPUT, {
+          ...n,
+          range: k.value
+        });
+      } else
+        le.value = !0, t(T.ERROR, { ...o });
+    }, xe), da = (a) => {
+      o.endDate = He(a), ua(o.endDate);
+    }, ca = (a) => {
+      Ua(a);
+    }, ma = Re((a) => {
+      if (ue(a, e.dateFormData.startDate)) {
+        H.value = !1, n.startDate = q(n.startDate, a);
+        const s = K("endDate");
+        t(T.FORM_DATE, {
+          startDate: n.startDate,
+          endDate: s,
+          startTime: a,
+          endTime: o.endTime ?? e.dateFormData.endTime
+        }), t(T.INPUT, {
+          ...n,
+          range: k.value
+        });
+      } else
+        H.value = !0, t(T.ERROR, { ...o });
+    }), Da = Re((a) => {
+      ue(a, e.dateFormData.endDate) ? (Q.value = !1, n.endDate = q(n.endDate, a), t(T.FORM_DATE, {
+        startDate: n.startDate,
+        endDate: n.endDate,
+        startTime: o.startTime ?? e.dateFormData.startTime,
+        endTime: a
+      }), t(T.INPUT, {
+        ...n,
+        range: k.value
+      })) : (Q.value = !0, t(T.ERROR, { ...o }));
+    }), fa = (a) => {
+      o.startTime = We(a), ma(o.startTime);
+    }, va = (a) => {
+      o.endTime = We(a), Da(o.endTime);
+    }, ya = (a) => {
+      Za(a);
+    }, Ie = (a, s, c, u) => {
+      n.startDate = a, n.endDate = s, c && (n.granularity = c), u && (n.range = u);
+    }, Ta = (a) => {
+      var c;
+      const s = (c = e.quickSelectRanges) == null ? void 0 : c.find(({ value: u }) => u === a);
+      if (s) {
+        B();
+        const u = s.data, E = u.endDate || (u.isRelativeToNow ? new Date(Date.now()) : V(new Date(Date.now()))), _ = u.isRelativeToNow && u.timeDifference ? new Date(E.getTime() - u.timeDifference) : u.startDate;
+        o.endDate = g(E), o.startDate = g(_), Ie(_, E, null, a), e.granularities && (n.granularity = u.granularity || v.value), o.startTime = w(_), o.endTime = w(E), n.startDate = _, n.endDate = E, u.isRelativeToNow && (D.value = {
+          ...D.value,
+          [a]: {
+            startDate: _,
+            endDate: E
+          }
+        }), t(T.CUSTOM_RANGE, {
+          ...s.data,
+          startDate: _,
+          endDate: E,
+          range: s.value
+        });
+      }
+    }, ga = {
+      weekly: P,
+      monthly: ne,
+      quarterly: b
+    }, pa = (a) => {
+      const s = n.granularity;
+      if (n.granularity = a, s && Y(s, structuredClone(Ce(n))), n.startDate && n.endDate) {
+        switch (a) {
+          case "quarterly":
+          case "monthly":
+          case "weekly": {
+            if (h[a]) {
+              Ie(h[a].startDate, h[a].endDate, a);
+              break;
+            }
+            const { startDate: c, endDate: u } = ga[a](
+              n.startDate,
+              n.endDate,
+              y.value.min,
+              y.value.max
+            );
+            Ie(c, u, a);
+            break;
+          }
+          case "daily":
+            h.daily && Ie(h.daily.startDate, h.daily.endDate, a);
+            break;
+        }
+        o.startDate = g(n.startDate), o.endDate = g(n.endDate), t(T.INPUT, {
+          ...n,
+          range: k.value
+        });
+      }
+    }, ba = p(() => ({
+      "b-date-range-picker-calendar__form-container--no-calendars": N.value
+    }));
+    return {
+      // Values
+      internalRangeDate: n,
+      dateTextInput: o,
+      endDateError: le,
+      endTimeError: Q,
+      granularityItems: te,
+      selectedGranularity: G,
+      computedMinMax: y,
+      selectedRangeSelectorValue: k,
+      startDateError: L,
+      startTimeError: H,
+      quickSelectRangeDefaultItems: Te,
+      formInputWrapperConditionalClasses: ye,
+      hasNoCalendars: N,
+      computedFormContainerClasses: ba,
+      // Methods
+      hasSlot: ja(i),
+      t: d,
+      // Events
+      onDateInput: Me,
+      onDateInputKeyDown: ca,
+      onEndDateInput: da,
+      onEndDateSelected: j,
+      onEndTimeInput: va,
+      onGranularityInput: pa,
+      onRangeSelectorInput: Ta,
+      onStartDateInput: be,
+      onStartDateSelected: M,
+      onStartTimeInput: fa,
+      onTimeInputKeyDown: ya
+    };
+  }
+}), rt = { class: "b-date-range-picker-calendar" }, lt = { class: "b-date-range-picker-calendar__form" }, st = { key: 0 }, ot = {
+  key: 0,
+  class: "b-date-range-picker-calendar__calendars-container",
+  "data-testid": "date-range-picker-calendar-calendar-container"
+};
+function it(e, t, i, l, d, m) {
+  const D = De("bento-dropdown"), v = De("bento-segmented-control"), N = De("bento-typography"), n = De("bento-input-field"), f = De("calendar");
+  return C(), Ee("div", rt, [
+    ae("div", {
+      class: ke(["b-date-range-picker-calendar__form-container", e.computedFormContainerClasses]),
+      "data-testid": "date-range-picker-calendar-form-container"
+    }, [
+      ae("div", lt, [
+        e.hasSlot("title") ? Pe(e.$slots, "title", { key: 0 }, void 0, !0) : A("", !0),
+        e.quickSelectRanges ? (C(), X(D, {
+          key: 1,
+          "aria-label": e.t("customRange"),
+          items: e.quickSelectRangeDefaultItems,
+          "model-value": e.selectedRangeSelectorValue,
+          "onUpdate:modelValue": e.onRangeSelectorInput
+        }, null, 8, ["aria-label", "items", "model-value", "onUpdate:modelValue"])) : A("", !0),
+        e.granularities ? (C(), X(v, {
+          key: 2,
+          items: e.granularityItems,
+          "model-value": e.internalRangeDate.granularity,
+          "full-width": "",
+          "onUpdate:modelValue": e.onGranularityInput
+        }, null, 8, ["items", "model-value", "onUpdate:modelValue"])) : A("", !0),
+        ae("div", null, [
+          Z(N, {
+            stronger: "",
+            el: "span",
+            class: "b-date-range-picker-calendar__label"
+          }, {
+            default: J(() => t[0] || (t[0] = [
+              se(" From ")
+            ])),
+            _: 1
+          }),
+          ae("div", {
+            class: ke(e.formInputWrapperConditionalClasses)
+          }, [
+            Z(n, {
+              "aria-label": e.t("dateFrom"),
+              value: e.dateTextInput.startDate,
+              error: e.startDateError,
+              class: "b-date-range-picker-calendar__form-input",
+              onInput: e.onStartDateInput,
+              onKeydown: e.onDateInputKeyDown
+            }, {
+              description: J(() => t[1] || (t[1] = [
+                se("YYYY-MM-DD")
+              ])),
+              _: 1
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
+            e.allowTimeInput ? (C(), X(n, {
+              key: 0,
+              "aria-label": e.t("timeFrom"),
+              value: e.dateTextInput.startTime,
+              error: e.startTimeError,
+              class: "b-date-range-picker-calendar__form-input",
+              onInput: e.onStartTimeInput,
+              onKeydown: e.onTimeInputKeyDown
+            }, {
+              description: J(() => t[2] || (t[2] = [
+                se("HH:MM:SS")
+              ])),
+              _: 1
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : A("", !0)
+          ], 2)
+        ]),
+        ae("div", null, [
+          Z(N, {
+            stronger: "",
+            el: "span",
+            class: "b-date-range-picker-calendar__label"
+          }, {
+            default: J(() => t[3] || (t[3] = [
+              se(" To ")
+            ])),
+            _: 1
+          }),
+          ae("div", {
+            class: ke(e.formInputWrapperConditionalClasses)
+          }, [
+            Z(n, {
+              class: "b-date-range-picker-calendar__form-input",
+              "aria-label": e.t("dateTo"),
+              value: e.dateTextInput.endDate,
+              error: e.endDateError,
+              onInput: e.onEndDateInput,
+              onKeydown: e.onDateInputKeyDown
+            }, {
+              description: J(() => t[4] || (t[4] = [
+                se("YYYY-MM-DD")
+              ])),
+              _: 1
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
+            e.allowTimeInput ? (C(), X(n, {
+              key: 0,
+              "aria-label": e.t("timeTo"),
+              value: e.dateTextInput.endTime,
+              error: e.endTimeError,
+              class: "b-date-range-picker-calendar__form-input",
+              onInput: e.onEndTimeInput,
+              onKeydown: e.onTimeInputKeyDown
+            }, {
+              description: J(() => t[5] || (t[5] = [
+                se("HH:MM:SS")
+              ])),
+              _: 1
+            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : A("", !0)
+          ], 2)
+        ])
+      ]),
+      e.hasSlot("actions") ? (C(), Ee("div", st, [
+        Pe(e.$slots, "actions", {}, void 0, !0)
+      ])) : A("", !0)
+    ], 2),
+    e.hasNoCalendars ? A("", !0) : (C(), Ee("div", ot, [
+      Z(f, {
+        value: e.internalRangeDate,
+        "first-day-of-week": e.firstDayOfWeek,
+        "is-date-disabled": e.isDateDisabled,
+        "max-range": e.maxRange,
+        min: e.computedMinMax.min,
+        max: e.computedMinMax.max,
+        "number-of-months": e.numberOfMonths,
+        "show-end-date-on-open": e.showEndDateOnOpen,
+        granularity: e.selectedGranularity,
+        variant: e.variant,
+        "is-range": "",
+        onInput: e.onDateInput,
+        onStartDateSelected: e.onStartDateSelected,
+        onEndDateSelected: e.onEndDateSelected
+      }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "granularity", "variant", "onInput", "onStartDateSelected", "onEndDateSelected"])
+    ]))
+  ]);
+}
+const ut = /* @__PURE__ */ oa(nt, [["render", it], ["__scopeId", "data-v-fe1bf743"]]);
+function aa(e, t) {
+  const i = x(e, t == null ? void 0 : t.in);
+  return Math.trunc(i.getMonth() / 3) + 1;
+}
+function ta(e, t) {
+  return x(e, t == null ? void 0 : t.in).getFullYear();
+}
+function dt(e, t, i) {
+  const [l, d] = Ba(
+    i == null ? void 0 : i.in,
+    e,
+    t
+  );
+  return +ve(l) == +ve(d);
+}
+const Ue = {
+  "en-US": {
+    apply: "Apply",
+    cancel: "Cancel",
+    dateRangePicker: "Date range picker {name}",
+    provideDateInAFormat: "Provide date in a YYYY-MM-DD format",
+    quarter: "Q{quarter} {year}",
+    selectDate: "Select a date",
+    selectDateRange: "Select a date range",
+    selectedDateIsNotAvailable: "Selected date is not available"
+  },
+  "ja-JP": {
+    apply: "適用",
+    cancel: "キャンセル",
+    selectDate: "日付を選択"
+  },
+  "pt-BR": {
+    apply: "Aplicar",
+    cancel: "Cancelar",
+    selectDate: "Selecione uma data"
+  }
+}, ct = ({
+  datePickerValue: e,
+  isDateIncorrect: t,
+  quickSelectRanges: i,
+  isMonthVariant: l,
+  withTimeInput: d,
+  placeholder: m
+}) => {
+  var G, te, S, y;
+  const { locale: D, t: v } = Ae({ messages: Ue }), N = Fe(), n = (b) => !!b && !isNaN(b.getTime()), f = (b, ne) => {
+    var P;
+    return n(b) ? de(b, ne, {
+      locale: N[(P = D.value) == null ? void 0 : P.substring(0, 2)] || N.enUS
+    }) : void 0;
+  }, k = we({
+    startDate: f((G = e.value) == null ? void 0 : G.startDate, O.NUMERIC_DATE_YEAR_FIRST),
+    endDate: f((te = e.value) == null ? void 0 : te.endDate, O.NUMERIC_DATE_YEAR_FIRST),
+    startTime: f((S = e.value) == null ? void 0 : S.startDate, O.HOUR_MINUTE_SECONDS),
+    endTime: f((y = e.value) == null ? void 0 : y.endDate, O.HOUR_MINUTE_SECONDS)
+  });
+  return {
+    // Values
+    dateDisplayValue: p(() => {
+      var h;
+      if (t.value)
+        return `${k.startDate || ""} - ${k.endDate || ""}`;
+      if (!e.value || !e.value.startDate && !e.value.endDate)
+        return (m == null ? void 0 : m.value) || v("selectDateRange");
+      if ((h = i.value) != null && h.length) {
+        const Y = i.value.find(({ value: B }) => {
+          var g;
+          return B === ((g = e.value) == null ? void 0 : g.range);
+        });
+        if (Y)
+          return Y.label;
+      }
+      if (e.value.granularity === "quarterly") {
+        const { startDate: Y, endDate: B } = e.value, g = v("quarter", { quarter: aa(Y), year: ta(Y) });
+        if (dt(Y, B))
+          return g;
+        const w = v("quarter", { quarter: aa(B), year: ta(B) });
+        return `${g} - ${w}`;
+      }
+      const { startDate: b, endDate: ne, startTime: P, endTime: ce } = k, ie = l != null && l.value ? O.LONG_MONTH_YEAR : O.FULL_DATE_MONTH_FIRST, re = f(oe(b), ie), ee = f(oe(ne), ie);
+      if (!d.value)
+        return `${re} - ${ee}`;
+      const R = [re, P].filter(Boolean).join(", "), me = [ee, ce].filter(Boolean).join(", ");
+      return `${R} - ${me}`;
+    }),
+    textInputDisplayValue: k,
+    // Methods
+    formatTextInputDisplayValue: () => ""
+  };
+};
+var he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(he || {});
+const mt = { class: "b-date-range-picker" }, Dt = { class: "b-date-range-picker__footer" }, ft = {
+  i18n: { messages: Ue },
+  name: "bento-date-range-picker"
+}, vt = /* @__PURE__ */ na({
+  ...ft,
+  props: {
+    allowTimeInput: { type: Boolean },
+    firstDayOfWeek: { default: 1 },
+    granularities: {},
+    isDateDisabled: { type: Function, default: void 0 },
+    showEndDateOnOpen: { type: Boolean, default: !1 },
+    quickSelectRanges: { default: void 0 },
+    maxRange: { default: null },
+    min: { default: null },
+    max: { default: null },
+    numberOfMonths: { default: void 0 },
+    value: { default: null },
+    variant: { default: void 0 },
+    hasActions: { type: Boolean, default: !1 },
+    description: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    errorMessage: { default: null },
+    label: { default: void 0 },
+    optional: { type: Boolean, default: !1 },
+    placeholder: { default: null },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    tooltipText: { default: null }
+  },
+  emits: [he.INPUT],
+  setup(e, { emit: t }) {
+    const i = t, l = e, { locale: d, t: m } = Ae({ messages: Ue }), D = Fe(), v = fe("bento-date-range-picker-container"), N = fe("bento-date-range-picker-label"), n = fe("bento-date-range-picker-description"), f = fe("bento-date-range-picker-error"), k = fe("bento-date-range-picker-date-error"), ye = p(() => l.label || m("dateRangePicker", { name: v })), Te = Ea({
+      none: 0,
+      one: 710,
+      // width of date range picker with one panes
+      two: 1030,
+      // width of date range picker with two panes
+      three: 1290
+      // width of date range picker with three panes
+    }), G = p(() => {
+      const r = Te.active().value, M = {
+        none: 0,
+        one: 1,
+        two: 2
+      };
+      if (r in M) {
+        const j = M[r];
+        return l.numberOfMonths === void 0 ? j : Math.min(l.numberOfMonths, j);
+      }
+      return l.numberOfMonths;
+    }), te = p(() => (l == null ? void 0 : l.quickSelectRanges) && l.quickSelectRanges.map((r) => {
+      const M = r.data.endDate ? void 0 : new Date(Date.now()).getTime() - r.data.startDate.getTime();
+      return {
+        ...r,
+        data: {
+          ...r.data,
+          // Adding timeDifference to calculate an up-to-date endDate on range selection
+          timeDifference: M
+        }
+      };
+    })), S = F(!1), y = F(null), b = F(!1), { isReadOnly: ne } = qa(Oe(l, "readonly"));
+    _e(
+      () => l.disabled,
+      () => {
+        l.disabled && b.value && (b.value = !1);
+      }
+    );
+    const P = p(() => l.hasActions ? !L.value && S.value : S.value), ce = p(() => ({
+      "b-date-range-picker__description--error": !!l.errorMessage || P.value
+    })), ie = p(() => l.variant === "month"), re = p(() => l.allowTimeInput && l.variant !== "month"), { dateDisplayValue: ee, textInputDisplayValue: R } = ct({
+      datePickerValue: Oe(l, "value"),
+      isDateIncorrect: S,
+      quickSelectRanges: te,
+      isMonthVariant: ie,
+      withTimeInput: re,
+      placeholder: Oe(l, "placeholder")
+    }), me = p(
+      () => `${l.description ? n : ""} ${l.errorMessage ? f : ""} ${S.value ? k : ""}`.trim() || null
+    ), h = () => {
+      b.value = !1;
+    }, Y = () => {
+      b.value = !0;
+    }, B = F(ee.value), g = F(
+      // textInputDisplayValue is a reactive object
+      structuredClone(Ce(R))
+    ), w = F(l.value), L = F(!0), le = p(
+      () => l.hasActions ? g.value : R
+    ), H = p(
+      () => l.hasActions ? B.value : ee.value
+    );
+    ra(() => {
+      if (l.hasActions || Ma(
+        'BentoDateRangePicker "hasActions" property',
+        `Set the BentoDateRangePicker "hasActions" property true which will display the "Apply" and "Cancel" buttons.
+                        This will be the default behavior in the v2 and "hasActions" will be removed.`,
+        "2.0.0"
+      ), l.granularities && l.variant !== "month" && l.granularities.find(({ type: r }) => r === "quarterly"))
+        throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
+    }), _e(
+      () => l.value,
+      () => {
+        B.value = ee.value, g.value = structuredClone(Ce(R));
+      }
+    );
+    const Q = p(() => [
+      {
+        title: m("apply"),
+        event: () => {
+          i(he.INPUT, w.value), h(), L.value = !0;
+        },
+        disabled: L.value
+      },
+      {
+        title: m("cancel"),
+        event: h
+      }
+    ]);
+    _e(w, (r) => {
+      if (l.hasActions) {
+        L.value = S.value;
+        return;
+      }
+      i(he.INPUT, r);
+    });
+    const o = (r) => {
+      S.value = !1;
+      const M = (j, K) => {
+        var W;
+        return j ? de(j, K, {
+          locale: D[(W = d.value) == null ? void 0 : W.substring(0, 2)] || D.enUS
+        }) : void 0;
+      };
+      R.startDate = M(r.startDate, O.NUMERIC_DATE_YEAR_FIRST), R.endDate = M(r.endDate, O.NUMERIC_DATE_YEAR_FIRST), R.startTime = M(r.startDate, O.HOUR_MINUTE_SECONDS), R.endTime = M(r.endDate, O.HOUR_MINUTE_SECONDS), w.value = r;
+    }, ge = async () => {
+      S.value && (S.value = !1), w.value = null;
+    }, pe = () => {
+      if (!b.value) {
+        b.value = !0;
+        return;
+      }
+      S.value || (b.value = !1);
+    }, ue = (r) => {
+      S.value = !1, r.startTime && (R.startTime = r.startTime), r.endTime && (R.endTime = r.endTime);
+    }, q = (r) => {
+      S.value = !0, R.startDate = r.startDate, R.endDate = r.endDate, w.value = { startDate: null, endDate: null };
+    }, Me = (r) => {
+      if (r) {
+        const M = (K, W) => {
+          var be;
+          return K ? de(K, W, {
+            locale: D[(be = d.value) == null ? void 0 : be.substring(0, 2)] || D.enUS
+          }) : void 0;
+        }, j = (K) => {
+          var W;
+          return de(K, O.NUMERIC_DATE_YEAR_FIRST, {
+            locale: D[(W = d.value) == null ? void 0 : W.substring(0, 2)] || D.enUS
+          });
+        };
+        R.startDate = j(r.startDate), R.endDate = j(r.endDate), R.startTime = M(
+          r.startDate,
+          O.HOUR_MINUTE_SECONDS
+        ), R.endTime = M(r.endDate, O.HOUR_MINUTE_SECONDS), w.value = r;
+      }
+    };
+    return (r, M) => Ia((C(), Ee("div", mt, [
+      r.label ? (C(), X(I(Va), {
+        key: 0,
+        id: I(N),
+        label: r.label,
+        "tooltip-text": r.tooltipText,
+        optional: r.optional,
+        required: r.required
+      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : A("", !0),
+      ae("div", {
+        onKeydown: Ye(pe, ["enter"])
+      }, [
+        Z(I(Oa), {
+          ref_key: "inputContainerRef",
+          ref: y,
+          "always-combobox-is-input": "",
+          ariaControls: I(v),
+          ariaExpanded: b.value,
+          "aria-labelledby": r.label ? I(N) : null,
+          "aria-describedby": me.value,
+          disabled: r.disabled,
+          "is-invalid": !!r.errorMessage || P.value,
+          open: b.value,
+          "display-value": H.value,
+          readonly: I(ne),
+          onOpen: Y,
+          onClear: ge,
+          onClose: h
+        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "display-value", "readonly"])
+      ], 32),
+      P.value ? (C(), X(I(Qe), {
+        key: 1,
+        id: I(k),
+        "error-message": I(m)("provideDateInAFormat"),
+        class: "b-date-range-picker__error-message"
+      }, null, 8, ["id", "error-message"])) : A("", !0),
+      r.errorMessage ? (C(), X(I(Qe), {
+        key: 2,
+        id: I(f),
+        "error-message": r.errorMessage,
+        class: "b-date-range-picker__error-message"
+      }, null, 8, ["id", "error-message"])) : A("", !0),
+      r.description ? (C(), X(I(la), {
+        key: 3,
+        id: I(n),
+        class: ke(["b-date-range-picker__description", ce.value]),
+        el: "span"
+      }, {
+        default: J(() => [
+          se(Ra(r.description), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "class"])) : A("", !0),
+      y.value ? (C(), X(I(ha), {
+        key: 4,
+        id: I(v),
+        class: "b-date-range-picker__container",
+        open: b.value,
+        "target-element": y.value,
+        "aria-label": ye.value,
+        position: "bottom-start",
+        "without-space": "",
+        "fit-content": "",
+        "trap-all": "",
+        onKeydown: Ye(h, ["esc", "native"])
+      }, {
+        default: J(() => [
+          Z(I(ut), {
+            "allow-time-input": re.value,
+            "quick-select-ranges": te.value,
+            value: r.value,
+            "first-day-of-week": r.firstDayOfWeek,
+            granularities: r.granularities,
+            "is-date-disabled": r.isDateDisabled,
+            "max-range": r.maxRange,
+            min: r.min,
+            max: r.max,
+            "number-of-months": G.value,
+            "show-end-date-on-open": r.showEndDateOnOpen,
+            "date-form-data": le.value,
+            variant: r.variant,
+            onCustomRange: Me,
+            onInput: o,
+            onError: q,
+            onFormDate: ue
+          }, Sa({ _: 2 }, [
+            r.hasActions ? {
+              name: "actions",
+              fn: J(() => [
+                Z(I(ka)),
+                ae("div", Dt, [
+                  Z(I(wa), {
+                    actions: Q.value,
+                    layout: I(Ga).SPACE_BETWEEN
+                  }, null, 8, ["actions", "layout"])
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "granularities", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "date-form-data", "variant"])
+        ]),
+        _: 1
+      }, 8, ["id", "open", "target-element", "aria-label"])) : A("", !0)
+    ])), [
+      [I($a), h]
+    ]);
+  }
+}), Pt = /* @__PURE__ */ oa(vt, [["__scopeId", "data-v-d4a96eaf"]]);
+export {
+  Pt as B,
+  ut as D,
+  he as a,
+  tt as b,
+  Se as i
+};
+//# sourceMappingURL=date-range-picker.C19CWG27.js.map