npm - @adyen/bento-vue3 - Versions diffs - 2.1.1 → 2.1.2 - Mend

@adyen/bento-vue3 2.1.1 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/chunks/{date-picker.DjLNf7fF.js → date-picker.DwA7PxtZ.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { ref as m, computed as n, defineComponent as fe, toRef as w, watch as T, withDirectives as De, openBlock as u, createElementBlock as be, withKeys as V, createBlock as v, unref as t, createCommentVNode as h, createElementVNode as ye, normalizeClass as ge, withCtx as J, createTextVNode as ke, toDisplayString as he, createVNode as Fe, nextTick as Ie } from "vue";
-import { g as Se, f as H, b as Ne, h as Ce, i as Re, p as Be } from "./calendar.CycKx_P3.js";
+import { g as Se, f as H, b as Ne, h as Ce, i as Re, p as Be } from "./calendar.0d9D-nmt.js";
 import { h as Pe } from "./button-actions.DvuGEQxM.js";
 import { B as Ee } from "./typography.B6elnWpr.js";
-import { D as Me, g as we } from "./dropdown.BvrZG8Za.js";
-import { B as Te } from "./input-field.BBSr4o-k.js";
+import { B as Me } from "./input-field.CNYZ-qxB.js";
+import { D as we, g as Te } from "./dropdown.CpcbBlcE.js";
 import { g as F } from "./generate-uid.DBWe4g6T.js";
 import { u as Q } from "./index.CGBfMQdv.js";
 import { u as Ve } from "./form-field.B60VsF8d.js";
-import { u as Y, a as Oe } from "./use-date-input-formatter.deZ3kB0L.js";
+import { u as Y, a as Oe } from "./use-date-input-formatter.ByQ6j4AU.js";
 import { u as Ae } from "./use-form-layout-loading.CWbjZiwP.js";
 import { u as qe } from "./use-touch-device.DTqFAbXh.js";
 import { B as Le } from "./directive.D1-d-C2K.js";
@@ -140,7 +140,7 @@ const O = {
         return;
       const o = $(e) ? K(e) : null, G = M(o);
       !G && o ? (l.value = null, d(o)) : e && (l.value = G || "invalidDateFormat", d(null));
-    }, me = we(j, 1e3), pe = (e) => {
+    }, me = Te(j, 1e3), pe = (e) => {
       l.value = null, f.value = ae(e), i.value || k.value ? j(f.value) : me(f.value);
     }, x = async (e) => {
       i.value || (e.preventDefault(), _(), await Ie(), c.value || (U(/* @__PURE__ */ new Date()), d(/* @__PURE__ */ new Date())), L.value = q.value?.$refs.calendarRef[0].focusOnDate(
@@ -164,7 +164,7 @@ const O = {
         required: e.required
       }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : h("", !0),
       ye("div", null, [
-        t(k) ? (u(), v(t(Te), {
+        t(k) ? (u(), v(t(Me), {
           key: 0,
           ref_key: "inputContainerRef",
           ref: g,
@@ -180,7 +180,7 @@ const O = {
           min: ie.value,
           max: re.value,
           "onUpdate:modelValue": ne
-        }, null, 8, ["type", "aria-labelledby", "aria-label", "aria-describedby", "aria-required", "disabled", "error-message", "model-value", "readonly", "min", "max"])) : (u(), v(t(Me), {
+        }, null, 8, ["type", "aria-labelledby", "aria-label", "aria-describedby", "aria-required", "disabled", "error-message", "model-value", "readonly", "min", "max"])) : (u(), v(t(we), {
           key: 1,
           ref_key: "inputContainerRef",
           ref: g,
@@ -271,4 +271,4 @@ const O = {
 export {
   ia as B
 };
-//# sourceMappingURL=date-picker.DjLNf7fF.js.map
+//# sourceMappingURL=date-picker.DwA7PxtZ.js.map

package/dist/chunks/{date-picker.DjLNf7fF.js.map → date-picker.DwA7PxtZ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.DjLNf7fF.js","sources":["../../../vue2/src/components/date-picker/composables/use-date-picker-single-calendar-text.ts","../../../vue2/src/components/date-picker/date-picker.vue"],"sourcesContent":["import { computed, ref } from 'vue';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { type UseDateDisplayText } from './use-date-picker-single-calendar-text.types';\nimport { startOfMonth } from 'date-fns/startOfMonth';\nimport { getDateTimeFormatter } from '@/utils/ts/format-date/format-date';\nimport { useDateInputFormatter } from '@/composables/use-date-input-formatter/use-date-input-formatter';\nimport messages from '../messages.json';\n\ntype MessageSchema = (typeof messages)['en-US'];\n\n/*\n Composable that sets and formats the date to be displayed in the input box of a Single Date Picker\n * @param option.datePickerValue Ref to the datePickerValue set in the DatePicker component\n * @param option.dateError The i18n message key for the current error, or null if valid\n * @param option.isMonthVariant Indicates if the date picker has variant \"month\"\n /\nexport const useDatePickerSingleCalendarText: UseDateDisplayText<Date> = ({\n datePickerValue,\n dateError,\n isMonthVariant,\n placeholder,\n}) => {\n const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n const { formatDate } = useDateInputFormatter();\n\n const textInputValue = ref(datePickerValue.value?.toDateString());\n\n const dateDisplayValue = computed(() => {\n // Display incorrect date when there's an error with the input\n if (dateError.value) {\n return textInputValue.value;\n }\n\n // Display \"Select a date\" when there's no date selected or input\n if (!datePickerValue.value) {\n return placeholder?.value \|\| (t('selectDate') as string);\n }\n\n // Display the date in format \"dd MMM, yyyy (25 Jun, 2023)\" or \"MMMM yyyy (June 2023)\"\n // if there's a valid date selected\n const dateFormatOptions: Intl.DateTimeFormatOptions = isMonthVariant?.value\n ? { month: 'long', year: 'numeric' }\n : { day: 'numeric', month: 'short', year: 'numeric' };\n\n return getDateTimeFormatter(locale.value, dateFormatOptions).format(datePickerValue.value);\n });\n\n /\n Formats the \"dateToFormat\" date value with the current format and sets it as \"formatTextInputDisplayValue\" value\n * @param dateToFormat - Date to be assigned and formatted\n /\n const formatTextInputDisplayValue = (dateToFormat: Date = datePickerValue.value) => {\n // If date is incorrect, leave the textInputValue intact\n if (dateError.value) {\n return;\n }\n\n if (!dateToFormat) {\n textInputValue.value = '';\n return;\n }\n\n const date = isMonthVariant?.value ? startOfMonth(dateToFormat) : dateToFormat;\n textInputValue.value = formatDate(date);\n };\n\n return {\n // Values\n dateDisplayValue,\n textInputValue,\n\n // Methods\n formatTextInputDisplayValue,\n };\n};\n","<!-- TODO: Remove aria props as these are part of JSX elements /vue/types/jsx.d.ts -->\n<!-- eslint-disable vue/attribute-hyphenation -->\n<template>\n <div\n v-bento-click-outside-directive=\"closeDatePicker\"\n class=\"b-date-picker\"\n @keydown.space.capture=\"onSpaceBarOrEnter\"\n @keydown.enter.capture=\"onSpaceBarOrEnter\"\n >\n <!-- Label -->\n <field-label\n v-if=\"label\"\n :id=\"labelId\"\n :label=\"label\"\n :tooltip-text=\"tooltipText\"\n :optional=\"optional\"\n :required=\"required\"\n />\n\n <!-- Input -->\n <div>\n <bento-input-field\n v-if=\"isTouchDevice\"\n ref=\"inputContainerRef\"\n :type=\"isMonthVariant ? 'month' : 'date'\"\n :aria-labelledby=\"label ? labelId : $attrs?.['aria-labelledby']\"\n :aria-label=\"label \|\| $attrs?.['aria-labelledby'] ? null : popoverAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n :error-message=\"inputErrorMessage\"\n :model-value=\"nativeValue\"\n :readonly=\"isReadOnly\"\n :min=\"formattedMin\"\n :max=\"formattedMax\"\n @update:model-value=\"onNativeDateInput\"\n />\n <dropdown-input-default\n v-else\n ref=\"inputContainerRef\"\n always-combobox-is-input\n :ariaControls=\"datePickerContainerId\"\n :ariaExpanded=\"isDatePickerOpen\"\n :aria-labelledby=\"label ? labelId : $attrs?.['aria-labelledby']\"\n :aria-label=\"label ? null : popoverAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n dynamic-filtering\n :is-invalid=\"!!errorMessage \|\| !!dateErrorText\"\n :open=\"isDatePickerOpen\"\n :value=\"textInputValue\"\n :display-value=\"dateDisplayValue\"\n :debounce-time=\"0\"\n :readonly=\"isReadOnly\"\n @input=\"onDateInputChange\"\n @open=\"openDatePicker\"\n @keydown=\"onDateKeyDown\"\n @clear=\"clearDatePickerValue\"\n @close=\"closeDatePicker\"\n />\n </div>\n\n <!-- Error Messages -->\n <error-message\n v-if=\"!isTouchDevice && dateErrorText && !errorMessage\"\n :id=\"dateErrorId\"\n :error-message=\"dateErrorText\"\n class=\"b-date-picker__error-message\"\n />\n <error-message\n v-if=\"!isTouchDevice && errorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-date-picker__error-message\"\n />\n\n <!-- Description -->\n <bento-typography\n v-if=\"description\"\n class=\"b-date-picker__description\"\n :class=\"descriptionConditionalClasses\"\n el=\"span\"\n >\n {{ description }}\n </bento-typography>\n\n <!-- Calendar container -->\n <bento-popover\n v-if=\"inputContainerRef && !isTouchDevice\"\n :id=\"datePickerContainerId\"\n class=\"b-date-picker__container\"\n role=\"dialog\"\n :open=\"isDatePickerOpen\"\n :target-element=\"inputContainerRef\"\n :aria-label=\"popoverAriaLabel\"\n :aria-modal=\"true\"\n position=\"bottom-start\"\n fallback-strategy=\"initialPlacement\"\n fit-content\n trap-all\n overflow-visible\n :trap-all-options=\"computedTrapAllOptions\"\n @keydown.esc.native=\"closeDatePicker\"\n >\n <calendar\n ref=\"calendarContainerRef\"\n :default-display-month=\"defaultDisplayMonth\"\n :first-day-of-week=\"resolvedFirstDayOfWeek\"\n :is-date-disabled=\"isDateDisabled\"\n :number-of-months=\"1\"\n :value=\"internalModelValue\"\n :min=\"min\"\n :max=\"max\"\n :variant=\"variant\"\n :year-range=\"yearRange\"\n @input=\"onDateSelected\"\n />\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref, toRef, watch } from 'vue';\n import { startOfMonth } from 'date-fns/startOfMonth';\n\n // Components\n import { BentoPopover } from '@/components/popover';\n import { BentoTypography } from '../typography';\n import { Calendar, type CalendarSingleDateValue, ErrorMessage, FieldLabel } from '@/internal';\n import { DropdownInputDefault } from '@/components/dropdown/components';\n import { BentoInputField } from '@/components/input-field';\n\n // Utils\n import { debounce } from '@/utils/ts/debounce';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n import { dateToNativeDateString, dateToNativeMonthString, parseNativeDateString } from '@/utils/ts/format-date';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n // Composables\n import { useDatePickerSingleCalendarText } from './composables/use-date-picker-single-calendar-text';\n import { useDateInputFormatter, useFirstDayOfWeek, useFormLayoutFieldLoading, useTouchDevice } from '@/composables';\n\n // Directive\n import { BentoClickOutsideDirective as vBentoClickOutsideDirective } from '@/directives';\n\n // Types\n import { type BentoDatePickerEmits, type BentoDatePickerProps } from './date-picker.types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const DEBOUNCE_TIME = 1000;\n\n const props = withDefaults(defineProps<BentoDatePickerProps>(), {\n defaultDisplayMonth: null,\n description: undefined,\n disabled: false,\n errorMessage: null,\n firstDayOfWeek: undefined,\n isDateDisabled: undefined,\n label: undefined,\n max: null,\n min: null,\n modelValue: null,\n optional: false,\n placeholder: null,\n readonly: false,\n required: false,\n tooltipText: null,\n variant: undefined, // Default will be set by @/internal/calendar\n yearRange: undefined,\n });\n\n const emit = defineEmits<BentoDatePickerEmits>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const datePickerContainerId = generateUid('bento-date-picker-container');\n const labelId = generateUid('bento-date-picker-label');\n const descriptionId = generateUid('bento-date-picker-description');\n const errorId = generateUid('bento-date-picker-error');\n const dateErrorId = generateUid('bento-date-picker-date-error');\n const popoverAriaLabel = computed(() => props.label \|\| t('datePicker', { name: datePickerContainerId }));\n\n // Refs\n const calendarContainerRef = ref(null);\n const inputContainerRef = ref(null);\n\n // Values\n const dateError = ref<keyof MessageSchema \| null>(null);\n const isDatePickerOpen = ref(false);\n const initialFocusOnDatePickerOpen = ref(undefined);\n const internalModelValue = ref<CalendarSingleDateValue \| null>(props.modelValue);\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n const { emitValue } = useFormFieldEmits<CalendarSingleDateValue>(emit);\n const { resolvedFirstDayOfWeek } = useFirstDayOfWeek(toRef(props, 'firstDayOfWeek'));\n const { isFormatValid, parseDate, onKeyDown, autoFormat } = useDateInputFormatter();\n const { isTouchDevice } = useTouchDevice();\n\n const computedTrapAllOptions = computed(() => ({\n initialFocus: initialFocusOnDatePickerOpen.value,\n additionalContainers: [inputContainerRef.value.$el],\n }));\n\n watch(\n () => props.disabled,\n disabled => {\n // Close date picker popover if it's opened when it's disabled\n if (disabled && isDatePickerOpen.value) {\n isDatePickerOpen.value = false;\n }\n }\n );\n\n watch(\n () => props.modelValue,\n newModelValue => (internalModelValue.value = newModelValue),\n { immediate: true }\n );\n\n const isMonthVariant = computed(() => props.variant === 'month');\n\n const { dateDisplayValue, textInputValue, formatTextInputDisplayValue } = useDatePickerSingleCalendarText({\n datePickerValue: internalModelValue,\n dateError,\n isMonthVariant,\n placeholder: toRef(props, 'placeholder'),\n });\n\n const formatNativeDate = (date: Date): string => {\n if (!date) {\n return '';\n }\n return isMonthVariant.value ? dateToNativeMonthString(date) : dateToNativeDateString(date);\n };\n\n const nativeValue = computed(() => formatNativeDate(internalModelValue.value));\n\n const onNativeDateInput = (value: string) => {\n if (!value) {\n dateError.value = null;\n emitValue(null);\n return;\n }\n\n const date = parseNativeDateString(value, isMonthVariant.value ? 'month' : 'date');\n dateError.value = getDateErrorReason(date);\n\n if (dateError.value) {\n // Emit null to match the non-touch validation behavior.\n // Note: on repeated invalid selections, the native input may still display\n // the selected date because Vue skips re-rendering when the model stays null.\n emitValue(null);\n return;\n }\n\n emitValue(date);\n };\n\n const formattedMin = computed(() => formatNativeDate(props.min));\n const formattedMax = computed(() => formatNativeDate(props.max));\n\n const getDateErrorReason = (date: Date \| null): keyof MessageSchema \| null => {\n if (!date \|\| isNaN(date.getTime())) {\n return 'invalidDateFormat';\n }\n\n // Check if date is between min/max bounds, if there are any (inclusive)\n if ((props.min && date < props.min) \|\| (props.max && date > props.max)) {\n return 'invalidDateFormat';\n }\n\n // Check if function is set, otherwise all dates are enabled\n if (props.isDateDisabled && props.isDateDisabled(date)) {\n return 'selectedDateIsNotAvailable';\n }\n\n return null;\n };\n\n const dateErrorText = computed(() => (dateError.value ? t(dateError.value) : null));\n const inputErrorMessage = computed(() => props.errorMessage \|\| dateErrorText.value);\n\n watch(\n [isDatePickerOpen, textInputValue, () => props.isDateDisabled, () => props.min, () => props.max],\n ([isOpen, textValue]) => {\n // Re-validate the current input when the picker closes, validation props change or text input change\n if (!isOpen && textValue && isFormatValid(textValue)) {\n dateError.value = getDateErrorReason(parseDate(textValue));\n }\n }\n );\n\n const descriptionConditionalClasses = computed(() => ({\n 'b-date-picker__description--error': props.errorMessage \|\| dateErrorText.value,\n }));\n\n const ariaDescribedBy = computed(\n () =>\n `${props.description ? descriptionId : ''} ${props.errorMessage ? errorId : ''} ${\n dateErrorText.value ? dateErrorId : ''\n }`.trim() \|\| null\n );\n\n const closeDatePicker = () => {\n isDatePickerOpen.value = false;\n };\n\n const openDatePicker = () => {\n isDatePickerOpen.value = true;\n\n formatTextInputDisplayValue();\n };\n\n const onDateSelected = (selectedDate: Date) => {\n // Reset the error state when a valid date is selected\n dateError.value = null;\n\n closeDatePicker();\n emitValue(selectedDate);\n };\n\n const clearDatePickerValue = async () => {\n if (dateError.value) {\n dateError.value = null;\n textInputValue.value = null;\n }\n emitValue(null);\n };\n\n const onDateKeyDown = (event: KeyboardEvent) => {\n onKeyDown(event);\n };\n\n const validateDate = (stringDate: string) => {\n // Validate only if the date is complete\n if (stringDate.length < 10) {\n return;\n }\n\n const parsedDate = isFormatValid(stringDate) ? parseDate(stringDate) : null;\n const errorKey = getDateErrorReason(parsedDate);\n\n if (!errorKey && parsedDate) {\n dateError.value = null;\n emitValue(parsedDate);\n } else if (stringDate) {\n dateError.value = errorKey \|\| 'invalidDateFormat';\n emitValue(null);\n }\n };\n\n const validateDateDebounced = debounce(validateDate, DEBOUNCE_TIME);\n\n const onDateInputChange = (stringDate: string) => {\n dateError.value = null;\n textInputValue.value = autoFormat(stringDate);\n // If we are closing the date picker, we should validate (and emit date inputs) immediately so the user doesn't have to wait for the debounce time.\n // On touch devices with native input, we also want immediate feedback.\n if (isDatePickerOpen.value \|\| isTouchDevice.value) {\n validateDate(textInputValue.value);\n } else {\n validateDateDebounced(textInputValue.value);\n }\n };\n\n /\n Space bar and Enter keyDown event handler.\n \n * Opens the date picker dialog on the first keydown.\n * * Move focus to selected date, i.e., the date displayed in the date input text field. If no date has been selected, places focus on the current date.\n * @param {KeyboardEvent} event Event being triggered\n /\n const onSpaceBarOrEnter = async (event: KeyboardEvent) => {\n if (isDatePickerOpen.value) {\n return;\n }\n event.preventDefault();\n\n openDatePicker();\n\n // Wait for the date picker dialog to open\n await nextTick();\n\n // Set current date (today) if no date is selected\n if (!internalModelValue.value) {\n // Format the opened date picker date to YYYY-MM-DD\n formatTextInputDisplayValue(new Date());\n emitValue(new Date());\n }\n\n // Set initial focus\n initialFocusOnDatePickerOpen.value =\n calendarContainerRef.value?.$refs.calendarRef[0].focusOnDate(\n props.variant === 'month' ? startOfMonth(internalModelValue.value) : internalModelValue.value,\n true\n ) ?? undefined;\n };\n</script>\n\n<script lang=\"ts\">\n /\n Date picker selector.\n \n @example\n * import { BentoDatePicker } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoDatePicker },\n * template: `\n * <bento-date-picker\n * label=\"Label\"\n * description=\"Supporting text\"\n * required\n * optional\n * disabled\n * v-model=\"selectedDate\"\n * />\n * `,\n * setup() {\n * const selectedDate = ref(new Date()); // reactive({ startDate: new Date(), endDate: new Date() })\n * return {\n * selectedDate,\n * }\n * }\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-date-picker',\n model: { prop: 'modelValue', event: 'update:model-value' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-picker.scss\" />\n"],"names":["useDatePickerSingleCalendarText","datePickerValue","dateError","isMonthVariant","placeholder","locale","t","useI18n","messages","formatDate","useDateInputFormatter","textInputValue","ref","computed","dateFormatOptions","getDateTimeFormatter","dateToFormat","date","startOfMonth","__default__","props","__props","emit","__emit","datePickerContainerId","generateUid","labelId","descriptionId","errorId","dateErrorId","popoverAriaLabel","calendarContainerRef","inputContainerRef","isDatePickerOpen","initialFocusOnDatePickerOpen","internalModelValue","isReadOnly","useFormLayoutFieldLoading","toRef","emitValue","useFormFieldEmits","resolvedFirstDayOfWeek","useFirstDayOfWeek","isFormatValid","parseDate","onKeyDown","autoFormat","isTouchDevice","useTouchDevice","computedTrapAllOptions","watch","disabled","newModelValue","dateDisplayValue","formatTextInputDisplayValue","formatNativeDate","dateToNativeMonthString","dateToNativeDateString","nativeValue","onNativeDateInput","value","parseNativeDateString","getDateErrorReason","formattedMin","formattedMax","dateErrorText","inputErrorMessage","isOpen","textValue","descriptionConditionalClasses","ariaDescribedBy","closeDatePicker","openDatePicker","onDateSelected","selectedDate","clearDatePickerValue","onDateKeyDown","event","validateDate","stringDate","parsedDate","errorKey","validateDateDebounced","debounce","onDateInputChange","onSpaceBarOrEnter","nextTick"],"mappings":"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"}
1	+ {"version":3,"file":"date-picker.DwA7PxtZ.js","sources":["../../../vue2/src/components/date-picker/composables/use-date-picker-single-calendar-text.ts","../../../vue2/src/components/date-picker/date-picker.vue"],"sourcesContent":["import { computed, ref } from 'vue';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { type UseDateDisplayText } from './use-date-picker-single-calendar-text.types';\nimport { startOfMonth } from 'date-fns/startOfMonth';\nimport { getDateTimeFormatter } from '@/utils/ts/format-date/format-date';\nimport { useDateInputFormatter } from '@/composables/use-date-input-formatter/use-date-input-formatter';\nimport messages from '../messages.json';\n\ntype MessageSchema = (typeof messages)['en-US'];\n\n/*\n Composable that sets and formats the date to be displayed in the input box of a Single Date Picker\n * @param option.datePickerValue Ref to the datePickerValue set in the DatePicker component\n * @param option.dateError The i18n message key for the current error, or null if valid\n * @param option.isMonthVariant Indicates if the date picker has variant \"month\"\n /\nexport const useDatePickerSingleCalendarText: UseDateDisplayText<Date> = ({\n datePickerValue,\n dateError,\n isMonthVariant,\n placeholder,\n}) => {\n const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n const { formatDate } = useDateInputFormatter();\n\n const textInputValue = ref(datePickerValue.value?.toDateString());\n\n const dateDisplayValue = computed(() => {\n // Display incorrect date when there's an error with the input\n if (dateError.value) {\n return textInputValue.value;\n }\n\n // Display \"Select a date\" when there's no date selected or input\n if (!datePickerValue.value) {\n return placeholder?.value \|\| (t('selectDate') as string);\n }\n\n // Display the date in format \"dd MMM, yyyy (25 Jun, 2023)\" or \"MMMM yyyy (June 2023)\"\n // if there's a valid date selected\n const dateFormatOptions: Intl.DateTimeFormatOptions = isMonthVariant?.value\n ? { month: 'long', year: 'numeric' }\n : { day: 'numeric', month: 'short', year: 'numeric' };\n\n return getDateTimeFormatter(locale.value, dateFormatOptions).format(datePickerValue.value);\n });\n\n /\n Formats the \"dateToFormat\" date value with the current format and sets it as \"formatTextInputDisplayValue\" value\n * @param dateToFormat - Date to be assigned and formatted\n /\n const formatTextInputDisplayValue = (dateToFormat: Date = datePickerValue.value) => {\n // If date is incorrect, leave the textInputValue intact\n if (dateError.value) {\n return;\n }\n\n if (!dateToFormat) {\n textInputValue.value = '';\n return;\n }\n\n const date = isMonthVariant?.value ? startOfMonth(dateToFormat) : dateToFormat;\n textInputValue.value = formatDate(date);\n };\n\n return {\n // Values\n dateDisplayValue,\n textInputValue,\n\n // Methods\n formatTextInputDisplayValue,\n };\n};\n","<!-- TODO: Remove aria props as these are part of JSX elements /vue/types/jsx.d.ts -->\n<!-- eslint-disable vue/attribute-hyphenation -->\n<template>\n <div\n v-bento-click-outside-directive=\"closeDatePicker\"\n class=\"b-date-picker\"\n @keydown.space.capture=\"onSpaceBarOrEnter\"\n @keydown.enter.capture=\"onSpaceBarOrEnter\"\n >\n <!-- Label -->\n <field-label\n v-if=\"label\"\n :id=\"labelId\"\n :label=\"label\"\n :tooltip-text=\"tooltipText\"\n :optional=\"optional\"\n :required=\"required\"\n />\n\n <!-- Input -->\n <div>\n <bento-input-field\n v-if=\"isTouchDevice\"\n ref=\"inputContainerRef\"\n :type=\"isMonthVariant ? 'month' : 'date'\"\n :aria-labelledby=\"label ? labelId : $attrs?.['aria-labelledby']\"\n :aria-label=\"label \|\| $attrs?.['aria-labelledby'] ? null : popoverAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n :error-message=\"inputErrorMessage\"\n :model-value=\"nativeValue\"\n :readonly=\"isReadOnly\"\n :min=\"formattedMin\"\n :max=\"formattedMax\"\n @update:model-value=\"onNativeDateInput\"\n />\n <dropdown-input-default\n v-else\n ref=\"inputContainerRef\"\n always-combobox-is-input\n :ariaControls=\"datePickerContainerId\"\n :ariaExpanded=\"isDatePickerOpen\"\n :aria-labelledby=\"label ? labelId : $attrs?.['aria-labelledby']\"\n :aria-label=\"label ? null : popoverAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n dynamic-filtering\n :is-invalid=\"!!errorMessage \|\| !!dateErrorText\"\n :open=\"isDatePickerOpen\"\n :value=\"textInputValue\"\n :display-value=\"dateDisplayValue\"\n :debounce-time=\"0\"\n :readonly=\"isReadOnly\"\n @input=\"onDateInputChange\"\n @open=\"openDatePicker\"\n @keydown=\"onDateKeyDown\"\n @clear=\"clearDatePickerValue\"\n @close=\"closeDatePicker\"\n />\n </div>\n\n <!-- Error Messages -->\n <error-message\n v-if=\"!isTouchDevice && dateErrorText && !errorMessage\"\n :id=\"dateErrorId\"\n :error-message=\"dateErrorText\"\n class=\"b-date-picker__error-message\"\n />\n <error-message\n v-if=\"!isTouchDevice && errorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-date-picker__error-message\"\n />\n\n <!-- Description -->\n <bento-typography\n v-if=\"description\"\n class=\"b-date-picker__description\"\n :class=\"descriptionConditionalClasses\"\n el=\"span\"\n >\n {{ description }}\n </bento-typography>\n\n <!-- Calendar container -->\n <bento-popover\n v-if=\"inputContainerRef && !isTouchDevice\"\n :id=\"datePickerContainerId\"\n class=\"b-date-picker__container\"\n role=\"dialog\"\n :open=\"isDatePickerOpen\"\n :target-element=\"inputContainerRef\"\n :aria-label=\"popoverAriaLabel\"\n :aria-modal=\"true\"\n position=\"bottom-start\"\n fallback-strategy=\"initialPlacement\"\n fit-content\n trap-all\n overflow-visible\n :trap-all-options=\"computedTrapAllOptions\"\n @keydown.esc.native=\"closeDatePicker\"\n >\n <calendar\n ref=\"calendarContainerRef\"\n :default-display-month=\"defaultDisplayMonth\"\n :first-day-of-week=\"resolvedFirstDayOfWeek\"\n :is-date-disabled=\"isDateDisabled\"\n :number-of-months=\"1\"\n :value=\"internalModelValue\"\n :min=\"min\"\n :max=\"max\"\n :variant=\"variant\"\n :year-range=\"yearRange\"\n @input=\"onDateSelected\"\n />\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, ref, toRef, watch } from 'vue';\n import { startOfMonth } from 'date-fns/startOfMonth';\n\n // Components\n import { BentoPopover } from '@/components/popover';\n import { BentoTypography } from '../typography';\n import { Calendar, type CalendarSingleDateValue, ErrorMessage, FieldLabel } from '@/internal';\n import { DropdownInputDefault } from '@/components/dropdown/components';\n import { BentoInputField } from '@/components/input-field';\n\n // Utils\n import { debounce } from '@/utils/ts/debounce';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n import { dateToNativeDateString, dateToNativeMonthString, parseNativeDateString } from '@/utils/ts/format-date';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n // Composables\n import { useDatePickerSingleCalendarText } from './composables/use-date-picker-single-calendar-text';\n import { useDateInputFormatter, useFirstDayOfWeek, useFormLayoutFieldLoading, useTouchDevice } from '@/composables';\n\n // Directive\n import { BentoClickOutsideDirective as vBentoClickOutsideDirective } from '@/directives';\n\n // Types\n import { type BentoDatePickerEmits, type BentoDatePickerProps } from './date-picker.types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n const DEBOUNCE_TIME = 1000;\n\n const props = withDefaults(defineProps<BentoDatePickerProps>(), {\n defaultDisplayMonth: null,\n description: undefined,\n disabled: false,\n errorMessage: null,\n firstDayOfWeek: undefined,\n isDateDisabled: undefined,\n label: undefined,\n max: null,\n min: null,\n modelValue: null,\n optional: false,\n placeholder: null,\n readonly: false,\n required: false,\n tooltipText: null,\n variant: undefined, // Default will be set by @/internal/calendar\n yearRange: undefined,\n });\n\n const emit = defineEmits<BentoDatePickerEmits>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const datePickerContainerId = generateUid('bento-date-picker-container');\n const labelId = generateUid('bento-date-picker-label');\n const descriptionId = generateUid('bento-date-picker-description');\n const errorId = generateUid('bento-date-picker-error');\n const dateErrorId = generateUid('bento-date-picker-date-error');\n const popoverAriaLabel = computed(() => props.label \|\| t('datePicker', { name: datePickerContainerId }));\n\n // Refs\n const calendarContainerRef = ref(null);\n const inputContainerRef = ref(null);\n\n // Values\n const dateError = ref<keyof MessageSchema \| null>(null);\n const isDatePickerOpen = ref(false);\n const initialFocusOnDatePickerOpen = ref(undefined);\n const internalModelValue = ref<CalendarSingleDateValue \| null>(props.modelValue);\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n const { emitValue } = useFormFieldEmits<CalendarSingleDateValue>(emit);\n const { resolvedFirstDayOfWeek } = useFirstDayOfWeek(toRef(props, 'firstDayOfWeek'));\n const { isFormatValid, parseDate, onKeyDown, autoFormat } = useDateInputFormatter();\n const { isTouchDevice } = useTouchDevice();\n\n const computedTrapAllOptions = computed(() => ({\n initialFocus: initialFocusOnDatePickerOpen.value,\n additionalContainers: [inputContainerRef.value.$el],\n }));\n\n watch(\n () => props.disabled,\n disabled => {\n // Close date picker popover if it's opened when it's disabled\n if (disabled && isDatePickerOpen.value) {\n isDatePickerOpen.value = false;\n }\n }\n );\n\n watch(\n () => props.modelValue,\n newModelValue => (internalModelValue.value = newModelValue),\n { immediate: true }\n );\n\n const isMonthVariant = computed(() => props.variant === 'month');\n\n const { dateDisplayValue, textInputValue, formatTextInputDisplayValue } = useDatePickerSingleCalendarText({\n datePickerValue: internalModelValue,\n dateError,\n isMonthVariant,\n placeholder: toRef(props, 'placeholder'),\n });\n\n const formatNativeDate = (date: Date): string => {\n if (!date) {\n return '';\n }\n return isMonthVariant.value ? dateToNativeMonthString(date) : dateToNativeDateString(date);\n };\n\n const nativeValue = computed(() => formatNativeDate(internalModelValue.value));\n\n const onNativeDateInput = (value: string) => {\n if (!value) {\n dateError.value = null;\n emitValue(null);\n return;\n }\n\n const date = parseNativeDateString(value, isMonthVariant.value ? 'month' : 'date');\n dateError.value = getDateErrorReason(date);\n\n if (dateError.value) {\n // Emit null to match the non-touch validation behavior.\n // Note: on repeated invalid selections, the native input may still display\n // the selected date because Vue skips re-rendering when the model stays null.\n emitValue(null);\n return;\n }\n\n emitValue(date);\n };\n\n const formattedMin = computed(() => formatNativeDate(props.min));\n const formattedMax = computed(() => formatNativeDate(props.max));\n\n const getDateErrorReason = (date: Date \| null): keyof MessageSchema \| null => {\n if (!date \|\| isNaN(date.getTime())) {\n return 'invalidDateFormat';\n }\n\n // Check if date is between min/max bounds, if there are any (inclusive)\n if ((props.min && date < props.min) \|\| (props.max && date > props.max)) {\n return 'invalidDateFormat';\n }\n\n // Check if function is set, otherwise all dates are enabled\n if (props.isDateDisabled && props.isDateDisabled(date)) {\n return 'selectedDateIsNotAvailable';\n }\n\n return null;\n };\n\n const dateErrorText = computed(() => (dateError.value ? t(dateError.value) : null));\n const inputErrorMessage = computed(() => props.errorMessage \|\| dateErrorText.value);\n\n watch(\n [isDatePickerOpen, textInputValue, () => props.isDateDisabled, () => props.min, () => props.max],\n ([isOpen, textValue]) => {\n // Re-validate the current input when the picker closes, validation props change or text input change\n if (!isOpen && textValue && isFormatValid(textValue)) {\n dateError.value = getDateErrorReason(parseDate(textValue));\n }\n }\n );\n\n const descriptionConditionalClasses = computed(() => ({\n 'b-date-picker__description--error': props.errorMessage \|\| dateErrorText.value,\n }));\n\n const ariaDescribedBy = computed(\n () =>\n `${props.description ? descriptionId : ''} ${props.errorMessage ? errorId : ''} ${\n dateErrorText.value ? dateErrorId : ''\n }`.trim() \|\| null\n );\n\n const closeDatePicker = () => {\n isDatePickerOpen.value = false;\n };\n\n const openDatePicker = () => {\n isDatePickerOpen.value = true;\n\n formatTextInputDisplayValue();\n };\n\n const onDateSelected = (selectedDate: Date) => {\n // Reset the error state when a valid date is selected\n dateError.value = null;\n\n closeDatePicker();\n emitValue(selectedDate);\n };\n\n const clearDatePickerValue = async () => {\n if (dateError.value) {\n dateError.value = null;\n textInputValue.value = null;\n }\n emitValue(null);\n };\n\n const onDateKeyDown = (event: KeyboardEvent) => {\n onKeyDown(event);\n };\n\n const validateDate = (stringDate: string) => {\n // Validate only if the date is complete\n if (stringDate.length < 10) {\n return;\n }\n\n const parsedDate = isFormatValid(stringDate) ? parseDate(stringDate) : null;\n const errorKey = getDateErrorReason(parsedDate);\n\n if (!errorKey && parsedDate) {\n dateError.value = null;\n emitValue(parsedDate);\n } else if (stringDate) {\n dateError.value = errorKey \|\| 'invalidDateFormat';\n emitValue(null);\n }\n };\n\n const validateDateDebounced = debounce(validateDate, DEBOUNCE_TIME);\n\n const onDateInputChange = (stringDate: string) => {\n dateError.value = null;\n textInputValue.value = autoFormat(stringDate);\n // If we are closing the date picker, we should validate (and emit date inputs) immediately so the user doesn't have to wait for the debounce time.\n // On touch devices with native input, we also want immediate feedback.\n if (isDatePickerOpen.value \|\| isTouchDevice.value) {\n validateDate(textInputValue.value);\n } else {\n validateDateDebounced(textInputValue.value);\n }\n };\n\n /\n Space bar and Enter keyDown event handler.\n \n * Opens the date picker dialog on the first keydown.\n * * Move focus to selected date, i.e., the date displayed in the date input text field. If no date has been selected, places focus on the current date.\n * @param {KeyboardEvent} event Event being triggered\n /\n const onSpaceBarOrEnter = async (event: KeyboardEvent) => {\n if (isDatePickerOpen.value) {\n return;\n }\n event.preventDefault();\n\n openDatePicker();\n\n // Wait for the date picker dialog to open\n await nextTick();\n\n // Set current date (today) if no date is selected\n if (!internalModelValue.value) {\n // Format the opened date picker date to YYYY-MM-DD\n formatTextInputDisplayValue(new Date());\n emitValue(new Date());\n }\n\n // Set initial focus\n initialFocusOnDatePickerOpen.value =\n calendarContainerRef.value?.$refs.calendarRef[0].focusOnDate(\n props.variant === 'month' ? startOfMonth(internalModelValue.value) : internalModelValue.value,\n true\n ) ?? undefined;\n };\n</script>\n\n<script lang=\"ts\">\n /\n Date picker selector.\n \n @example\n * import { BentoDatePicker } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoDatePicker },\n * template: `\n * <bento-date-picker\n * label=\"Label\"\n * description=\"Supporting text\"\n * required\n * optional\n * disabled\n * v-model=\"selectedDate\"\n * />\n * `,\n * setup() {\n * const selectedDate = ref(new Date()); // reactive({ startDate: new Date(), endDate: new Date() })\n * return {\n * selectedDate,\n * }\n * }\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-date-picker',\n model: { prop: 'modelValue', event: 'update:model-value' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-picker.scss\" />\n"],"names":["useDatePickerSingleCalendarText","datePickerValue","dateError","isMonthVariant","placeholder","locale","t","useI18n","messages","formatDate","useDateInputFormatter","textInputValue","ref","computed","dateFormatOptions","getDateTimeFormatter","dateToFormat","date","startOfMonth","__default__","props","__props","emit","__emit","datePickerContainerId","generateUid","labelId","descriptionId","errorId","dateErrorId","popoverAriaLabel","calendarContainerRef","inputContainerRef","isDatePickerOpen","initialFocusOnDatePickerOpen","internalModelValue","isReadOnly","useFormLayoutFieldLoading","toRef","emitValue","useFormFieldEmits","resolvedFirstDayOfWeek","useFirstDayOfWeek","isFormatValid","parseDate","onKeyDown","autoFormat","isTouchDevice","useTouchDevice","computedTrapAllOptions","watch","disabled","newModelValue","dateDisplayValue","formatTextInputDisplayValue","formatNativeDate","dateToNativeMonthString","dateToNativeDateString","nativeValue","onNativeDateInput","value","parseNativeDateString","getDateErrorReason","formattedMin","formattedMax","dateErrorText","inputErrorMessage","isOpen","textValue","descriptionConditionalClasses","ariaDescribedBy","closeDatePicker","openDatePicker","onDateSelected","selectedDate","clearDatePickerValue","onDateKeyDown","event","validateDate","stringDate","parsedDate","errorKey","validateDateDebounced","debounce","onDateInputChange","onSpaceBarOrEnter","nextTick"],"mappings":"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"}

package/dist/chunks/{date-range-picker.CI5hBzgs.js → date-range-picker.CpYS55md.js} RENAMED Viewed

@@ -3,17 +3,17 @@ import { d as Ca, h as Va } from "./index.DCpihRYV.js";
 import { B as La } from "./divider.BlxQCxkM.js";
 import { h as _a, B as Wa } from "./button-actions.DvuGEQxM.js";
 import { B as Qe, p as Ua } from "./typography.B6elnWpr.js";
-import { B as Qa, g as na, D as $a } from "./dropdown.BvrZG8Za.js";
 import { g as fe } from "./generate-uid.DBWe4g6T.js";
 import { u as Ge } from "./index.CGBfMQdv.js";
-import { B as Ga, s as Ma, i as ra } from "./input-time.Cdz9Jb-1.js";
-import { j as ye, k as z, s as w, l as ja, m as sa, n as Ja, f as oa, o as Ha, q as Ka, r as Xa, t as la, u as Za, b as V, v as et, e as b, h as at, i as tt, w as ia, x as ua, g as nt } from "./calendar.CycKx_P3.js";
+import { B as Qa, s as Ma, i as na } from "./input-time.ClwtIJrn.js";
+import { j as ye, k as z, s as w, l as $a, m as ra, n as Ga, f as sa, o as ja, q as Ja, r as Ha, t as oa, u as Ka, b as V, v as Xa, e as b, h as Za, i as et, w as la, x as ia, g as at } from "./calendar.0d9D-nmt.js";
 import { s as Ee, a as ke } from "./set-time-in-date.DVo8R8w-.js";
-import { u as je, a as rt } from "./use-date-input-formatter.deZ3kB0L.js";
-import { t as Pe, n as st, c as ot } from "./en-US.C412g-7U.js";
-import { u as lt } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as it } from "./directive.D1-d-C2K.js";
-import { u as ut } from "./form-field.B60VsF8d.js";
+import { u as je, a as tt } from "./use-date-input-formatter.ByQ6j4AU.js";
+import { t as Pe, n as nt, c as rt } from "./en-US.C412g-7U.js";
+import { u as st } from "./use-form-layout-loading.CWbjZiwP.js";
+import { B as ot } from "./directive.D1-d-C2K.js";
+import { u as lt } from "./form-field.B60VsF8d.js";
+import { B as it, g as ua, D as ut } from "./dropdown.CpcbBlcE.js";
 import { B as dt } from "./alert.BYmn1ewo.js";
 import { B as ct } from "./segmented-control.CarI0i3p.js";
 import { u as mt } from "./use-has-slot.CyMiImRQ.js";
@@ -21,7 +21,7 @@ import { u as Dt } from "./use-touch-device.DTqFAbXh.js";
 import { e as W, a as da } from "./differenceInMonths.CPDkGea3.js";
 import { s as ca } from "./startOfWeek.CzdYFzXX.js";
 import { c as vt } from "./constructNow.Dl44Mvpp.js";
-import { B as pt } from "./input-field.BBSr4o-k.js";
+import { B as pt } from "./input-field.CNYZ-qxB.js";
 import { B as ft } from "./form-layout-group.B9Kzae5F.js";
 import { _ as ya } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { F as gt } from "./field-label.vrUwhoOg.js";
@@ -35,7 +35,7 @@ function ge(s, v) {
   return +Pe(s) == +Pe(v);
 }
 function yt(s, v, T) {
-  const [d, c] = st(
+  const [d, c] = nt(
     T?.in,
     s,
     v
@@ -51,7 +51,7 @@ function We(s, v) {
 }
 function ht(s, v) {
   return z(
-    ot(s, s),
+    rt(s, s),
     vt(s)
   );
 }
@@ -87,7 +87,7 @@ const Tt = {
           "onUpdate:modelValue": e[1] || (e[1] = (l) => c.$emit("update:date-model-value", l)),
           onKeydown: e[2] || (e[2] = (l) => c.$emit("date:keydown", l))
         }), null, 16, ["model-value"]),
-        c.showTimeInput ? (E(), L(i(Ga), ea({ key: 0 }, d.value, {
+        c.showTimeInput ? (E(), L(i(Qa), ea({ key: 0 }, d.value, {
           "model-value": c.timeModelValue,
           onClick: e[3] || (e[3] = (l) => c.$emit("click")),
           "onUpdate:modelValue": e[4] || (e[4] = (l) => c.$emit("update:time-model-value", l)),
@@ -111,27 +111,27 @@ const Tt = {
       e = w(c.earliest);
     else if (e) {
       const f = ca(e, { weekStartsOn: s });
-      z(e, f) || (e = w(ja(sa(e, { weekStartsOn: s }), 1)));
+      z(e, f) || (e = w($a(ra(e, { weekStartsOn: s }), 1)));
     }
     if (c.latest)
       l = W(c.latest);
     else if (l) {
-      const f = sa(l, { weekStartsOn: s });
-      z(l, f) || (l = W(Ja(ca(l, { weekStartsOn: s }), 1)));
+      const f = ra(l, { weekStartsOn: s });
+      z(l, f) || (l = W(Ga(ca(l, { weekStartsOn: s }), 1)));
     }
   }
   if (c?.type === "monthly") {
     if (c.earliest)
       e = w(c.earliest);
     else if (e) {
-      const f = oa(e);
-      z(e, f) || (e = oa(Ha(e, 1)));
+      const f = sa(e);
+      z(e, f) || (e = sa(ja(e, 1)));
     }
     if (c.latest)
       l = W(c.latest);
     else if (l) {
       const f = da(l);
-      z(l, f) || (l = da(Ka(l, 1)));
+      z(l, f) || (l = da(Ja(l, 1)));
     }
   }
   if (c?.type === "quarterly") {
@@ -139,13 +139,13 @@ const Tt = {
       e = ye(c.earliest);
     else if (e) {
       const f = ye(e);
-      z(e, f) || (e = ye(Xa(e, 1)));
+      z(e, f) || (e = ye(Ha(e, 1)));
     }
     if (c.latest)
       l = W(c.latest);
     else if (l) {
-      const f = la(l);
-      z(l, f) || (l = la(Za(l, 1)));
+      const f = oa(l);
+      z(l, f) || (l = oa(Ka(l, 1)));
     }
   }
   return { min: e, max: l };
@@ -168,17 +168,17 @@ const Tt = {
 };
 var D = /* @__PURE__ */ ((s) => (s.CUSTOM_RANGE = "custom-range", s.INPUT = "input", s.ERROR = "error", s.FORM_DATE = "form-date", s.START_DATE_SELECTED = "start-date-selected", s))(D || {});
 const ha = {
-  "de-DE": { "DD-MM-YYYY": "TT-MM-JJJJ", "MM-DD-YYYY": "MM-TT-JJJJ", "YYYY-MM-DD": "JJJJ-MM-TT", customRange: "Benutzerdefinierter Bereich", daily: "Täglich", dateFrom: "Datum von", dateTo: "Datum bis", invalidDateFormat: "Ungültiges Datumsformat", lastMonth: "Letzter Monat", lastSevenDays: "Letzte 7 Tage", lastThreeMonths: "Letzte drei Monate", maxRangeDays: "Sie können bis zu {count} Tag auswählen | Sie können bis zu {count} Tage auswählen", maxRangeMonths: "Sie können bis zu {count} Monat auswählen | Sie können bis zu {count} Monate auswählen", maxRangeQuarters: "Sie können bis zu {count} Quartal auswählen | Sie können bis zu {count} Quartale auswählen", maxRangeWeeks: "Sie können bis zu {count} Woche auswählen | Sie können bis zu {count} Wochen auswählen", monthly: "Monatlich", quarterly: "Vierteljährlich", selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar", startDateMustPrecedeEndDate: "Das Anfangsdatum muss vor dem Enddatum liegen", timeFrom: "Zeit von", timeTo: "Zeit bis", weekly: "Wöchentlich" },
-  "en-GB": { "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", invalidDateFormat: "Invalid date format", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "The last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", selectedDateIsNotAvailable: "Selected date is not available", startDateMustPrecedeEndDate: "Start date must precede end date", timeFrom: "Time from", timeTo: "Time to", weekly: "Weekly" },
+  "de-DE": { "DD-MM-YYYY": "TT-MM-JJJJ", "MM-DD-YYYY": "MM-TT-JJJJ", "YYYY-MM-DD": "JJJJ-MM-TT", customRange: "Benutzerdefinierter Bereich", daily: "Täglich", dateFrom: "Datum von", dateTo: "Datum bis", from: "Von", invalidDateFormat: "Ungültiges Datumsformat", lastMonth: "Letzter Monat", lastSevenDays: "Letzte 7 Tage", lastThreeMonths: "Letzte drei Monate", maxRangeDays: "Sie können bis zu {count} Tag auswählen | Sie können bis zu {count} Tage auswählen", maxRangeMonths: "Sie können bis zu {count} Monat auswählen | Sie können bis zu {count} Monate auswählen", maxRangeQuarters: "Sie können bis zu {count} Quartal auswählen | Sie können bis zu {count} Quartale auswählen", maxRangeWeeks: "Sie können bis zu {count} Woche auswählen | Sie können bis zu {count} Wochen auswählen", monthly: "Monatlich", quarterly: "Vierteljährlich", selectedDateIsNotAvailable: "Ausgewähltes Datum ist nicht verfügbar", startDateMustPrecedeEndDate: "Das Anfangsdatum muss vor dem Enddatum liegen", timeFrom: "Zeit von", timeTo: "Zeit bis", to: "Bis", weekly: "Wöchentlich" },
+  "en-GB": { "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", from: "From", invalidDateFormat: "Invalid date format", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "The last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", selectedDateIsNotAvailable: "Selected date is not available", startDateMustPrecedeEndDate: "Start date must precede end date", timeFrom: "Time from", timeTo: "Time to", to: "To", weekly: "Weekly" },
   "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", from: "From", invalidDateFormat: "Invalid date format", lastMonth: "Last month", lastSevenDays: "Last 7 days", lastThreeMonths: "Last three months", maxRangeDays: "You can select up to {count} day | You can select up to {count} days", maxRangeMonths: "You can select up to {count} month | You can select up to {count} months", maxRangeQuarters: "You can select up to {count} quarter | You can select up to {count} quarters", maxRangeWeeks: "You can select up to {count} week | You can select up to {count} weeks", monthly: "Monthly", quarterly: "Quarterly", selectedDateIsNotAvailable: "Selected date is not available", startDateMustPrecedeEndDate: "Start date must precede end date", timeFrom: "Time from", timeTo: "Time to", to: "To", weekly: "Weekly" },
-  "es-419": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", invalidDateFormat: "Formato de fecha no válido", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensual", quarterly: "Trimestral", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", timeFrom: "Tiempo desde", timeTo: "Es hora de", weekly: "Semanal" },
-  "es-ES": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", invalidDateFormat: "Formato de fecha no válido", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensualmente", quarterly: "Trimestral", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", timeFrom: "Hora desde", timeTo: "Hora hasta", weekly: "Semanal" },
+  "es-419": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", from: "Desde", invalidDateFormat: "Formato de fecha no válido", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensual", quarterly: "Trimestral", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", timeFrom: "Tiempo desde", timeTo: "Es hora de", to: "Hasta", weekly: "Semanal" },
+  "es-ES": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha desde", dateTo: "Fecha hasta", from: "Desde", invalidDateFormat: "Formato de fecha no válido", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensualmente", quarterly: "Trimestral", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", timeFrom: "Hora desde", timeTo: "Hora hasta", to: "Hasta", weekly: "Semanal" },
   "es-MX": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Rango personalizado", daily: "Diario", dateFrom: "Fecha de", dateTo: "Fecha hasta", invalidDateFormat: "Formato de fecha no válido", lastMonth: "El mes pasado", lastSevenDays: "Últimos 7 días", lastThreeMonths: "Últimos tres meses", maxRangeDays: "Puedes seleccionar hasta {count} día | Puedes seleccionar hasta {count} días", maxRangeMonths: "Puedes seleccionar hasta {count} mes | Puedes seleccionar hasta {count} meses", maxRangeQuarters: "Puedes seleccionar hasta {count} trimestre | Puedes seleccionar hasta {count} trimestres", maxRangeWeeks: "Puedes seleccionar hasta {count} semana | Puedes seleccionar hasta {count} semanas", monthly: "Mensual", quarterly: "Trimestral", selectedDateIsNotAvailable: "La fecha seleccionada no está disponible", startDateMustPrecedeEndDate: "La fecha de inicio debe ser anterior a la fecha de finalización", timeFrom: "Tiempo desde", timeTo: "Es hora de", weekly: "Semanal" },
-  "fr-FR": { "DD-MM-YYYY": "JJ-MM-AAAA", "MM-DD-YYYY": "MM-JJ-AAAA", "YYYY-MM-DD": "AAAA-MM-JJ", customRange: "Plage personnalisée", daily: "Quotidien", dateFrom: "Date de début", dateTo: "Date de fin", invalidDateFormat: "Format de date non valide", lastMonth: "Le mois dernier", lastSevenDays: "7 derniers jours", lastThreeMonths: "Trois derniers mois", maxRangeDays: "Vous pouvez sélectionner jusqu'à {count} jour| Vous pouvez sélectionner jusqu'à {count} jours", maxRangeMonths: "Vous pouvez sélectionner jusqu'à {count} mois | Vous pouvez sélectionner jusqu'à {count} mois", maxRangeQuarters: "Vous pouvez sélectionner jusqu'à {count} trimestre | Vous pouvez sélectionner jusqu'à {count} trimestres", maxRangeWeeks: "Vous pouvez sélectionner jusqu'à {count} semaine | Vous pouvez sélectionner jusqu'à {count} semaines", monthly: "Mensuel", quarterly: "Trimestriel", selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible", startDateMustPrecedeEndDate: "La date de début doit précéder la date de fin", timeFrom: "Heure de début", timeTo: "Heure de fin", weekly: "Hebdomadaire" },
-  "it-IT": { "DD-MM-YYYY": "GG-MM-AAAA", "MM-DD-YYYY": "MM-GG-AAAA", "YYYY-MM-DD": "AAAA-MM-GG", customRange: "Intervallo personalizzato", daily: "Giornaliero", dateFrom: "Data da", dateTo: "Da", invalidDateFormat: "Formato data non valido", lastMonth: "Il mese scorso", lastSevenDays: "Ultimi 7 giorni", lastThreeMonths: "Gli ultimi tre mesi", maxRangeDays: "Puoi selezionare fino a {count} giorno | Puoi selezionare fino a {count} giorni", maxRangeMonths: "Puoi selezionare fino a {count} mese | Puoi selezionare fino a {count} mesi", maxRangeQuarters: "Puoi selezionare fino a {count} trimestre | Puoi selezionare fino a {count} trimestri", maxRangeWeeks: "Puoi selezionare fino a {count} settimana | Puoi selezionare fino a {count} settimane", monthly: "Mensile", quarterly: "Trimestrale", selectedDateIsNotAvailable: "La data selezionata non è disponibile", startDateMustPrecedeEndDate: "La data di inizio deve precedere la data di fine", timeFrom: "Tempo dal", timeTo: "Tempo fino al", weekly: "Settimanale" },
-  "ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", invalidDateFormat: "無効な日付形式", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます", maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます", maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます", maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます", monthly: "毎月", quarterly: "四半期ごと", selectedDateIsNotAvailable: "選択した日付は利用できません", startDateMustPrecedeEndDate: "開始日は終了日より前にする必要があります", timeFrom: "開始時刻", timeTo: "終了時刻", weekly: "毎週" },
-  "pt-BR": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Intervalo personalizado", daily: "Diário", dateFrom: "Data a partir de", dateTo: "Data até", invalidDateFormat: "Formato de data inválido", lastMonth: "Último mês", lastSevenDays: "Últimos 7 dias", lastThreeMonths: "Últimos 3 meses", maxRangeDays: "Você pode selecionar até {count} dia | Você pode selecionar até {count} dias", maxRangeMonths: "Você pode selecionar até {count} mês | Você pode selecionar até {count} meses", maxRangeQuarters: "Você pode selecionar até {count} trimestre | Você pode selecionar até {count} trimestres", maxRangeWeeks: "Você pode selecionar até {count} semana | Você pode selecionar até {count} semanas", monthly: "Mensal", quarterly: "Trimestral", selectedDateIsNotAvailable: "A data selecionada não está disponível", startDateMustPrecedeEndDate: "A data de início deve preceder a data de término", timeFrom: "Horário a partir de", timeTo: "Horário até", weekly: "Semanal" },
-  "zh-CN": { "DD-MM-YYYY": "日-月-年", "MM-DD-YYYY": "月-日-年", "YYYY-MM-DD": "年-月-日", customRange: "自定义范围", daily: "每日", dateFrom: "日期自", dateTo: "日期至", invalidDateFormat: "日期格式无效", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天", maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月", maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度", maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周", monthly: "每月", quarterly: "每季度", selectedDateIsNotAvailable: "所选日期不可用", startDateMustPrecedeEndDate: "开始日期必须早于结束日期", timeFrom: "时间自", timeTo: "是时候", weekly: "每周" }
+  "fr-FR": { "DD-MM-YYYY": "JJ-MM-AAAA", "MM-DD-YYYY": "MM-JJ-AAAA", "YYYY-MM-DD": "AAAA-MM-JJ", customRange: "Plage personnalisée", daily: "Quotidien", dateFrom: "Date de début", dateTo: "Date de fin", from: "De", invalidDateFormat: "Format de date non valide", lastMonth: "Le mois dernier", lastSevenDays: "7 derniers jours", lastThreeMonths: "Trois derniers mois", maxRangeDays: "Vous pouvez sélectionner jusqu'à {count} jour| Vous pouvez sélectionner jusqu'à {count} jours", maxRangeMonths: "Vous pouvez sélectionner jusqu'à {count} mois | Vous pouvez sélectionner jusqu'à {count} mois", maxRangeQuarters: "Vous pouvez sélectionner jusqu'à {count} trimestre | Vous pouvez sélectionner jusqu'à {count} trimestres", maxRangeWeeks: "Vous pouvez sélectionner jusqu'à {count} semaine | Vous pouvez sélectionner jusqu'à {count} semaines", monthly: "Mensuel", quarterly: "Trimestriel", selectedDateIsNotAvailable: "La date sélectionnée n’est pas disponible", startDateMustPrecedeEndDate: "La date de début doit précéder la date de fin", timeFrom: "Heure de début", timeTo: "Heure de fin", to: "À", weekly: "Hebdomadaire" },
+  "it-IT": { "DD-MM-YYYY": "GG-MM-AAAA", "MM-DD-YYYY": "MM-GG-AAAA", "YYYY-MM-DD": "AAAA-MM-GG", customRange: "Intervallo personalizzato", daily: "Giornaliero", dateFrom: "Data da", dateTo: "Da", from: "Da", invalidDateFormat: "Formato data non valido", lastMonth: "Il mese scorso", lastSevenDays: "Ultimi 7 giorni", lastThreeMonths: "Gli ultimi tre mesi", maxRangeDays: "Puoi selezionare fino a {count} giorno | Puoi selezionare fino a {count} giorni", maxRangeMonths: "Puoi selezionare fino a {count} mese | Puoi selezionare fino a {count} mesi", maxRangeQuarters: "Puoi selezionare fino a {count} trimestre | Puoi selezionare fino a {count} trimestri", maxRangeWeeks: "Puoi selezionare fino a {count} settimana | Puoi selezionare fino a {count} settimane", monthly: "Mensile", quarterly: "Trimestrale", selectedDateIsNotAvailable: "La data selezionata non è disponibile", startDateMustPrecedeEndDate: "La data di inizio deve precedere la data di fine", timeFrom: "Tempo dal", timeTo: "Tempo fino al", to: "A", weekly: "Settimanale" },
+  "ja-JP": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD", customRange: "カスタム範囲", daily: "毎日", dateFrom: "開始日", dateTo: "終了日", from: "下限", invalidDateFormat: "無効な日付形式", lastMonth: "先月", lastSevenDays: "過去 7 日間", lastThreeMonths: "過去3か月", maxRangeDays: "{count}日間まで選択できます | {count}日間まで選択できます", maxRangeMonths: "{count}か月まで選択できます | {count}か月まで選択できます", maxRangeQuarters: "{count}四半期まで選択できます | {count}四半期まで選択できます", maxRangeWeeks: "{count}週間まで選択できます | {count}週間まで選択できます", monthly: "毎月", quarterly: "四半期ごと", selectedDateIsNotAvailable: "選択した日付は利用できません", startDateMustPrecedeEndDate: "開始日は終了日より前にする必要があります", timeFrom: "開始時刻", timeTo: "終了時刻", to: "上限", weekly: "毎週" },
+  "pt-BR": { "DD-MM-YYYY": "DD-MM-AAAA", "MM-DD-YYYY": "MM-DD-AAAA", "YYYY-MM-DD": "AAAA-MM-DD", customRange: "Intervalo personalizado", daily: "Diário", dateFrom: "Data a partir de", dateTo: "Data até", from: "De", invalidDateFormat: "Formato de data inválido", lastMonth: "Último mês", lastSevenDays: "Últimos 7 dias", lastThreeMonths: "Últimos 3 meses", maxRangeDays: "Você pode selecionar até {count} dia | Você pode selecionar até {count} dias", maxRangeMonths: "Você pode selecionar até {count} mês | Você pode selecionar até {count} meses", maxRangeQuarters: "Você pode selecionar até {count} trimestre | Você pode selecionar até {count} trimestres", maxRangeWeeks: "Você pode selecionar até {count} semana | Você pode selecionar até {count} semanas", monthly: "Mensal", quarterly: "Trimestral", selectedDateIsNotAvailable: "A data selecionada não está disponível", startDateMustPrecedeEndDate: "A data de início deve preceder a data de término", timeFrom: "Horário a partir de", timeTo: "Horário até", to: "Para", weekly: "Semanal" },
+  "zh-CN": { "DD-MM-YYYY": "日-月-年", "MM-DD-YYYY": "月-日-年", "YYYY-MM-DD": "年-月-日", customRange: "自定义范围", daily: "每日", dateFrom: "日期自", dateTo: "日期至", from: "自", invalidDateFormat: "日期格式无效", lastMonth: "上个月", lastSevenDays: "最近 7 天", lastThreeMonths: "过去三个月", maxRangeDays: "您可以选择最多 {count} 天 | 您可以选择最多 {count} 天", maxRangeMonths: "您可以选择最多 {count} 个月 | 您可以选择最多 {count} 个月", maxRangeQuarters: "您最多可以选择 {count} 个季度 | 您最多可以选择 {count} 个季度", maxRangeWeeks: "您最多可以选择 {count} 周 | 您最多可以选择 {count} 周", monthly: "每月", quarterly: "每季度", selectedDateIsNotAvailable: "所选日期不可用", startDateMustPrecedeEndDate: "开始日期必须早于结束日期", timeFrom: "时间自", timeTo: "是时候", to: "至", weekly: "每周" }
 }, bt = { class: "b-date-range-picker-calendar" }, At = { class: "b-date-range-picker-calendar__form" }, kt = { key: 0 }, It = {
   key: 0,
   class: "b-date-range-picker-calendar__calendars-container",
@@ -333,7 +333,7 @@ const ha = {
       })) ?? []
     ), { getGranularCalendarLimits: xe } = Rt(e), te = m(
       () => e.granularities ? xe(J.value) : { min: e.min ? w(e.min) : null, max: e.max ? W(e.max) : null }
-    ), { normalizeRange: ce } = et(e.firstDayOfWeek), { savedRanges: X, saveRange: Te, resetSavedRanges: me } = Yt(), O = (a) => a ? ee(a) : "", Q = (a, o = !0) => {
+    ), { normalizeRange: ce } = Xa(e.firstDayOfWeek), { savedRanges: X, saveRange: Te, resetSavedRanges: me } = Yt(), O = (a) => a ? ee(a) : "", Q = (a, o = !0) => {
       if (!t.startDate || !t.endDate)
         return;
       const u = ce({
@@ -375,8 +375,8 @@ const ha = {
         }
         return !0;
       };
-      return ra(a) && u();
-    }, K = m(() => e.variant === "month"), Ye = (a) => a ? K.value ? at(a) : tt(a) : "", qe = m(() => Ye(t.startDate)), Ne = m(() => Ye(t.endDate)), be = m(() => A.value ? K.value ? "month" : "date" : "text"), Be = m(() => A.value ? qe.value : r.startDate), ze = m(() => A.value ? Ne.value : r.endDate), n = (a, o) => !o || !ra(o) || e.variant === "month" ? a : Ee(new Date(a), o), x = (a, o = !1) => {
+      return na(a) && u();
+    }, K = m(() => e.variant === "month"), Ye = (a) => a ? K.value ? Za(a) : et(a) : "", qe = m(() => Ye(t.startDate)), Ne = m(() => Ye(t.endDate)), be = m(() => A.value ? K.value ? "month" : "date" : "text"), Be = m(() => A.value ? qe.value : r.startDate), ze = m(() => A.value ? Ne.value : r.endDate), n = (a, o) => !o || !na(o) || e.variant === "month" ? a : Ee(new Date(a), o), x = (a, o = !1) => {
       if (!o) {
         const u = e.min && e.allowTimeInput && z(e.min, a.startDate), M = e.max && e.allowTimeInput && z(e.max, a.endDate);
         r.startTime = u ? p(b(e.min), "up") : p(b(w(a.startDate)), "down"), r.endTime = M ? p(b(e.max), "down") : p(b(W(a.endDate)), "up");
@@ -432,8 +432,8 @@ const ha = {
         });
       } else
         h.value = B(a), l(D.ERROR, { ...r });
-    }, Ya = na(Ve, 300), ba = (a) => {
-      r.startDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Ve(O(ia(a)), !0) : r.startDate ? Ve(r.startDate) : h.value = null : Ya(r.startDate);
+    }, Ya = ua(Ve, 300), ba = (a) => {
+      r.startDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Ve(O(la(a)), !0) : r.startDate ? Ve(r.startDate) : h.value = null : Ya(r.startDate);
     }, Le = (a, o = !1) => {
       if (se(a)) {
         const u = a;
@@ -462,8 +462,8 @@ const ha = {
         });
       } else
         g.value = B(a), l(D.ERROR, { ...r });
-    }, Aa = na(Le, 300), ka = (a) => {
-      r.endDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Le(O(ia(a)), !0) : r.endDate ? Le(r.endDate) : g.value = null : Aa(r.endDate);
+    }, Aa = ua(Le, 300), ka = (a) => {
+      r.endDate = A.value && K.value ? a : j(a), A.value ? K.value && a ? Le(O(la(a)), !0) : r.endDate ? Le(r.endDate) : g.value = null : Aa(r.endDate);
     }, Ke = (a) => {
       C(a);
     }, Ia = () => {
@@ -572,7 +572,7 @@ const ha = {
       }, [
         oe("div", At, [
           i(G)("title") ? aa(a.$slots, "title", { key: 0 }, void 0, !0) : q("", !0),
-          s.quickSelectRanges ? (E(), L(Qa, {
+          s.quickSelectRanges ? (E(), L(it, {
             key: 1,
             "aria-label": i(y)("customRange"),
             items: Oe.value,
@@ -740,10 +740,10 @@ const ha = {
           return Y.label;
       }
       if (s.value.granularity === "quarterly") {
-        const { startDate: Y, endDate: C } = s.value, j = f("quarter", { quarter: ua(Y), year: Da(Y) });
+        const { startDate: Y, endDate: C } = s.value, j = f("quarter", { quarter: ia(Y), year: Da(Y) });
         if (yt(Y, C))
           return j;
-        const ee = f("quarter", { quarter: ua(C), year: Da(C) });
+        const ee = f("quarter", { quarter: ia(C), year: Da(C) });
         return `${j} - ${ee}`;
       }
       if (!y(s.value.startDate) || !y(s.value.endDate))
@@ -755,7 +755,7 @@ const ha = {
         minute: "numeric",
         second: "numeric",
         hour12: !1
-      }), nt(l.value, k).formatRange(
+      }), at(l.value, k).formatRange(
         s.value.startDate,
         s.value.endDate
       );
@@ -797,7 +797,7 @@ const ha = {
   },
   emits: ["update:model-value"],
   setup(s, { emit: v }) {
-    const T = v, d = s, c = Ba(), { t: e } = Ge({ messages: Je }), { dateToInputDateString: l } = je(), f = fe("bento-date-range-picker-container"), G = fe("bento-date-range-picker-label"), y = fe("bento-date-range-picker-description"), I = fe("bento-date-range-picker-error"), A = fe("bento-date-range-picker-date-error"), le = m(() => d.label || e("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: k } = rt(_e(d, "firstDayOfWeek")), Y = Ca({
+    const T = v, d = s, c = Ba(), { t: e } = Ge({ messages: Je }), { dateToInputDateString: l } = je(), f = fe("bento-date-range-picker-container"), G = fe("bento-date-range-picker-label"), y = fe("bento-date-range-picker-description"), I = fe("bento-date-range-picker-error"), A = fe("bento-date-range-picker-date-error"), le = m(() => d.label || e("dateRangePicker", { name: f })), { resolvedFirstDayOfWeek: k } = tt(_e(d, "firstDayOfWeek")), Y = Ca({
       none: 0,
       one: 710,
       // width of date range picker with one panes
@@ -833,7 +833,7 @@ const ha = {
           timeDifference: x
         }
       };
-    })), ie = m(() => d.label ? G : c?.["aria-labelledby"] ?? null), S = P(!1), ae = P(null), ue = P(null), p = P(!1), { width: he } = Va(ue), { isReadOnly: t } = lt(_e(d, "readonly")), { emitValue: U } = ut(T);
+    })), ie = m(() => d.label ? G : c?.["aria-labelledby"] ?? null), S = P(!1), ae = P(null), ue = P(null), p = P(!1), { width: he } = Va(ue), { isReadOnly: t } = st(_e(d, "readonly")), { emitValue: U } = lt(T);
     Me(
       () => d.disabled,
       () => {
@@ -936,7 +936,7 @@ const ha = {
         ref: ue,
         onKeydown: ta(Ne, ["enter"])
       }, [
-        _(i($a), {
+        _(i(ut), {
           ref_key: "inputContainerRef",
           ref: ae,
           "always-combobox-is-input": "",
@@ -1032,7 +1032,7 @@ const ha = {
         _: 1
       }, 8, ["id", "open", "target-element", "aria-label", "match-width"])) : q("", !0)
     ])), [
-      [i(it), Q]
+      [i(ot), Q]
     ]);
   }
 }), Dn = /* @__PURE__ */ ya(qt, [["__scopeId", "data-v-17331b7d"]]);
@@ -1042,4 +1042,4 @@ export {
   ht as a,
   ge as i
 };
-//# sourceMappingURL=date-range-picker.CI5hBzgs.js.map
+//# sourceMappingURL=date-range-picker.CpYS55md.js.map