@adyen/bento-vue3 1.88.1 → 1.89.2

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

@@ -1,1084 +0,0 @@
-import { reactive as ke, defineComponent as ra, useSlots as Ia, ref as B, computed as p, onMounted as sa, openBlock as F, createElementBlock as be, createElementVNode as z, normalizeClass as he, unref as c, renderSlot as We, createCommentVNode as C, createBlock as G, createVNode as K, withCtx as W, createTextVNode as ae, toDisplayString as Ae, toRaw as Be, watch as Re, useAttrs as Ma, toRef as Ee, withDirectives as Sa, withKeys as Ge, createSlots as Oa } from "vue";
-import { j as wa } from "./index.Dppy4qHk.js";
-import { B as Ea } from "./divider.BIY84UH7.js";
-import { h as Fa, B as _a } from "./button-actions.BYBpjNqy.js";
-import { B as Ce, d as Ke } from "./typography.B3J6_tYk.js";
-import { D as Aa } from "./dropdown-default-textbox.CskseEho.js";
-import { g as le } from "./generate-uid.NJ8tVoha.js";
-import { u as qe } from "./index.B875RXHM.js";
-import { e as la, f as oe, i as x, h as R, j as Ba, k as He, l as Ca, s as Pe, m as qa, n as Ve, b as Q, u as Ya, o as q, g as Na } from "./calendar.vM3abC8y.js";
-import { u as Ye, a as xa } from "./use-date-input-formatter.dtbK-CEy.js";
-import { t as H, n as Ua, c as $a } from "./en-US.YeSsZuOc.js";
-import { u as ja } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as La } from "./directive.rXUeDb8p.js";
-import { u as Qa } from "./form-field.D_2g7vaP.js";
-import { B as ge } from "./input-field.DPElUS0U.js";
-import { B as Wa } from "./dropdown.CxjzXI-k.js";
-import { B as Ga } from "./segmented-control.Aqquod8g.js";
-import { d as Te } from "./debounce.DUTu11PS.js";
-import { u as Ka } from "./use-has-slot.B7eQSabc.js";
-import { e as $, a as ze } from "./differenceInMonths.CIYECBxK.js";
-import { s as Je } from "./startOfWeek.CXhhX-R7.js";
-import { c as Ha } from "./constructNow.CIc7d13I.js";
-import { _ as oa } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { F as Pa, E as Xe } from "./error-message.oGiefI2-.js";
-import { B as Va } from "./button-actions.types.BptAXjD8.js";
-import "../assets/date-range-picker.css";
-function ia(t, o, d) {
-  return la(t, o * 3, d);
-}
-function Ze(t, o) {
-  const d = H(t, o == null ? void 0 : o.in);
-  return Math.trunc(d.getMonth() / 3) + 1;
-}
-function ea(t, o) {
-  return H(t, o == null ? void 0 : o.in).getFullYear();
-}
-function Fe(t, o) {
-  return +H(t) == +H(o);
-}
-function za(t, o, d) {
-  const [r, e] = Ua(
-    d == null ? void 0 : d.in,
-    t,
-    o
-  );
-  return +oe(r) == +oe(e);
-}
-function aa(t, o) {
-  const d = H(t, o == null ? void 0 : o.in);
-  return d.setMilliseconds(0), d;
-}
-function _e(t, o) {
-  return +aa(t) == +aa(o);
-}
-function Ja(t, o) {
-  return x(
-    $a(t, t),
-    Ha(t)
-  );
-}
-function Xa(t, o, d) {
-  const r = H(t, d == null ? void 0 : d.in);
-  return r.setHours(o), r;
-}
-function ta(t, o, d) {
-  const r = H(t, d == null ? void 0 : d.in);
-  return r.setMilliseconds(o), r;
-}
-function Za(t, o, d) {
-  const r = H(t, d == null ? void 0 : d.in);
-  return r.setMinutes(o), r;
-}
-function et(t, o, d) {
-  const r = H(t, d == null ? void 0 : d.in);
-  return r.setSeconds(o), r;
-}
-function at(t, o, d) {
-  return ia(t, -1, d);
-}
-const tt = ({
-  firstDayOfWeek: t,
-  min: o,
-  max: d
-}) => ({ getGranularCalendarLimits: (e) => {
-  if (!o && !d)
-    return { min: null, max: null };
-  let u = o ? R(o) : null, f = d ? $(d) : null;
-  if ((e == null ? void 0 : e.type) === "weekly") {
-    if (e.earliest)
-      u = R(e.earliest);
-    else if (u) {
-      const y = Je(u, { weekStartsOn: t });
-      x(u, y) || (u = R(Ba(He(u, { weekStartsOn: t }), 1)));
-    }
-    if (e.latest)
-      f = $(e.latest);
-    else if (f) {
-      const y = He(f, { weekStartsOn: t });
-      x(f, y) || (f = $(Ca(Je(f, { weekStartsOn: t }), 1)));
-    }
-  }
-  if ((e == null ? void 0 : e.type) === "monthly") {
-    if (e.earliest)
-      u = R(e.earliest);
-    else if (u) {
-      const y = Pe(u);
-      x(u, y) || (u = Pe(la(u, 1)));
-    }
-    if (e.latest)
-      f = $(e.latest);
-    else if (f) {
-      const y = ze(f);
-      x(f, y) || (f = ze(qa(f, 1)));
-    }
-  }
-  if ((e == null ? void 0 : e.type) === "quarterly") {
-    if (e.earliest)
-      u = oe(e.earliest);
-    else if (u) {
-      const y = oe(u);
-      x(u, y) || (u = oe(ia(u, 1)));
-    }
-    if (e.latest)
-      f = $(e.latest);
-    else if (f) {
-      const y = Ve(f);
-      x(f, y) || (f = Ve(at(f)));
-    }
-  }
-  return { min: u, max: f };
-} }), nt = () => {
-  const t = ke({
-    daily: null,
-    weekly: null,
-    monthly: null,
-    quarterly: null
-  });
-  return {
-    savedRanges: t,
-    saveRange: (r, e) => {
-      t[r] = e;
-    },
-    resetSavedRanges: () => {
-      t.daily = null, t.weekly = null, t.monthly = null, t.quarterly = null;
-    }
-  };
-};
-var g = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t.START_DATE_SELECTED = "start-date-selected", t))(g || {});
-const rt = /[\d]/, st = /^\d{2}$/, lt = /^\d{2}:\d{2}$/, ot = (t) => {
-  const { selectionStart: o } = t.target, d = ["Backspace", "Tab", "ArrowLeft", "ArrowRight"], r = rt.test(t.key) || d.includes(t.key), e = [1, 2, 4, 5].includes(o) && t.key === ":";
-  !r && !e && t.preventDefault();
-}, na = (t) => {
-  if (!t)
-    return t;
-  let o = t;
-  if (o.length === 1 && parseInt(t, 10) > 2)
-    return `0${o}:`;
-  const [d, r] = o.slice(-2);
-  return [2, 5].includes(o.length) && r === ":" && (o = `${o.slice(0, o.length - 2)}0${d}`), (st.test(o) || lt.test(o)) && (o += ":"), o;
-}, ua = {
-  "en-US": {
-    "DD-MM-YYYY": "DD-MM-YYYY",
-    "MM-DD-YYYY": "MM-DD-YYYY",
-    "YYYY-MM-DD": "YYYY-MM-DD",
-    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: "毎日",
-    dateFrom: "開始日",
-    dateTo: "日付まで",
-    lastMonth: "先月",
-    lastSevenDays: "過去7日間",
-    lastThreeMonths: "過去3か月",
-    monthly: "毎月",
-    quarterly: "毎四半期",
-    timeFrom: "開始時刻",
-    timeTo: "終了時刻",
-    weekly: "毎週"
-  },
-  "pt-BR": {
-    customRange: "Intervalo personalizado",
-    daily: "Diária",
-    dateFrom: "Data a partir de",
-    dateTo: "Data até",
-    lastMonth: "Último mês",
-    lastSevenDays: "Últimos 7 dias",
-    lastThreeMonths: "Últimos 3 meses",
-    monthly: "Mensal",
-    quarterly: "Trimestral",
-    timeFrom: "Horário a partir de",
-    timeTo: "Hora de",
-    weekly: "Semanal"
-  }
-}, it = { class: "b-date-range-picker-calendar" }, ut = { class: "b-date-range-picker-calendar__form" }, dt = { key: 0 }, mt = {
-  key: 0,
-  class: "b-date-range-picker-calendar__calendars-container",
-  "data-testid": "date-range-picker-calendar-calendar-container"
-}, ct = {
-  name: "date-range-picker-calendar",
-  i18n: { messages: ua }
-}, Dt = /* @__PURE__ */ ra({
-  ...ct,
-  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: Q.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: Q.props.isDateDisabled,
-    /**
-     * Set a maximum number of dates to be selectable by the range.
-     */
-    maxRange: Q.props.maxRange,
-    /**
-     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
-     */
-    min: Q.props.min,
-    /**
-     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
-     */
-    max: Q.props.max,
-    /**
-     * Number of months rendered on pane
-     */
-    numberOfMonths: {
-      type: Q.props.numberOfMonths.type,
-      default: Q.props.numberOfMonths.default,
-      validator: (t) => t >= 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: Q.props.variant
-  },
-  emits: [
-    g.CUSTOM_RANGE,
-    g.INPUT,
-    g.ERROR,
-    g.FORM_DATE,
-    g.START_DATE_SELECTED
-  ],
-  setup(t, { emit: o }) {
-    var $e, je, Le, Qe;
-    const r = "customRange", e = t, u = o, f = Ia(), y = Ka(f), { t: k } = qe({ messages: ua }), {
-      dateFormat: P,
-      isFormatValid: M,
-      parseDate: _,
-      onKeyDown: ie,
-      autoFormat: v,
-      formatDate: te
-    } = Ye(), A = B({}), Y = p(() => e.variant === "month" ? "monthly" : "daily"), U = p(() => e.numberOfMonths === 0), n = ke({
-      startDate: ($e = e.value) == null ? void 0 : $e.startDate,
-      endDate: (je = e.value) == null ? void 0 : je.endDate,
-      range: (Le = e.value) == null ? void 0 : Le.range,
-      ...e.granularities ? {
-        granularity: ((Qe = e.value) == null ? void 0 : Qe.granularity) || Y.value
-      } : {}
-    }), N = p(() => {
-      var a, l;
-      return (
-        // eslint-disable-next-line consistent-return
-        ((l = (a = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : a.find(({ value: m, data: D }) => {
-          var h;
-          if (!D.endDate) {
-            if (D.isRelativeToNow) {
-              const E = (h = A.value) == null ? void 0 : h[m];
-              return E ? Fe(E.startDate, n.startDate) && Fe(E.endDate, 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.
-                m === n.range
-              );
-            }
-            return Fe(D.startDate, n.startDate) && Ja(n.endDate) && (!e.allowTimeInput || _e(n.endDate, $(n.endDate))) && (e.granularities ? D.granularity === n.granularity : !0);
-          }
-          if (e.allowTimeInput)
-            return _e(D.startDate, n.startDate) && _e(D.endDate, n.endDate) && (e.granularities ? D.granularity === n.granularity : !0);
-          if (D.endDate)
-            return x(D.startDate, n.startDate) && x(D.endDate, n.endDate) && (e.granularities ? D.granularity === n.granularity : !0);
-        })) == null ? void 0 : l.value) ?? r
-      );
-    }), O = p(() => ({
-      "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), Ie = p(() => [
-      { label: k("customRange"), value: r },
-      ...e.quickSelectRanges ? e.quickSelectRanges : []
-    ]), J = p(
-      () => {
-        var a;
-        return ((a = e.granularities) == null ? void 0 : a.find(({ type: l }) => l === n.granularity)) || null;
-      }
-    ), ue = p(
-      () => {
-        var a;
-        return ((a = e.granularities) == null ? void 0 : a.map(({ type: l, disabled: m }) => ({
-          label: k(l),
-          value: l,
-          disabled: m
-        }))) ?? [];
-      }
-    ), { getGranularCalendarLimits: re } = tt(e), T = p(
-      () => e.granularities ? re(J.value) : { min: e.min ? R(e.min) : null, max: e.max ? $(e.max) : null }
-    ), {
-      adjustDateForQuarterly: Me,
-      adjustDateForMonthly: de,
-      adjustDateForWeekly: se,
-      adjustStartDateInputForWeekly: b,
-      adjustEndDateInputForWeekly: Se,
-      adjustStartDateInputForMonthly: X,
-      adjustEndDateInputForMonthly: Oe,
-      adjustStartDateInputForQuarterly: me,
-      adjustEndDateInputForQuarterly: ce
-    } = Ya(e.firstDayOfWeek), { savedRanges: w, saveRange: ne, resetSavedRanges: De } = nt(), S = (a) => a ? te(a) : "", Z = B(!1), ee = B(!1), j = B(!1), L = B(!1), i = ke({
-      startDate: e.dateFormData.startDate,
-      endDate: e.dateFormData.endDate,
-      startTime: e.dateFormData.startTime,
-      endTime: e.dateFormData.endTime
-    }), fe = (a, l) => {
-      let m = new Date(a);
-      const [D, h, E] = l.split(":");
-      return m = Xa(m, parseInt(D, 10)), m = Za(m, parseInt(h, 10)), m = et(m, parseInt(E, 10)), m;
-    }, ve = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), s = (a, l) => {
-      const m = () => {
-        if (l && V(l)) {
-          const D = fe(_(l), a);
-          if (e.min && D < ta(e.min, 0) || e.max && D > ta(e.max, 0))
-            return !1;
-        }
-        return !0;
-      };
-      return ve(a) && m();
-    }, I = (a, l) => !l || !ve(l) || e.variant === "month" ? a : fe(new Date(a), l), pe = (a) => {
-      i.startTime = q(
-        e.min && e.allowTimeInput && x(e.min, a.startDate) ? e.min : R(a.startDate)
-      ), i.endTime = q(
-        e.max && e.allowTimeInput && x(e.max, a.endDate) ? e.max : $(a.endDate)
-      ), n.startDate = I(a.startDate, i.startTime), n.endDate = I(a.endDate, i.endTime), n.range = null, e.granularities && De(), u(g.INPUT, {
-        ...n,
-        range: N.value
-      });
-    }, V = (a) => {
-      if (!a)
-        return !1;
-      const l = (m) => e.min && R(m) < R(e.min) || e.max && R(m) > R(e.max) ? !1 : e.isDateDisabled ? !e.isDateDisabled(R(m)) : !0;
-      return M(a) && l(_(a));
-    };
-    sa(() => {
-      Z.value = !!(e.dateFormData.startDate && !V(e.dateFormData.startDate)), e.allowTimeInput ? j.value = !!(e.dateFormData.startTime && !s(e.dateFormData.startTime, e.dateFormData.startDate)) : j.value = !1, ee.value = !!(e.dateFormData.endDate && !V(e.dateFormData.endDate)), e.allowTimeInput ? L.value = !!(e.dateFormData.endTime && !s(e.dateFormData.endTime, e.dateFormData.endDate)) : L.value = !1;
-    });
-    const da = (a) => {
-      var l;
-      i.startDate = S(a), i.startTime ? j.value && (i.startTime = (l = e.dateFormData) == null ? void 0 : l.startTime) : i.startTime = q(a), Z.value = !1, j.value = !1, u(g.START_DATE_SELECTED, a);
-    }, ma = (a) => {
-      var l;
-      i.endDate = S(a), i.endTime ? L.value && (i.endTime = (l = e.dateFormData) == null ? void 0 : l.endTime) : i.endTime = q($(a)), ee.value = !1, L.value = !1;
-    }, we = (a) => {
-      const l = e.value[a];
-      if (l)
-        return l;
-      if (e.dateFormData[a] && V(e.dateFormData[a]))
-        return _(e.dateFormData[a]);
-    }, ca = Te((a) => {
-      var l;
-      if (V(a)) {
-        let m = a;
-        switch (Z.value = !1, (l = J.value) == null ? void 0 : l.type) {
-          case "weekly":
-            m = b(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.startDate = m;
-            break;
-          case "monthly":
-            m = X(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.startDate = m;
-            break;
-          case "quarterly":
-            m = me(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.startDate = m;
-            break;
-        }
-        const D = R(_(m));
-        n.startDate = I(D, i.startTime), n.endDate = I(
-          R(_(i.endDate)),
-          i.endTime
-        ), V(i.endDate) && (n.endDate = I(
-          R(_(i.endDate)),
-          i.endTime
-        ));
-        const h = we("endDate");
-        n.range = null, u(g.FORM_DATE, {
-          startDate: D,
-          endDate: h
-        }), u(g.INPUT, {
-          ...n,
-          range: N.value
-        });
-      } else
-        Z.value = !0, u(g.ERROR, { ...i });
-    }, 300), Da = (a) => {
-      i.startDate = v(a), ca(i.startDate);
-    }, fa = Te((a) => {
-      var l;
-      if (V(a)) {
-        let m = a;
-        switch (ee.value = !1, (l = J.value) == null ? void 0 : l.type) {
-          case "weekly":
-            m = Se(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.endDate = m;
-            break;
-          case "monthly":
-            m = Oe(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.endDate = m;
-            break;
-          case "quarterly":
-            m = ce(
-              a,
-              S,
-              T.value.min,
-              T.value.max
-            ), i.endDate = m;
-            break;
-        }
-        const D = R(_(m));
-        n.endDate = I(D, i.endTime), V(i.startDate) && (n.startDate = I(
-          R(_(i.startDate)),
-          i.startTime
-        ));
-        const h = we("startDate");
-        n.range = null, u(g.FORM_DATE, {
-          startDate: h,
-          endDate: D
-        }), u(g.INPUT, {
-          ...n,
-          range: N.value
-        });
-      } else
-        ee.value = !0, u(g.ERROR, { ...i });
-    }, 300), va = (a) => {
-      i.endDate = v(a), fa(i.endDate);
-    }, xe = (a) => {
-      ie(a);
-    }, pa = Te((a) => {
-      if (s(a, e.dateFormData.startDate)) {
-        j.value = !1, n.startDate = I(n.startDate, a);
-        const l = we("endDate");
-        u(g.FORM_DATE, {
-          startDate: n.startDate,
-          endDate: l,
-          startTime: a,
-          endTime: i.endTime ?? e.dateFormData.endTime
-        }), u(g.INPUT, {
-          ...n,
-          range: N.value
-        });
-      } else
-        j.value = !0, u(g.ERROR, { ...i });
-    }), ya = Te((a) => {
-      s(a, e.dateFormData.endDate) ? (L.value = !1, n.endDate = I(n.endDate, a), u(g.FORM_DATE, {
-        startDate: n.startDate,
-        endDate: n.endDate,
-        startTime: i.startTime ?? e.dateFormData.startTime,
-        endTime: a
-      }), u(g.INPUT, {
-        ...n,
-        range: N.value
-      })) : (L.value = !0, u(g.ERROR, { ...i }));
-    }), ga = (a) => {
-      i.startTime = na(a), pa(i.startTime);
-    }, Ta = (a) => {
-      i.endTime = na(a), ya(i.endTime);
-    }, Ue = (a) => {
-      ot(a);
-    }, ye = (a, l, m, D) => {
-      n.startDate = a, n.endDate = l, m && (n.granularity = m), D && (n.range = D);
-    }, ba = (a) => {
-      var m;
-      const l = (m = e.quickSelectRanges) == null ? void 0 : m.find(({ value: D }) => D === a);
-      if (l) {
-        De();
-        const D = l.data, h = D.endDate || (D.isRelativeToNow ? new Date(Date.now()) : $(new Date(Date.now()))), E = D.isRelativeToNow && D.timeDifference ? new Date(h.getTime() - D.timeDifference) : D.startDate;
-        i.endDate = S(h), i.startDate = S(E), ye(E, h, null, a), e.granularities && (n.granularity = D.granularity || Y.value), i.startTime = q(E), i.endTime = q(h), n.startDate = E, n.endDate = h, D.isRelativeToNow && (A.value = {
-          ...A.value,
-          [a]: {
-            startDate: E,
-            endDate: h
-          }
-        }), u(g.CUSTOM_RANGE, {
-          ...l.data,
-          startDate: E,
-          endDate: h,
-          range: l.value
-        });
-      }
-    }, ha = {
-      weekly: se,
-      monthly: de,
-      quarterly: Me
-    }, Ra = (a) => {
-      const l = n.granularity;
-      if (n.granularity = a, l && ne(l, structuredClone(Be(n))), n.startDate && n.endDate) {
-        switch (a) {
-          case "quarterly":
-          case "monthly":
-          case "weekly": {
-            if (w[a]) {
-              ye(w[a].startDate, w[a].endDate, a);
-              break;
-            }
-            const { startDate: m, endDate: D } = ha[a](
-              n.startDate,
-              n.endDate,
-              T.value.min,
-              T.value.max
-            );
-            ye(m, D, a);
-            break;
-          }
-          case "daily":
-            w.daily && ye(w.daily.startDate, w.daily.endDate, a);
-            break;
-        }
-        i.startDate = S(n.startDate), i.endDate = S(n.endDate), u(g.INPUT, {
-          ...n,
-          range: N.value
-        });
-      }
-    }, ka = p(() => ({
-      "b-date-range-picker-calendar__form-container--no-calendars": U.value
-    }));
-    return (a, l) => (F(), be("div", it, [
-      z("div", {
-        class: he(["b-date-range-picker-calendar__form-container", ka.value]),
-        "data-testid": "date-range-picker-calendar-form-container"
-      }, [
-        z("div", ut, [
-          c(y)("title") ? We(a.$slots, "title", { key: 0 }, void 0, !0) : C("", !0),
-          t.quickSelectRanges ? (F(), G(Wa, {
-            key: 1,
-            "aria-label": c(k)("customRange"),
-            items: Ie.value,
-            "model-value": N.value,
-            "onUpdate:modelValue": ba
-          }, null, 8, ["aria-label", "items", "model-value"])) : C("", !0),
-          t.granularities ? (F(), G(c(Ga), {
-            key: 2,
-            items: ue.value,
-            "model-value": n.granularity,
-            "full-width": "",
-            "onUpdate:modelValue": Ra
-          }, null, 8, ["items", "model-value"])) : C("", !0),
-          z("div", null, [
-            K(c(Ce), {
-              stronger: "",
-              el: "span",
-              class: "b-date-range-picker-calendar__label"
-            }, {
-              default: W(() => l[0] || (l[0] = [
-                ae(" From ")
-              ])),
-              _: 1
-            }),
-            z("div", {
-              class: he(O.value)
-            }, [
-              K(c(ge), {
-                "aria-label": c(k)("dateFrom"),
-                "model-value": i.startDate,
-                error: Z.value,
-                class: "b-date-range-picker-calendar__form-input",
-                "onUpdate:modelValue": Da,
-                onKeydown: xe
-              }, {
-                description: W(() => [
-                  ae(Ae(c(k)(c(P))), 1)
-                ]),
-                _: 1
-              }, 8, ["aria-label", "model-value", "error"]),
-              t.allowTimeInput ? (F(), G(c(ge), {
-                key: 0,
-                "aria-label": c(k)("timeFrom"),
-                "model-value": i.startTime,
-                error: j.value,
-                class: "b-date-range-picker-calendar__form-input",
-                "onUpdate:modelValue": ga,
-                onKeydown: Ue
-              }, {
-                description: W(() => l[1] || (l[1] = [
-                  ae("HH:MM:SS")
-                ])),
-                _: 1
-              }, 8, ["aria-label", "model-value", "error"])) : C("", !0)
-            ], 2)
-          ]),
-          z("div", null, [
-            K(c(Ce), {
-              stronger: "",
-              el: "span",
-              class: "b-date-range-picker-calendar__label"
-            }, {
-              default: W(() => l[2] || (l[2] = [
-                ae(" To ")
-              ])),
-              _: 1
-            }),
-            z("div", {
-              class: he(O.value)
-            }, [
-              K(c(ge), {
-                class: "b-date-range-picker-calendar__form-input",
-                "aria-label": c(k)("dateTo"),
-                "model-value": i.endDate,
-                error: ee.value,
-                "onUpdate:modelValue": va,
-                onKeydown: xe
-              }, {
-                description: W(() => [
-                  ae(Ae(c(k)(c(P))), 1)
-                ]),
-                _: 1
-              }, 8, ["aria-label", "model-value", "error"]),
-              t.allowTimeInput ? (F(), G(c(ge), {
-                key: 0,
-                "aria-label": c(k)("timeTo"),
-                "model-value": i.endTime,
-                error: L.value,
-                class: "b-date-range-picker-calendar__form-input",
-                "onUpdate:modelValue": Ta,
-                onKeydown: Ue
-              }, {
-                description: W(() => l[3] || (l[3] = [
-                  ae("HH:MM:SS")
-                ])),
-                _: 1
-              }, 8, ["aria-label", "model-value", "error"])) : C("", !0)
-            ], 2)
-          ])
-        ]),
-        c(y)("actions") ? (F(), be("div", dt, [
-          We(a.$slots, "actions", {}, void 0, !0)
-        ])) : C("", !0)
-      ], 2),
-      U.value ? C("", !0) : (F(), be("div", mt, [
-        K(c(Q), {
-          value: n,
-          "first-day-of-week": t.firstDayOfWeek,
-          "is-date-disabled": t.isDateDisabled,
-          "max-range": t.maxRange,
-          min: T.value.min,
-          max: T.value.max,
-          "number-of-months": t.numberOfMonths,
-          "show-end-date-on-open": t.showEndDateOnOpen,
-          granularity: J.value,
-          variant: t.variant,
-          "is-range": "",
-          onInput: pe,
-          onStartDateSelected: da,
-          onEndDateSelected: ma
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "show-end-date-on-open", "granularity", "variant"])
-      ]))
-    ]));
-  }
-}), ft = /* @__PURE__ */ oa(Dt, [["__scopeId", "data-v-cf6285de"]]), Ne = {
-  "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: "キャンセル",
-    dateRangePicker: "日付範囲ピッカー {name}",
-    provideDateInAFormat: "YYYY-MM-DD形式で日付を入力してください",
-    quarter: "{year}年第{quarter}四半期",
-    selectDate: "日付を選択",
-    selectDateRange: "日付範囲を選択",
-    selectedDateIsNotAvailable: "選択した日付は利用できません"
-  },
-  "pt-BR": {
-    apply: "Aplicar",
-    cancel: "Cancelar",
-    dateRangePicker: "Seletor de intervalo de datas {name}",
-    provideDateInAFormat: "Forneça a data no formato AAAA-MM-DD",
-    quarter: "{quarter}º trimestre de {year}",
-    selectDate: "Selecione uma data",
-    selectDateRange: "Selecione um intervalo de datas",
-    selectedDateIsNotAvailable: "A data selecionada não está disponível"
-  }
-}, vt = ({
-  datePickerValue: t,
-  isDateIncorrect: o,
-  quickSelectRanges: d,
-  isMonthVariant: r,
-  withTimeInput: e,
-  placeholder: u
-}) => {
-  const { locale: f, t: y } = qe({ messages: Ne }), { dateToInputDateString: k } = Ye(), P = (v) => !!v && !isNaN(v.getTime()), M = ke({
-    startDate: null,
-    endDate: null,
-    startTime: null,
-    endTime: null
-  });
-  return Re(
-    t,
-    (v) => {
-      M.startDate = k(v == null ? void 0 : v.startDate), M.endDate = k(v == null ? void 0 : v.endDate), M.startTime = q(v == null ? void 0 : v.startDate), M.endTime = q(v == null ? void 0 : v.endDate);
-    },
-    { immediate: !0 }
-  ), {
-    // Values
-    dateDisplayValue: p(() => {
-      var te;
-      if (o.value)
-        return `${M.startDate || ""} - ${M.endDate || ""}`;
-      if (!t.value || !t.value.startDate && !t.value.endDate)
-        return (u == null ? void 0 : u.value) || y("selectDateRange");
-      if ((te = d.value) != null && te.length) {
-        const A = d.value.find(({ value: Y }) => {
-          var U;
-          return Y === ((U = t.value) == null ? void 0 : U.range);
-        });
-        if (A)
-          return A.label;
-      }
-      if (t.value.granularity === "quarterly") {
-        const { startDate: A, endDate: Y } = t.value, U = y("quarter", { quarter: Ze(A), year: ea(A) });
-        if (za(A, Y))
-          return U;
-        const n = y("quarter", { quarter: Ze(Y), year: ea(Y) });
-        return `${U} - ${n}`;
-      }
-      if (!P(t.value.startDate) || !P(t.value.endDate))
-        return `${M.startDate || ""} - ${M.endDate || ""}`;
-      let v = r != null && r.value ? { month: "long", year: "numeric" } : { month: "short", day: "2-digit", year: "numeric" };
-      return e.value && (v = {
-        ...v,
-        hour: "numeric",
-        minute: "numeric",
-        second: "numeric",
-        hour12: !1
-      }), Na(f.value, v).formatRange(
-        t.value.startDate,
-        t.value.endDate
-      );
-    }),
-    textInputDisplayValue: M,
-    // Methods
-    formatTextInputDisplayValue: () => ""
-  };
-}, pt = { class: "b-date-range-picker" }, yt = { class: "b-date-range-picker__footer" }, gt = {
-  i18n: { messages: Ne },
-  name: "bento-date-range-picker",
-  model: { prop: "modelValue" }
-}, Tt = /* @__PURE__ */ ra({
-  ...gt,
-  props: {
-    allowTimeInput: { type: Boolean },
-    firstDayOfWeek: { default: void 0 },
-    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 },
-    modelValue: { default: null },
-    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: ["update:model-value", "input"],
-  setup(t, { emit: o }) {
-    const d = o, r = t, e = Ma(), { t: u } = qe({ messages: Ne }), { dateToInputDateString: f } = Ye(), y = le("bento-date-range-picker-container"), k = le("bento-date-range-picker-label"), P = le("bento-date-range-picker-description"), M = le("bento-date-range-picker-error"), _ = le("bento-date-range-picker-date-error"), ie = p(() => r.label || u("dateRangePicker", { name: y })), { resolvedFirstDayOfWeek: v } = xa(Ee(r, "firstDayOfWeek")), te = wa({
-      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
-    }), A = p(() => {
-      const s = te.active().value, I = {
-        none: 0,
-        one: 1,
-        two: 2
-      };
-      if (s in I) {
-        const pe = I[s];
-        return r.numberOfMonths === void 0 ? pe : Math.min(r.numberOfMonths, pe);
-      }
-      return r.numberOfMonths;
-    }), Y = p(() => (r == null ? void 0 : r.quickSelectRanges) && r.quickSelectRanges.map((s) => {
-      const I = s.data.endDate ? void 0 : new Date(Date.now()).getTime() - s.data.startDate.getTime();
-      return {
-        ...s,
-        data: {
-          ...s.data,
-          // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: I
-        }
-      };
-    })), U = p(() => r.label ? k : (e == null ? void 0 : e["aria-labelledby"]) ?? null), n = B(!1), N = B(null), O = B(!1), { isReadOnly: Ie } = ja(Ee(r, "readonly")), { emitValue: J } = Qa(d);
-    Re(
-      () => r.disabled,
-      () => {
-        r.disabled && O.value && (O.value = !1);
-      }
-    );
-    const ue = p(() => r.modelValue || r.value), re = p(() => r.hasActions ? !ne.value && n.value : n.value), T = p(() => ({
-      "b-date-range-picker__description--error": !!r.errorMessage || re.value
-    })), Me = p(() => r.variant === "month"), de = p(() => r.allowTimeInput && r.variant !== "month"), { dateDisplayValue: se, textInputDisplayValue: b } = vt({
-      datePickerValue: ue,
-      isDateIncorrect: n,
-      quickSelectRanges: Y,
-      isMonthVariant: Me,
-      withTimeInput: de,
-      placeholder: Ee(r, "placeholder")
-    }), Se = p(
-      () => `${r.description ? P : ""} ${r.errorMessage ? M : ""} ${n.value ? _ : ""}`.trim() || null
-    ), X = () => {
-      O.value = !1;
-    }, Oe = () => {
-      O.value = !0;
-    }, me = B(se.value), ce = B(
-      // textInputDisplayValue is a reactive object
-      structuredClone(Be(b))
-    ), w = B(r.modelValue ?? r.value), ne = B(!0), De = p(
-      () => r.hasActions ? ce.value : b
-    ), S = p(
-      () => r.hasActions ? me.value : se.value
-    );
-    sa(() => {
-      if (r.hasActions || Ke(
-        '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"
-      ), r.value && Ke(
-        'BentoDateRangePicker "value" property',
-        'The use of "value" prop in "BentoDateRangePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
-        "2.0.0"
-      ), r.granularities && r.variant !== "month" && r.granularities.find(({ type: s }) => s === "quarterly"))
-        throw new Error('Quarterly granularity is only supported by BentoDateRangePicker with variant: "month"');
-    }), Re([() => r.value, () => r.modelValue], () => {
-      me.value = se.value, ce.value = structuredClone(Be(b));
-    });
-    const Z = p(() => [
-      {
-        title: u("apply"),
-        event: () => {
-          J(w.value), X(), ne.value = !0;
-        },
-        disabled: ne.value
-      },
-      {
-        title: u("cancel"),
-        event: X
-      }
-    ]);
-    Re(w, (s) => {
-      if (r.hasActions) {
-        ne.value = n.value;
-        return;
-      }
-      J(s);
-    });
-    const ee = (s) => {
-      n.value = !1, b.startDate = f(s.startDate), b.endDate = f(s.endDate), b.startTime = q(s.startDate), b.endTime = q(s.endDate), w.value = s;
-    }, j = async () => {
-      n.value && (n.value = !1), w.value = null;
-    }, L = () => {
-      if (!O.value) {
-        O.value = !0;
-        return;
-      }
-      n.value || (O.value = !1);
-    }, i = (s) => {
-      n.value = !1, s.startTime && (b.startTime = s.startTime), s.endTime && (b.endTime = s.endTime);
-    }, fe = (s) => {
-      n.value = !0, b.startDate = s.startDate, b.endDate = s.endDate, w.value = { startDate: null, endDate: null };
-    }, ve = (s) => {
-      s && (b.startDate = f(s.startDate), b.endDate = f(s.endDate), b.startTime = q(s.startDate), b.endTime = q(s.endDate), w.value = s);
-    };
-    return (s, I) => Sa((F(), be("div", pt, [
-      s.label ? (F(), G(c(Pa), {
-        key: 0,
-        id: c(k),
-        label: s.label,
-        "tooltip-text": s.tooltipText,
-        optional: s.optional,
-        required: s.required
-      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : C("", !0),
-      z("div", {
-        onKeydown: Ge(L, ["enter"])
-      }, [
-        K(c(Aa), {
-          ref_key: "inputContainerRef",
-          ref: N,
-          "always-combobox-is-input": "",
-          ariaControls: c(y),
-          ariaExpanded: O.value,
-          "aria-labelledby": U.value,
-          "aria-describedby": Se.value,
-          "aria-required": s.required,
-          disabled: s.disabled,
-          "is-invalid": !!s.errorMessage || re.value,
-          open: O.value,
-          "display-value": S.value,
-          readonly: c(Ie),
-          onOpen: Oe,
-          onClear: j,
-          onClose: X
-        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "display-value", "readonly"])
-      ], 32),
-      re.value ? (F(), G(c(Xe), {
-        key: 1,
-        id: c(_),
-        "error-message": c(u)("provideDateInAFormat"),
-        class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : C("", !0),
-      s.errorMessage ? (F(), G(c(Xe), {
-        key: 2,
-        id: c(M),
-        "error-message": s.errorMessage,
-        class: "b-date-range-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : C("", !0),
-      s.description ? (F(), G(c(Ce), {
-        key: 3,
-        id: c(P),
-        class: he(["b-date-range-picker__description", T.value]),
-        el: "span"
-      }, {
-        default: W(() => [
-          ae(Ae(s.description), 1)
-        ]),
-        _: 1
-      }, 8, ["id", "class"])) : C("", !0),
-      N.value ? (F(), G(c(Fa), {
-        key: 4,
-        id: c(y),
-        class: "b-date-range-picker__container",
-        open: O.value,
-        "target-element": N.value,
-        "aria-label": ie.value,
-        position: "bottom-start",
-        "without-space": "",
-        "fit-content": "",
-        "trap-all": "",
-        "overflow-visible": "",
-        onKeydown: Ge(X, ["esc", "native"])
-      }, {
-        default: W(() => [
-          K(c(ft), {
-            "allow-time-input": de.value,
-            "quick-select-ranges": Y.value,
-            value: ue.value,
-            "first-day-of-week": c(v),
-            granularities: s.granularities,
-            "is-date-disabled": s.isDateDisabled,
-            "max-range": s.maxRange,
-            min: s.min,
-            max: s.max,
-            "number-of-months": A.value,
-            "show-end-date-on-open": s.showEndDateOnOpen,
-            "date-form-data": De.value,
-            variant: s.variant,
-            onCustomRange: ve,
-            onInput: ee,
-            onError: fe,
-            onFormDate: i
-          }, Oa({ _: 2 }, [
-            s.hasActions ? {
-              name: "actions",
-              fn: W(() => [
-                K(c(Ea)),
-                z("div", yt, [
-                  K(c(_a), {
-                    actions: Z.value,
-                    layout: c(Va).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"])) : C("", !0)
-    ])), [
-      [c(La), X]
-    ]);
-  }
-}), Gt = /* @__PURE__ */ oa(Tt, [["__scopeId", "data-v-e00826fe"]]);
-export {
-  Gt as B,
-  ft as D,
-  Ja as a,
-  Fe as i
-};
-//# sourceMappingURL=date-range-picker.B0q7Z4df.js.map