@adyen/bento-vue2 1.6.1 → 1.7.0

package/dist/chunks/{index.298f5eed.js.map → index.d6b5f5e1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.298f5eed.js","sources":["../../src/components/structured-list/structured-list.vue","../../src/components/structured-list/structured-list.keys.ts","../../src/components/structured-list/components/structered-list-item/structured-list-item.vue"],"sourcesContent":["<template>\n    <dl class=\"b-structured-list\">\n        <slot />\n    </dl>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n\n    /**\n     * This is a list used to display pairs of information in a clear and organized manner.\n     * `BentoStructureListItem` should be used to pass the label/value pairs to the list.\n     *\n     * @example\n     * import { BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStructuredList, BentoStructuredListItem },\n     *     template: `\n     *       <bento-structured-list>\n     *         <bento-structured-list-item label=\"Payment\">\n     *               <bento-payment-method label=\"Klarna\" type=\"Klarna\"  />\n     *         </bento-structured-list-item>\n     *         <bento-structured-list-item label=\"Amount\">\n     *               <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n     *                   123456\n     *               </bento-currency>\n     *         </bento-structured-list-item>\n     *       </bento-structured-list>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-structured-list',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list.scss\" />\n","export const STRUCTURED_LIST_CONDENSED_INJECTION_KEY = Symbol('structured list condensed style injection key');\n","<template>\n    <div class=\"b-structured-list-item\" :class=\"conditionalClasses\">\n        <dt class=\"b-structured-list-item__label\">\n            <bento-typography :variant=\"labelTypographyVariant\">\n                {{ label }}\n            </bento-typography>\n            <bento-info-icon v-if=\"labelInfo\" class=\"b-structured-list-item__icon\" :tooltip-text=\"labelInfo\" />\n        </dt>\n        <dd class=\"b-structured-list-item__value\">\n            <slot />\n            <copy v-if=\"copy\" class=\"b-structured-list-item__icon\" :text=\"copy\" />\n            <bento-button\n                v-if=\"search\"\n                v-bento-tooltip-directive:top=\"searchTooltip ? searchTooltip : $t('search')\"\n                class=\"b-structured-list-item__icon\"\n                variant=\"tertiary\"\n                @click=\"search\"\n            >\n                <template #iconLeft>\n                    <search-icon :svg-title=\"$t('search')\" />\n                </template>\n            </bento-button>\n        </dd>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, inject, PropType } from 'vue';\n\n    // Components\n    import { BentoButton } from '@/components/button';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n    import Copy from '@/components/internal/copy/copy.vue';\n    import SearchIcon from '@adyen/ui-assets-icons-16/vue/search';\n\n    // Directives\n    import { BentoTooltipDirective } from '@/directives';\n\n    // Keys\n    import { STRUCTURED_LIST_CONDENSED_INJECTION_KEY } from '../../structured-list.keys';\n\n    import messages from '../../messages.json';\n\n    /**\n     * This is an item of the `BentoStructuredList` meant to be used only with that component.\n     * It consists of a label/value pair, and also the optional copy and search modifiers.\n     *\n     * @example\n     * import { BentoCurrencyISOCode, BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStructuredListItem, BentoStructuredListItem },\n     *     template: `\n     *       <bento-structured-list>\n     *         <bento-structured-list-item label=\"Shopper\" search='searchShopper' search-tooltip='Find shopper'>\n     *               <bento-typography>\n     *                  143442642\n     *               </bento-status>\n     *         </bento-structured-list-item>\n     *         <bento-structured-list-item label=\"Amount\" copy='123456'>\n     *               <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n     *                   123456\n     *               </bento-currency>\n     *         </bento-structured-list-item>\n     *       </bento-structured-list>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-structured-list-item',\n        components: {\n            BentoButton,\n            BentoInfoIcon,\n            BentoTypography,\n            Copy,\n            SearchIcon,\n        },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Label to display for the value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text to display in info icon tooltip in the label to display for the value\n             */\n            labelInfo: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Text to copy when the user clicks `Copy` icon\n             */\n            copy: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Function to trigger when user clicks `Search` icon\n             */\n            search: {\n                type: Function as PropType<(event: Event) => void>,\n                default: undefined,\n            },\n            /**\n             * Text to display when the user hovers over `Search` icon\n             */\n            searchTooltip: {\n                type: String,\n                default: undefined,\n            },\n        },\n        setup() {\n            const isCondensed = inject(STRUCTURED_LIST_CONDENSED_INJECTION_KEY, false);\n\n            const conditionalClasses = computed(() => ({\n                'b-structured-list-item--condensed': isCondensed,\n            }));\n\n            const labelTypographyVariant = computed(() =>\n                isCondensed ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY\n            );\n\n            return {\n                // Values\n                conditionalClasses,\n                labelTypographyVariant,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list-item.scss\" />\n"],"names":["_sfc_main$1","defineComponent","STRUCTURED_LIST_CONDENSED_INJECTION_KEY","_sfc_main","messages","BentoButton","BentoInfoIcon","BentoTypography","Copy","SearchIcon","BentoTooltipDirective","isCondensed","inject","conditionalClasses","computed","labelTypographyVariant","BentoTypographyVariant"],"mappings":";;;;;;;;;AAgCA,MAAAA,IAAAC,EAAA;AAAA,EAAA,MAAA;AAEA,CAAA;;;;;;;;;;;;;;qBClCaC,IAAA,OAAA,+CAAA;;;;GCqEbC,IAAAF,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAG,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,QAAA;AAEA,UAAAC,IAAAC,EAAAV,GAAA,EAAA,GAEAW,IAAAC,EAAA,OAAA;AAAA,MAAA,qCAAAH;AAAA,IACA,EAAA,GAGAI,IAAAD;AAAA,MAAA,MAAAH,IAAAK,EAAA,UAAAA,EAAA;AAAA,IACA;AAGA,WAAA;AAAA;AAAA,MAAA,oBAAAH;AAAA,MAEA,wBAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.d6b5f5e1.js","sources":["../../src/components/structured-list/structured-list.vue","../../src/components/structured-list/structured-list.keys.ts","../../src/components/structured-list/components/structered-list-item/structured-list-item.vue"],"sourcesContent":["<template>\n    <dl class=\"b-structured-list\">\n        <slot />\n    </dl>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n\n    /**\n     * This is a list used to display pairs of information in a clear and organized manner.\n     * `BentoStructureListItem` should be used to pass the label/value pairs to the list.\n     *\n     * @example\n     * import { BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStructuredList, BentoStructuredListItem },\n     *     template: `\n     *       <bento-structured-list>\n     *         <bento-structured-list-item label=\"Payment\">\n     *               <bento-payment-method label=\"Klarna\" type=\"Klarna\"  />\n     *         </bento-structured-list-item>\n     *         <bento-structured-list-item label=\"Amount\">\n     *               <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n     *                   123456\n     *               </bento-currency>\n     *         </bento-structured-list-item>\n     *       </bento-structured-list>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-structured-list',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list.scss\" />\n","export const STRUCTURED_LIST_CONDENSED_INJECTION_KEY = Symbol('structured list condensed style injection key');\n","<template>\n    <div class=\"b-structured-list-item\" :class=\"conditionalClasses\">\n        <dt class=\"b-structured-list-item__label\">\n            <bento-typography :variant=\"labelTypographyVariant\">\n                {{ label }}\n            </bento-typography>\n            <bento-info-icon v-if=\"labelInfo\" class=\"b-structured-list-item__icon\" :tooltip-text=\"labelInfo\" />\n        </dt>\n        <dd class=\"b-structured-list-item__value\">\n            <slot />\n            <copy v-if=\"copy\" class=\"b-structured-list-item__icon\" :text=\"copy\" />\n            <bento-button\n                v-if=\"search\"\n                v-bento-tooltip-directive:top=\"searchTooltip ? searchTooltip : $t('search')\"\n                class=\"b-structured-list-item__icon\"\n                variant=\"tertiary\"\n                @click=\"search\"\n            >\n                <template #iconLeft>\n                    <search-icon :svg-title=\"$t('search')\" />\n                </template>\n            </bento-button>\n        </dd>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, inject, PropType } from 'vue';\n\n    // Components\n    import { BentoButton } from '@/components/button';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n    import Copy from '@/components/internal/copy/copy.vue';\n    import SearchIcon from '@adyen/ui-assets-icons-16/vue/search';\n\n    // Directives\n    import { BentoTooltipDirective } from '@/directives';\n\n    // Keys\n    import { STRUCTURED_LIST_CONDENSED_INJECTION_KEY } from '../../structured-list.keys';\n\n    import messages from '../../messages.json';\n\n    /**\n     * This is an item of the `BentoStructuredList` meant to be used only with that component.\n     * It consists of a label/value pair, and also the optional copy and search modifiers.\n     *\n     * @example\n     * import { BentoCurrencyISOCode, BentoStructuredListItem, BentoStructuredListItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStructuredListItem, BentoStructuredListItem },\n     *     template: `\n     *       <bento-structured-list>\n     *         <bento-structured-list-item label=\"Shopper\" search='searchShopper' search-tooltip='Find shopper'>\n     *               <bento-typography>\n     *                  143442642\n     *               </bento-status>\n     *         </bento-structured-list-item>\n     *         <bento-structured-list-item label=\"Amount\" copy='123456'>\n     *               <bento-currency :currency=\"BentoCurrencyISOCode.USD\">\n     *                   123456\n     *               </bento-currency>\n     *         </bento-structured-list-item>\n     *       </bento-structured-list>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-structured-list-item',\n        components: {\n            BentoButton,\n            BentoInfoIcon,\n            BentoTypography,\n            Copy,\n            SearchIcon,\n        },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Label to display for the value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text to display in info icon tooltip in the label to display for the value\n             */\n            labelInfo: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Text to copy when the user clicks `Copy` icon\n             */\n            copy: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Function to trigger when user clicks `Search` icon\n             */\n            search: {\n                type: Function as PropType<(event: Event) => void>,\n                default: undefined,\n            },\n            /**\n             * Text to display when the user hovers over `Search` icon\n             */\n            searchTooltip: {\n                type: String,\n                default: undefined,\n            },\n        },\n        setup() {\n            const isCondensed = inject(STRUCTURED_LIST_CONDENSED_INJECTION_KEY, false);\n\n            const conditionalClasses = computed(() => ({\n                'b-structured-list-item--condensed': isCondensed,\n            }));\n\n            const labelTypographyVariant = computed(() =>\n                isCondensed ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY\n            );\n\n            return {\n                // Values\n                conditionalClasses,\n                labelTypographyVariant,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./structured-list-item.scss\" />\n"],"names":["_sfc_main$1","defineComponent","STRUCTURED_LIST_CONDENSED_INJECTION_KEY","_sfc_main","messages","BentoButton","BentoInfoIcon","BentoTypography","Copy","SearchIcon","BentoTooltipDirective","isCondensed","inject","conditionalClasses","computed","labelTypographyVariant","BentoTypographyVariant"],"mappings":";;;;;;;;;AAgCA,MAAAA,IAAAC,EAAA;AAAA,EAAA,MAAA;AAEA,CAAA;;;;;;;;;;;;;;qBClCaC,IAAA,OAAA,+CAAA;;;;GCqEbC,IAAAF,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAG,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA;AAAA,MAIA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,MAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,QAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,eAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,QAAA;AAEA,UAAAC,IAAAC,EAAAV,GAAA,EAAA,GAEAW,IAAAC,EAAA,OAAA;AAAA,MAAA,qCAAAH;AAAA,IACA,EAAA,GAGAI,IAAAD;AAAA,MAAA,MAAAH,IAAAK,EAAA,UAAAA,EAAA;AAAA,IACA;AAGA,WAAA;AAAA;AAAA,MAAA,oBAAAH;AAAA,MAEA,wBAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{index.31949c1a.js → index.e566354f.js}

@@ -1,23 +1,24 @@
-import { defineComponent as ue, reactive as K, ref as y, computed as M, onMounted as Te, toRef as oe, watch as Ie } from "vue";
-import { c as be } from "./dropdown-default-textbox.3df0bf23.js";
+import { defineComponent as ue, reactive as K, ref as E, computed as F, onMounted as Te, toRef as oe, watch as Ie } from "vue";
+import { c as be } from "./dropdown-default-textbox.25134789.js";
 import { BentoPopover as ye } from "../popover.js";
-import { g as N } from "./unique-id.a2a2b458.js";
+import { g as $ } from "./unique-id.a2a2b458.js";
 import { u as G } from "./i18n.155748d6.js";
-import { B as De } from "./index.2fce7703.js";
-import { t as j, f as F } from "./index.a709a6b0.js";
+import { B as De } from "./index.965ac1af.js";
+import { t as j, f as P } from "./index.b83f8b7e.js";
 import { r as Y, t as B, e as I, d as z, f as J } from "./index.f55fdc32.js";
 import { f as ie, v as ke, D as T } from "./date-input.9186a0bf.js";
 import { u as Ee } from "./use-form-layout-loading.d03e5d48.js";
+import "./index.af05ced4.js";
 import { BentoInputField as Se } from "../input-field.js";
-import { B as Ce } from "./dropdown.3f198167.js";
+import { B as Ce } from "./dropdown.f1253a54.js";
 import { d as q } from "./debounce.b5ef6acf.js";
 import { u as Oe } from "./use-has-slot.6052d56a.js";
 import { e as H } from "./index.fdf12170.js";
-import { a as $ } from "./calendar.b74f8a0f.js";
+import { C } from "./calendar.24d0ac04.js";
 import { n as me } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { E as Me } from "./error-message.f5454f19.js";
+import { E as Me } from "./error-message.8302a46c.js";
 import { B as Fe } from "./directive.0408e565.js";
-import "../assets/index37.css";
+import "../assets/index19.css";
 function le(t, e) {
   Y(2, arguments);
   var n = B(t), o = B(e);
@@ -33,14 +34,14 @@ function we(t, e) {
   var n = B(t), o = j(e);
   return n.setMinutes(o), n;
 }
-function Ue(t, e) {
+function xe(t, e) {
   Y(2, arguments);
   var n = B(t), o = j(e);
   return n.setSeconds(o), n;
 }
 var l = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t))(l || {});
-const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
-  const { selectionStart: e } = t.target, n = he.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
+const Ue = /[\d]/, he = /^\d{2}$/, Ae = /^\d{2}:\d{2}$/, Ne = (t) => {
+  const { selectionStart: e } = t.target, n = Ue.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
   !n && !o && t.preventDefault();
 }, de = (t) => {
   if (!t)
@@ -49,7 +50,7 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
   if (e.length === 1 && parseInt(t, 10) > 2)
     return `0${e}:`;
   const [n, o] = e.slice(-2);
-  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (Ae.test(e) || xe.test(e)) && (e += ":"), e;
+  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (he.test(e) || Ae.test(e)) && (e += ":"), e;
 }, $e = {
   "en-US": {
     customRange: "Custom range",
@@ -68,7 +69,7 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
     BentoDropdown: Ce,
     BentoInputField: Se,
     BentoTypography: De,
-    Calendar: $
+    Calendar: C
   },
   props: {
     /**
@@ -85,19 +86,27 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: $.props.firstDayOfWeek,
+    firstDayOfWeek: C.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: $.props.isDateDisabled,
+    isDateDisabled: C.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: $.props.maxRange,
+    maxRange: C.props.maxRange,
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: C.props.min,
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: C.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: $.props.numberOfMonths,
+    numberOfMonths: C.props.numberOfMonths,
     /**
      * Enables the custom range selector.
      * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
@@ -125,22 +134,22 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
     const { locale: o, t: b } = G(), g = { de: z, enUS: I, fr: J }, i = K({
       startDate: (ae = t.value) == null ? void 0 : ae.startDate,
       endDate: (ne = t.value) == null ? void 0 : ne.endDate
-    }), f = y(
+    }), f = E(
       ((se = (re = t == null ? void 0 : t.quickSelectRanges) == null ? void 0 : re.find(
         ({ data: a }) => le(a.startDate, i.startDate) && le(a.endDate, i.endDate)
       )) == null ? void 0 : se.value) ?? W
-    ), P = M(() => ({
+    ), w = F(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
-    })), w = M(() => t.quickSelectRanges ? [
+    })), x = F(() => t.quickSelectRanges ? [
       { label: b("customRange"), value: W },
       ...t.quickSelectRanges
     ] : []), v = () => {
       t != null && t.quickSelectRanges && (f.value = W);
-    }, d = (a) => a ? F(a, T.NUMERIC_DATE_YEAR_FIRST, {
+    }, d = (a) => a ? P(a, T.NUMERIC_DATE_YEAR_FIRST, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", R = (a) => a ? F(a, T.HOUR_MINUTE_SECONDS, {
+    }) : "", R = (a) => a ? P(a, T.HOUR_MINUTE_SECONDS, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", u = y(!1), p = y(!1), D = y(!1), m = y(!1), r = K({
+    }) : "", u = E(!1), p = E(!1), D = E(!1), m = E(!1), r = K({
       startDate: t.dateFormData.startDate,
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
@@ -151,14 +160,14 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
       if (!s || !U(s))
         return a;
       let _ = new Date(a);
-      const [S, V, Re] = s.split(":");
-      return _ = Pe(_, parseInt(S, 10)), _ = we(_, parseInt(V, 10)), _ = Ue(_, parseInt(Re, 10)), _;
-    }, E = (a) => {
-      const s = (S) => t.isDateDisabled ? !t.isDateDisabled(S) : !0;
+      const [y, V, Re] = s.split(":");
+      return _ = Pe(_, parseInt(y, 10)), _ = we(_, parseInt(V, 10)), _ = xe(_, parseInt(Re, 10)), _;
+    }, O = (a) => {
+      const s = (y) => t.min && y <= t.min || t.max && y >= t.max ? !1 : t.isDateDisabled ? !t.isDateDisabled(y) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && s(new Date(a));
     };
     Te(() => {
-      t.dateFormData.startDate && !E(t.dateFormData.startDate) ? u.value = !0 : (u.value = !1, D.value = !1), t.dateFormData.endDate && !E(t.dateFormData.endDate) ? p.value = !0 : (p.value = !1, m.value = !1);
+      t.dateFormData.startDate && !O(t.dateFormData.startDate) ? u.value = !0 : (u.value = !1, D.value = !1), t.dateFormData.endDate && !O(t.dateFormData.endDate) ? p.value = !0 : (p.value = !1, m.value = !1);
     });
     const Q = (a) => {
       var s;
@@ -170,10 +179,10 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
       const s = t.value[a];
       if (s)
         return s;
-      if (t.dateFormData[a] && E(t.dateFormData[a]))
+      if (t.dateFormData[a] && O(t.dateFormData[a]))
         return new Date(t.dateFormData[a]);
     }, Z = q((a) => {
-      if (E(a)) {
+      if (O(a)) {
         u.value = !1, i.startDate = h(new Date(a), r.startTime);
         const s = A("endDate");
         e(l.FORM_DATE, {
@@ -188,7 +197,7 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
     }, ce), ee = (a) => {
       v(), r.startDate = ie(a), Z(r.startDate);
     }, te = q((a) => {
-      if (E(a)) {
+      if (O(a)) {
         p.value = !1, i.endDate = h(new Date(a), r.endTime);
         const s = A("startDate");
         e(l.FORM_DATE, {
@@ -204,9 +213,9 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
         p.value = !0, e(l.ERROR, { ...r });
     }, ce), c = (a) => {
       v(), r.endDate = ie(a), te(r.endDate);
-    }, k = (a) => {
+    }, S = (a) => {
       ke(a);
-    }, x = q((a) => {
+    }, N = q((a) => {
       if (U(a)) {
         D.value = !1, i.startDate = h(i.startDate, a);
         const s = A("endDate");
@@ -237,15 +246,15 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
       } else
         m.value = !0, e(l.ERROR, { ...r });
     }), pe = (a) => {
-      v(), r.startTime = de(a), x(r.startTime);
+      v(), r.startTime = de(a), N(r.startTime);
     }, _e = (a) => {
       v(), r.endTime = de(a), fe(r.endTime);
     }, ge = (a) => {
       Ne(a);
     }, ve = (a) => {
-      var _, S;
+      var _, y;
       f.value = a;
-      const s = (S = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: V }) => V === a)) == null ? void 0 : S.data;
+      const s = (y = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: V }) => V === a)) == null ? void 0 : y.data;
       s && (r.startDate = d(s.startDate), r.endDate = d(s.endDate), r.startTime || (r.startTime = R(H(s.startDate))), r.endTime || (r.endTime = R(H(s.endDate))), e(l.CUSTOM_RANGE, s));
     };
     return {
@@ -256,15 +265,15 @@ const he = /[\d]/, Ae = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Ne = (t) => {
       selectedRangeSelectorValue: f,
       startDateError: u,
       startTimeError: D,
-      quickSelectRangeDefaultItems: w,
-      formInputWrapperConditionalClasses: P,
+      quickSelectRangeDefaultItems: x,
+      formInputWrapperConditionalClasses: w,
       // Methods
       hasSlot: Oe(n),
       t: b,
       // Events
       onRangeSelectorInput: ve,
       onDateInput: L,
-      onDateInputKeyDown: k,
+      onDateInputKeyDown: S,
       onEndDateInput: c,
       onEndDateSelected: X,
       onEndTimeInput: _e,
@@ -285,27 +294,27 @@ var qe = function() {
     return [e._v("YYYY-MM-DD")];
   }, proxy: !0 }]) }), e.allowTimeInput ? n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeTo"), value: e.dateTextInput.endTime, error: e.endTimeError }, on: { input: e.onEndTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("HH:MM:SS")];
-  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1)], 2), e.hasSlot("actions") ? n("div", [e._t("actions")], 2) : e._e()]), n("div", { staticClass: "b-date-range-picker-calendar__calendars-container" }, [n("calendar", { attrs: { value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
+  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1)], 2), e.hasSlot("actions") ? n("div", [e._t("actions")], 2) : e._e()]), n("div", { staticClass: "b-date-range-picker-calendar__calendars-container" }, [n("calendar", { attrs: { value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, min: e.min, max: e.max, "number-of-months": e.numberOfMonths, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
 }, Ye = [], Le = /* @__PURE__ */ me(
   Be,
   qe,
   Ye,
   !1,
   null,
-  "d5d0c41d",
+  "addfffd3",
   null,
   null
 );
-const C = Le.exports;
-var O = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(O || {});
+const k = Le.exports;
+var M = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(M || {});
 const Ve = ({
   datePickerValue: t,
   isDateIncorrect: e
 }) => {
   var v, d, R, u, p;
-  const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = (D, m) => F(D, m, {
+  const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = (D, m) => P(D, m, {
     locale: b[n.value.substring(0, 2)] || I
-  }), i = (D) => F(D, T.HOUR_MINUTE_SECONDS, {
+  }), i = (D) => P(D, T.HOUR_MINUTE_SECONDS, {
     locale: b[n.value.substring(0, 2)] || I
   }), f = K({
     startDate: (v = t.value) != null && v.startDate ? g(t.value.startDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
@@ -316,7 +325,7 @@ const Ve = ({
   });
   return {
     // Values
-    dateDisplayValue: M(() => {
+    dateDisplayValue: F(() => {
       if (e.value)
         return `${f.startDate || ""} - ${f.endDate || ""}`;
       if (!t.value || !t.value.startDate && !t.value.endDate)
@@ -347,7 +356,7 @@ const Ve = ({
   components: {
     BentoTypography: De,
     BentoPopover: ye,
-    DateRangePickerCalendar: C,
+    DateRangePickerCalendar: k,
     DropdownInputDefault: be,
     ErrorMessage: Me
   },
@@ -372,11 +381,11 @@ const Ve = ({
     /**
      * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: C.props.firstDayOfWeek,
+    firstDayOfWeek: k.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: C.props.isDateDisabled,
+    isDateDisabled: k.props.isDateDisabled,
     /**
      * Text that is displayed as a label above the element.
      */
@@ -407,34 +416,42 @@ const Ve = ({
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: C.props.maxRange,
+    maxRange: k.props.maxRange,
+    /**
+     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
+     */
+    min: k.props.min,
+    /**
+     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
+     */
+    max: k.props.max,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: C.props.numberOfMonths,
+    numberOfMonths: k.props.numberOfMonths,
     /**
      * Selected date
      */
-    value: C.props.value
+    value: k.props.value
   },
-  emits: [O.INPUT],
+  emits: [M.INPUT],
   setup(t, { emit: e }) {
-    const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = N("bento-date-range-picker-container"), i = N("bento-date-range-picker-label"), f = N("bento-date-range-picker-description"), P = N("bento-date-range-picker-error"), w = N("bento-date-range-picker-date-error"), v = M(
+    const { locale: n, t: o } = G(), b = { de: z, enUS: I, fr: J }, g = $("bento-date-range-picker-container"), i = $("bento-date-range-picker-label"), f = $("bento-date-range-picker-description"), w = $("bento-date-range-picker-error"), x = $("bento-date-range-picker-date-error"), v = F(
       () => t.label || o("dateRangePicker", { name: g })
-    ), d = y(!1), R = y(null), u = y(!1), { isReadOnly: p } = Ee(oe(t, "readonly"));
+    ), d = E(!1), R = E(null), u = E(!1), { isReadOnly: p } = Ee(oe(t, "readonly"));
     Ie(
       () => t.disabled,
       () => {
         t.disabled && u.value && (u.value = !1);
       }
     );
-    const D = M(() => ({
+    const D = F(() => ({
       "b-date-range-picker__description--error": !!t.errorMessage || d.value
     })), { dateDisplayValue: m, textInputDisplayValue: r, formatTextInputDisplayValue: L } = Ve({
       datePickerValue: oe(t, "value"),
       isDateIncorrect: d
-    }), U = M(
-      () => `${t.description ? f : ""} ${t.errorMessage ? P : ""} ${d.value ? w : ""}`.trim() || null
+    }), U = F(
+      () => `${t.description ? f : ""} ${t.errorMessage ? w : ""} ${d.value ? x : ""}`.trim() || null
     );
     return {
       // Refs
@@ -448,8 +465,8 @@ const Ve = ({
       isReadOnly: p,
       labelId: i,
       descriptionId: f,
-      dateErrorId: w,
-      errorId: P,
+      dateErrorId: x,
+      errorId: w,
       popoverAriaLabel: v,
       ariaDescribedBy: U,
       textInputDisplayValue: r,
@@ -458,17 +475,17 @@ const Ve = ({
         u.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        d.value && (d.value = !1), e(O.INPUT, null);
+        d.value && (d.value = !1), e(M.INPUT, null);
       },
       openDateRangePicker: () => {
         u.value = !0, L();
       },
       onRangeSelectorInput: (c) => {
         if (c) {
-          const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
+          const S = (N) => P(N, T.NUMERIC_DATE_YEAR_FIRST, {
             locale: b[n.value.substring(0, 2)] || I
           });
-          r.startDate = k(c.startDate), r.endDate = k(c.endDate), e(O.INPUT, c);
+          r.startDate = S(c.startDate), r.endDate = S(c.endDate), e(M.INPUT, c);
         }
       },
       onEnterPressedOverInput: () => {
@@ -476,13 +493,13 @@ const Ve = ({
       },
       onDateRangePickerInput: (c) => {
         d.value = !1;
-        const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
+        const S = (N) => P(N, T.NUMERIC_DATE_YEAR_FIRST, {
           locale: b[n.value.substring(0, 2)] || I
         });
-        r.startDate = k(c.startDate), r.endDate = k(c.endDate), e(O.INPUT, c);
+        r.startDate = S(c.startDate), r.endDate = S(c.endDate), e(M.INPUT, c);
       },
       onDateRangePickerError: (c) => {
-        d.value = !0, r.startDate = c.startDate, r.endDate = c.endDate, e(O.INPUT, { startDate: null, endDate: null });
+        d.value = !0, r.startDate = c.startDate, r.endDate = c.endDate, e(M.INPUT, { startDate: null, endDate: null });
       },
       onDateRangePickerFormDateInputUpdate: (c) => {
         d.value = !1, c.startTime && (r.startTime = c.startTime), c.endTime && (r.endTime = c.endTime);
@@ -494,22 +511,22 @@ var Ke = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n("div", { staticClass: "b-date-range-picker__label", attrs: { id: e.labelId } }, [n("bento-typography", { attrs: { el: "span", stronger: "" } }, [e._v(e._s(e.label))]), e.optional ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("optional")) + ") ")]) : e._e(), e.required ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("required")) + ") ")]) : e._e()], 1) : e._e(), n("div", { on: { keydown: function(o) {
     return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onEnterPressedOverInput.apply(null, arguments);
-  } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.$t("provideDateInAFormat").toString() } }) : e._e(), e.errorMessage ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? n("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "" } }, [n("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "date-form-data": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
+  } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.$t("provideDateInAFormat").toString() } }) : e._e(), e.errorMessage ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? n("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "" } }, [n("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, min: e.min, max: e.max, "number-of-months": e.numberOfMonths, "date-form-data": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
 }, Ge = [], je = /* @__PURE__ */ me(
   We,
   Ke,
   Ge,
   !1,
   null,
-  "0efe8a9a",
+  "40ef228c",
   null,
   null
 );
-const ft = je.exports;
+const pt = je.exports;
 export {
-  ft as B,
-  C as D,
-  O as a,
+  pt as B,
+  k as D,
+  M as a,
   le as i
 };
-//# sourceMappingURL=index.31949c1a.js.map
+//# sourceMappingURL=index.e566354f.js.map