@beeq/core 1.11.0 → 1.11.1

package/dist/cjs/bq-date-picker.cjs.entry.js

@@ -4,15 +4,16 @@
  */
 'use strict';
 
-var index = require('./index-CLoLF-_B.js');
+var index = require('./index-g8MkV15i.js');
 var isClient = require('./isClient-CrXhXxbA.js');
+var date = require('./date-C-h2CBps.js');
 var isNil = require('./isNil-CFhdj92S.js');
 var event = require('./event-BhuEFC-I.js');
-var isDefined = require('./isDefined-K4EcmGLZ.js');
+var isDefined = require('./isDefined-D24L82z9.js');
 var isHTMLElement = require('./isHTMLElement-DMA6t4n4.js');
 var props = require('./props-DzFXZXSF.js');
 var slot = require('./slot-DKWrtk4b.js');
-require('./isString-CHgmxASW.js');
+require('./isString-CA9m1aBg.js');
 
 const DATE_PICKER_TYPE = ['single', 'multi', 'range'];
 
@@ -111,6 +112,7 @@ const BqDatePicker = class {
     prefixElem;
     suffixElem;
     fallbackInputId = 'date-picker';
+    LOCALE_DATE = 'fr-CA';
     // Export parts of the calendar-month component
     COMMON_EXPORT_PARTS = 'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';
     BUTTON_EXPORT_PARTS = 'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';
@@ -330,7 +332,7 @@ const BqDatePicker = class {
         const { callyElem, formatFocusedDate, isCallyLoaded, value } = this;
         if (!(callyElem && isCallyLoaded))
             return;
-        const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString('fr-CA');
+        const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString(this.LOCALE_DATE);
         if (this.focusedDate === nextFocused)
             return;
         this.focusedDate = nextFocused;
@@ -340,17 +342,47 @@ const BqDatePicker = class {
             callyElem.focusedDate = this.focusedDate;
         }
     };
+    clampDateToRange = (dateStr) => {
+        if (this.min && dateStr < this.min)
+            return this.min;
+        if (this.max && dateStr > this.max)
+            return this.max;
+        return dateStr;
+    };
     handleChange = (ev) => {
         if (this.disabled || !isHTMLElement.isHTMLElement(ev.target, 'input'))
             return;
-        const dateValue = new Date(ev.target.value + 'T00:00:00');
-        if (!isNaN(dateValue.getTime())) {
-            // We need to force the value to respect the format: yyyy-mm-dd, hence the hardcoded locale
-            this.value = dateValue.toLocaleDateString('fr-CA');
-            this.displayDate = this.formatDisplayValue(this.value);
-            this.internals.setFormValue(`${this.value}`);
+        const inputValue = ev.target.value.trim();
+        if (!inputValue) {
+            this.clearValue();
             this.bqChange.emit({ value: this.value, el: this.el });
+            return;
+        }
+        // Try to parse as date with locale awareness
+        const dateValue = date.parseDateInput(inputValue, this.locale);
+        if (!dateValue) {
+            // Invalid date: don't update component value to avoid side effects
+            this.internals.setFormValue(undefined);
+            this.updateFormValidity();
+            this.bqChange.emit({ value: inputValue, el: this.el });
+            return;
         }
+        // Check if date is disallowed
+        if (this.isDateDisallowed?.(dateValue)) {
+            this.internals.setFormValue(undefined);
+            this.updateFormValidity();
+            this.bqChange.emit({ value: inputValue, el: this.el });
+            return;
+        }
+        // Valid date: normalize to ISO format and clamp to range if needed
+        // Note: clamping is done based on string comparison of ISO dates and only when min/max are set
+        let isoDate = dateValue.toLocaleDateString(this.LOCALE_DATE);
+        isoDate = this.clampDateToRange(isoDate);
+        this.value = isoDate;
+        this.displayDate = this.formatDisplayValue(isoDate);
+        this.internals.setFormValue(isoDate);
+        this.updateFormValidity();
+        this.bqChange.emit({ value: this.value, el: this.el });
     };
     handleCalendarChange = (ev) => {
         if (this.isInternalUpdate)
@@ -381,14 +413,18 @@ const BqDatePicker = class {
         if (this.disabled)
             return;
         this.inputElem.value = '';
-        this.value = this.inputElem.value;
+        this.clearValue();
         this.hasRangeEnd = false;
         this.bqClear.emit(this.el);
         this.bqChange.emit({ value: this.value, el: this.el });
-        this.internals.setFormValue(undefined);
         this.inputElem.focus();
         ev.stopPropagation();
     };
+    clearValue = () => {
+        this.value = undefined;
+        this.displayDate = undefined;
+        this.internals.setFormValue(undefined);
+    };
     handleSlotChange = () => {
         this.hasLabel = slot.hasSlotContent(this.labelElem);
         this.hasPrefix = slot.hasSlotContent(this.prefixElem);
@@ -397,7 +433,7 @@ const BqDatePicker = class {
     generateCalendarMonth = (offset, className = '') => {
         if (!this.isCallyLoaded)
             return null;
-        return (index.h("calendar-month", { offset: offset, class: className, exportparts: `${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}` }));
+        return (index.h("calendar-month", { class: className, exportparts: `${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`, offset: offset }));
     };
     /**
      * Generates an array of Elements representing the calendar months.
@@ -444,30 +480,31 @@ const BqDatePicker = class {
             return undefined;
         const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);
         if (this.type === 'range') {
-            const [start, end] = value.split('/').map((dateStr) => new Date(dateStr + 'T00:00:00'));
+            const [start, end] = value.split('/').map((dateStr) => new Date(`${dateStr}T00:00:00`));
             return dateFormatter.formatRange(start, end);
         }
         if (this.type === 'multi') {
-            const dates = value.split(' ').map((dateStr) => new Date(dateStr + 'T00:00:00'));
+            const dates = value.split(' ').map((dateStr) => new Date(`${dateStr}T00:00:00`));
             return dates.map((date) => dateFormatter.format(date)).join(', ');
         }
-        return dateFormatter.format(new Date(value + 'T00:00:00'));
+        return dateFormatter.format(new Date(`${value}T00:00:00`));
     };
     updateFormValidity = () => {
         const { formValidationMessage, internals, required, value, inputElem } = this;
         // Clear the validity state
         internals?.states.clear();
+        // Check if value is required but missing
         if (required && (!value || value.toString().trim() === '')) {
             // Set validity state to invalid
             internals?.states.add('invalid');
             internals?.setValidity({ valueMissing: true }, formValidationMessage ?? 'Please, input or select a valid date', inputElem);
             return;
         }
-        // Set validity state to valid if textarea has value or is not required
+        // Set validity state to valid if the input has value or is not required
         internals?.states.add('valid');
         internals?.setValidity({});
     };
-    get CalendarType() {
+    get calendarType() {
         const componentTypes = {
             single: 'calendar-date',
             multi: 'calendar-multi',
@@ -480,18 +517,26 @@ const BqDatePicker = class {
     // Always the last one in the class.
     // ===================================
     render() {
-        const CallyCalendar = this.CalendarType;
+        const CallyCalendar = this.calendarType;
         const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;
-        return (index.h("div", { key: '70f13329ea64ee9b34923e4a63f15567b8599647', class: "bq-date-picker", part: "base" }, index.h("label", { key: '380eff87152f9f1b32c6a245fb1076c9bfd49718', id: labelId, class: { 'bq-date-picker__label': true, '!hidden': !this.hasLabel }, "aria-label": this.name || this.fallbackInputId, htmlFor: this.name || this.fallbackInputId, ref: (labelElem) => (this.labelElem = labelElem), part: "label" }, index.h("slot", { key: '8c2af1ac6b86069943ee9f800fca5e34a8330de8', name: "label", onSlotchange: this.handleSlotChange })), index.h("bq-dropdown", { key: 'f2a23bdfa18984900b54414f9f9adedcffd7da44', class: "bq-date-picker__dropdown is-full [&::part(panel)]:p-m [&::part(panel)]:is-auto", disabled: this.disabled, distance: this.distance, open: this.open, panelHeight: this.panelHeight, placement: this.placement, skidding: this.skidding, strategy: this.strategy, exportparts: "panel" }, index.h("div", { key: 'da8b3eee06bba4fba6a6bd0afa34f276013e3e24', class: {
+        return (index.h("div", { key: '7dd5177513441e3a23967959d67bcc5310327c12', class: "bq-date-picker", part: "base" }, index.h("label", { key: '8eab1a4fd300bc8b16d926133a7eff6afe79773c', "aria-labelledby": labelId, class: { 'bq-date-picker__label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, part: "label", ref: (labelElem) => {
+                this.labelElem = labelElem;
+            } }, index.h("slot", { key: '8733cacff45646645cf21f2bc28e83c48a684a79', id: labelId, name: "label", onSlotchange: this.handleSlotChange })), index.h("bq-dropdown", { key: 'c85bba63e2078ddb0fa5472aa188ce3c880d4e47', class: "bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m", disabled: this.disabled, distance: this.distance, exportparts: "panel", open: this.open, panelHeight: this.panelHeight, placement: this.placement, skidding: this.skidding, strategy: this.strategy }, index.h("div", { key: 'd37010f0e2c682c77d4005c28008cf76d1e08235', class: {
                 'bq-date-picker__control': true,
                 [`validation-${this.validationStatus}`]: true,
                 disabled: this.disabled,
-            }, part: "control", slot: "trigger" }, index.h("span", { key: '7c02c1554af91b2bd5500b88c0e5d727603a2b9b', class: { 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }, ref: (spanElem) => (this.prefixElem = spanElem), part: "prefix" }, index.h("slot", { key: '103cc4ffe2cb2b37a4cc232a69ef78b6e8b8c6e4', name: "prefix", onSlotchange: this.handleSlotChange })), index.h("input", { key: '39cd9c82215df7a7e6fc0460915328056f221978', id: this.name || this.fallbackInputId, class: "bq-date-picker__control--input", autoComplete: "off", autoCapitalize: "off", "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `${this.name}`, "aria-haspopup": "dialog", disabled: this.disabled, form: this.form, name: this.name, placeholder: this.placeholder, readonly: this.type !== 'single', ref: (inputElem) => (this.inputElem = inputElem), required: this.required, spellcheck: false, type: "text", value: this.displayDate, part: "input",
-            // Events
-            onBlur: this.handleBlur, onFocus: this.handleFocus, onChange: this.handleChange }), this.hasValue && !this.disabled && !this.disableClear && (
+            }, part: "control", slot: "trigger" }, index.h("span", { key: '42cc62ab392dd011530d4626dae40a08ae5faf7e', class: { 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }, part: "prefix", ref: (spanElem) => {
+                this.prefixElem = spanElem;
+            } }, index.h("slot", { key: '77b9d64b0072bb3ff4e4dcca0d285970f1febf77', name: "prefix", onSlotchange: this.handleSlotChange })), index.h("input", { key: 'b078734fe5d27716a99cb57deabb73229cbe5c96', "aria-controls": `${this.name}`, "aria-describedby": this.hasLabel ? labelId : null, "aria-disabled": this.disabled ? 'true' : 'false', "aria-invalid": this.validationStatus === 'error' ? 'true' : 'false', "aria-haspopup": "dialog", autoCapitalize: "off", autoComplete: "off", class: "bq-date-picker__control--input", disabled: this.disabled, form: this.form, id: this.name || this.fallbackInputId, name: this.name, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, part: "input", placeholder: this.placeholder, readonly: this.type !== 'single', ref: (inputElem) => {
+                this.inputElem = inputElem;
+            }, required: this.required, spellcheck: false, type: "text", value: this.displayDate }), this.hasValue && !this.disabled && !this.disableClear && (
         // The clear button will be visible as long as the input has a value
         // and the parent group is hovered or has focus-within
-        index.h("bq-button", { key: 'f23e4d77b45f88920d96be228a55af493b0306f4', class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden", appearance: "text", "aria-label": this.clearButtonLabel, size: "small", onBqClick: this.handleClearClick, part: "clear-btn", exportparts: "button" }, index.h("slot", { key: 'a0cb283da14c276bdb7851c5c9664b9f5fd2b3a4', name: "clear-icon" }, index.h("bq-icon", { key: '02663a817097d5426c71569019de176044a247f0', name: "x-circle", class: "flex" })))), index.h("span", { key: '872be19c196b4a2b7523e22140b9f7b81feab81a', class: "bq-date-picker__control--suffix", ref: (spanElem) => (this.suffixElem = spanElem), part: "suffix" }, index.h("slot", { key: '5b687ae35fa37326fd83f141c7788e3441ac4e75', name: "suffix", onSlotchange: this.handleSlotChange }, index.h("bq-icon", { key: 'cbb17aafed0f39fbc14047afb68ce2f18752529e', name: "calendar-blank", class: "flex" })))), this.isCallyLoaded && (index.h(CallyCalendar, { key: '12185dc3e6650ef7d640e709c5bb3b2ed3ef2a72', isDateDisallowed: this.isDateDisallowed, locale: this.locale, value: this.value, min: this.min, max: this.max, months: this.months, tentative: this.tentative, pageBy: this.monthsPerView, firstDayOfWeek: this.firstDayOfWeek, showOutsideDays: this.showOutsideDays, onChange: this.handleCalendarChange, onRangestart: this.handleCalendarRangeStart, onRangeend: this.handleCalendarRangeEnd, exportparts: "container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading", ref: (elem) => (this.callyElem = elem) }, index.h("bq-icon", { key: '19820e69ed798053e0b63f6a9d19547244c6f165', color: "text--primary", slot: "previous", name: "caret-left", label: "Previous" }), index.h("bq-icon", { key: '7e71a521ef61c8eece31eb76b99584f52ea34897', color: "text--primary", slot: "next", name: "caret-right", label: "Next" }), index.h("div", { key: '62291115d74800609cc82dc200cb40e1ddc464e4', class: "flex flex-wrap justify-center gap-[--bq-spacing-m]" }, this.generateCalendarMonths()))))));
+        index.h("bq-button", { key: 'ecab571d159a203701bd5e1c83d750bb6739c413', appearance: "text", "aria-label": this.clearButtonLabel, class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden", exportparts: "button", onBqClick: this.handleClearClick, part: "clear-btn", size: "small" }, index.h("slot", { key: '46713d03aa0a0c08080351d7f8f4b63d41eb0f11', name: "clear-icon" }, index.h("bq-icon", { key: 'fe839e6ea4f466c1fe333d78b9cb16284085b7fa', class: "flex", name: "x-circle" })))), index.h("span", { key: '39425b0e92626e37a5f5c50d06c5c4d77c223ac8', class: "bq-date-picker__control--suffix", part: "suffix", ref: (spanElem) => {
+                this.suffixElem = spanElem;
+            } }, index.h("slot", { key: 'bb94c519c5764b4c866e1d6a3348b52df70e2d03', name: "suffix", onSlotchange: this.handleSlotChange }, index.h("bq-icon", { key: '945d516274d55ce6202eacc2bea75706aaca01ed', class: "flex", name: "calendar-blank" })))), this.isCallyLoaded && (index.h(CallyCalendar, { key: '6b969b34c5459f822aec362d4df635aafb27bab6', "aria-labelledby": labelId, "aria-modal": "true", exportparts: "container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading", firstDayOfWeek: this.firstDayOfWeek, isDateDisallowed: this.isDateDisallowed, locale: this.locale, max: this.max, min: this.min, months: this.months, onChange: this.handleCalendarChange, onRangeend: this.handleCalendarRangeEnd, onRangestart: this.handleCalendarRangeStart, pageBy: this.monthsPerView, ref: (elem) => {
+                this.callyElem = elem;
+            }, role: "dialog", showOutsideDays: this.showOutsideDays, tentative: this.tentative, value: this.value }, index.h("bq-icon", { key: '0184fb53e84a2f0dc02140d6ca6d16f4a2572b28', color: "text--primary", label: "Previous", name: "caret-left", slot: "previous" }), index.h("bq-icon", { key: '6eaac0b7c395b76b49cda6a726d889dc30336ef3', color: "text--primary", label: "Next", name: "caret-right", slot: "next" }), index.h("div", { key: '8646ac81ebf39bd06deda107d436313192afed70', class: "flex flex-wrap justify-center gap-[--bq-spacing-m]" }, this.generateCalendarMonths()))))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -504,5 +549,3 @@ BqDatePicker.style = bqDatePickerCss;
 
 exports.bq_date_picker = BqDatePicker;
 //# sourceMappingURL=bq-date-picker.entry.cjs.js.map
-
-//# sourceMappingURL=bq-date-picker.cjs.entry.js.map

package/dist/cjs/bq-date-picker.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-date-picker.entry.cjs.js","sources":["../../packages/beeq/src/components/date-picker/bq-date-picker.types.ts","../../packages/beeq/src/components/date-picker/helper/callyLibrary.ts","../../packages/beeq/src/components/date-picker/scss/bq-date-picker.scss?tag=bq-date-picker&encapsulation=shadow","../../packages/beeq/src/components/date-picker/bq-date-picker.tsx"],"sourcesContent":["export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const DATE_PICKER_TYPE = ['single', 'multi', 'range'] as const;\nexport type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];\n\nexport type TCalendarDate = {\n  focusedDate: string;\n  value: string;\n  min?: string;\n  max?: string;\n  months?: number;\n  tentative?: string;\n  pageBy?: 'single' | 'months';\n  firstDayOfWeek?: number;\n  showOutsideDays?: boolean;\n  isDateDisallowed?: (date: Date) => boolean;\n  locale?: string;\n  onChange?: (ev: Event) => void;\n  onRangestart?: (ev: CustomEvent) => void;\n  onRangeend?: (ev: CustomEvent) => void;\n};\n","/* -------------------------------------------------------------------------- */\n/*                         Cally Library loader helper                        */\n/* -------------------------------------------------------------------------- */\n\nconst CALLY_SCRIPT_ATTRIBUTE = 'data-cally-library';\n//❗ Make sure to update the version here when the library releases a new version\nconst CALLY_LIB_VERSION = '0.8.0';\n/**\n * ❗ Make sure to update the hash here if the `CALLY_LIB_VERSION` is updated\n * This hash is used to ensure the integrity of the library when loading it\n * from a CDN.\n * @see https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity\n */\nconst CALLY_LIB_HASH = 'sha384-giuY/f8D3+ehgOTmQMr4HvrreOITDmvXsZuDCJ1csQ+3dURHA24NqRd8lkSI6uGF';\n\nlet isLibraryLoaded = false;\n\n/**\n * Checks if the Cally library is already loaded in the document\n * @returns {boolean} True if the library is loaded\n */\nexport const isCallyLibraryLoaded = (): boolean => {\n  // This might be a bit redundant, but it's a sanity check to ensure the library is actually loaded\n  return isLibraryLoaded || document.querySelector(`script[${CALLY_SCRIPT_ATTRIBUTE}]`) !== null;\n};\n\n/**\n * Loads the Cally library for the date picker component\n * @throws {Error} If the library fails to load\n * @return {Promise<void>}\n */\nexport const loadCallyLibrary = async (): Promise<void> => {\n  if (isCallyLibraryLoaded()) return;\n\n  try {\n    await loadScript({\n      type: 'module',\n      src: `https://unpkg.com/cally@${CALLY_LIB_VERSION}/dist/cally.js`,\n      attributes: {\n        [CALLY_SCRIPT_ATTRIBUTE]: '',\n        crossOrigin: 'anonymous',\n        integrity: CALLY_LIB_HASH,\n      },\n    });\n\n    isLibraryLoaded = true;\n  } catch (error) {\n    isLibraryLoaded = false;\n    throw new Error(`Failed to load the cally library: ${error instanceof Error ? error.message : 'Unknown error'}`);\n  }\n};\n\ninterface ScriptConfig {\n  type: string;\n  src: string;\n  attributes?: Record<string, string>;\n}\n\n/**\n * Helper function to load a script with given configuration\n * @param {Object} config - Script configuration\n * @param {string} config.type - The type of the script\n * @param {string} config.src - The source URL of the script\n * @param {Object} [config.attributes] - Additional attributes to set on the script element\n * @returns {Promise<void>}\n */\nconst loadScript = ({ type, src, attributes = {} }: ScriptConfig): Promise<void> => {\n  return new Promise<void>((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = type;\n    script.src = src;\n\n    script.onload = () => resolve();\n    script.onerror = (error: Event) =>\n      reject(new Error(`Failed to load script: ${src}, ${error instanceof Error ? error.message : 'Unknown error'}`));\n\n    Object.entries(attributes).forEach(([key, value]) => {\n      script.setAttribute(key, value);\n    });\n\n    document.head.appendChild(script);\n  });\n};\n","/* -------------------------------------------------------------------------- */\n/*                        Date picker styles                                  */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-date-picker.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__label {\n  @apply flex flex-grow items-center gap-[--bq-date-picker--gap] m-be-[--bq-date-picker--label-margin-bottom];\n  @apply text-[length:--bq-date-picker--label-text-size] text-[color:--bq-date-picker--label-text-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Date picker input group control                    */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-date-picker--border-radius] border-[length:--bq-date-picker--border-width] border-[color:--bq-date-picker--border-color];\n  // Padding\n  @apply pe-[--bq-date-picker--padding-end] ps-[--bq-date-picker--padding-start] p-b-[--bq-date-picker--paddingY];\n  // Text\n  @apply select-none text-[length:--bq-date-picker--text-size] text-[color:--bq-date-picker--text-color] placeholder:text-[color:--bq-date-picker--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-date-picker--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n\n    @apply focus border-[color:--bq-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-date-picker__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-date-picker__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-date-picker__control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-date-picker__control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-date-picker__control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--input {\n  @apply flex-auto cursor-inherit select-none appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-bs-[--bq-date-picker--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--prefix,\n.bq-date-picker__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-date-picker--text-color];\n}\n\n.bq-date-picker__control--prefix {\n  @apply me-[--bq-date-picker--gap];\n}\n\n.bq-date-picker__control--suffix {\n  @apply ms-[--bq-date-picker--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-date-picker--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Customize Cally date picker                         */\n/* -------------------------------------------------------------------------- */\n\ncalendar-date,\ncalendar-range,\ncalendar-multi {\n  &::part(header) {\n    @apply justify-center gap-s;\n  }\n\n  &::part(heading) {\n    @apply p-b-xs2 p-i-xs;\n  }\n\n  &::part(button) {\n    @apply rounded-s border-0 bg-transparent transition-colors duration-200 p-b-xs2 p-i-xs2;\n    @apply focus-visible:focus hover:bg-hover-ui-primary;\n  }\n\n  &::part(container) {\n    @apply bg-[--bq-date-picker--background-color] p-b-0 p-i-0;\n  }\n}\n\ncalendar-month {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --color-accent: var(--bq-ui--brand);\n\n  &::part(button) {\n    @apply flex items-center justify-center rounded-s bg-transparent font-default text-primary transition-colors duration-200 ease-in-out p-b-0 p-i-0;\n    @apply size-[--bq-date-picker--day-size] focus-visible:focus enabled:hover:bg-hover-secondary disabled:cursor-not-allowed;\n  }\n\n  &::part(button day disallowed) {\n    @apply cursor-not-allowed bg-transparent #{!important};\n  }\n\n  &::part(button day selected) {\n    @apply rounded-s bg-[--bq-date-picker--range-background-color] text-alt enabled:hover:bg-hover-ui-brand;\n  }\n\n  &::part(button day selected range-inner) {\n    @apply rounded-none bg-[--bq-date-picker--range-inner-background-color] text-primary hover:text-alt;\n  }\n\n  &::part(button day outside) {\n    @apply cursor-pointer text-secondary opacity-100;\n  }\n\n  &::part(today) {\n    @apply rounded-s border-[length:--bq-date-picker--currentDate-border-width] border-[color:--bq-date-picker--currentDate-border-color];\n\n    border-style: var(--bq-date-picker--border-style);\n  }\n\n  &::part(today selected) {\n    @apply text-alt;\n  }\n\n  &::part(today selected range-inner) {\n    /* Ensure 'today selected range-inner' keeps the intended color */\n    @apply text-primary;\n  }\n\n  &::part(today range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today range-start) {\n    @apply rounded-s rounded-es-none;\n  }\n\n  &::part(today range-end) {\n    @apply rounded-s rounded-ee-none;\n  }\n\n  &::part(range-start) {\n    @apply rounded-ee-none rounded-se-none;\n  }\n\n  &::part(range-end) {\n    @apply rounded-es-none rounded-ss-none;\n  }\n\n  &::part(range-start range-end) {\n    @apply rounded-s;\n  }\n}\n","import { AttachInternals, Component, Element, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { DATE_PICKER_TYPE } from './bq-date-picker.types';\nimport type { DaysOfWeek, TCalendarDate, TDatePickerType } from './bq-date-picker.types';\nimport { isCallyLibraryLoaded, loadCallyLibrary } from './helper/callyLibrary';\nimport type { Placement } from '../../services/interfaces';\nimport {\n  hasSlotContent,\n  isClient,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  isNil,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\n\n/**\n * The Date Picker is a intuitive UI element component allows users to select dates from a visual calendar interface, providing an intuitive way to input date information.\n *\n * @example How to use it\n * ```html\n * <bq-date-picker\n *   first-day-of-week=\"1\"\n *   locale=\"en-GB\"\n *   months-per-view=\"single\"\n *   months=\"2\"\n *   name=\"bq-date-picker\"\n *   placeholder=\"Enter your date\"\n *   placement=\"bottom-end\"\n *   show-outside-days=\"false\"\n *   type=\"range\"\n *   validation-status=\"none\"\n *   value=\"2024-05-25\"\n * >\n *   <label class=\"flex flex-grow items-center\" slot=\"label\">\n *     Date picker label\n *   </label>\n * </bq-date-picker>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/5793a9-date-picker\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-dropdown\n * @dependency bq-icon\n *\n * @attr {boolean} autofocus - If `true`, the Date picker input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {boolean} disable-clear - If `true`, the clear button won't be displayed.\n * @attr {boolean} disabled - Indicates whether the Date picker input is disabled or not.\n * @attr {number} distance - Represents the distance (gutter or margin) between the Date picker panel and the input element.\n * @attr {0 | 1 | 2 | 3 | 4 | 5 | 6} first-day-of-week - The first day of the week, where Sunday is 0, Monday is 1, etc.\n * @attr {Intl.DateTimeFormatOptions} format-options - The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n * @attr {string} form - The ID of the form that the Date picker input belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {function} is-date-disallowed - A function that takes a date and returns true if the date should not be selectable.\n * @attr {Intl.LocalesArgument} locale - The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n * @attr {string} max - The latest date that can be selected.\n * @attr {string} min - The earliest date that can be selected.\n * @attr {number} months - Number of months to show when range is `true`.\n * @attr {string} name - The Date picker input name.\n * @attr {boolean} open - If `true`, the Date picker panel will be visible.\n * @attr {string} panel-height - When set, it will override the height of the Date picker panel.\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\"} placement - Position of the Date picker panel.\n * @attr {boolean} required - Indicates whether or not the Date picker input is required to be filled out before submitting the form.\n * @attr {number} skidding - Represents the skidding between the Date picker panel and the input element.\n * @attr {boolean} show-outside-days - Whether to show days outside the month.\n * @attr {string} strategy - Defines the strategy to position the Date picker panel.\n * @attr {string} tentative - The date that is tentatively selected, e.g. the start of a range selection.\n * @attr {\"single\" | \"multi\" | \"range\"} type - It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection.\n * @attr {\"error\" | \"none\" | \"success\" | \"warning\"} validation-status - The validation status of the Select input.\n * @attr {string} value - The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n *\n * @method clear - Clears the selected value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n *\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part calendar__button - Any button used in the calendar-month component.\n * @part calendar__button - Any button within the calendar-range component.\n * @part calendar__container - The calendar-range container for the entire component.\n * @part calendar__day - The buttons corresponding to each day in the calendar-month grid.\n * @part calendar__disabled - A button that is disabled due to min/max on the calendar-range component.\n * @part calendar__disallowed - Any day that has been disallowed via isDateDisallowed.\n * @part calendar__head - The calendar-month table's header row.\n * @part calendar__header - The calendar-range container for the heading and buttons.\n * @part calendar__heading - The calendar-month heading container that labels the month.\n * @part calendar__heading - The calendar-range heading containing the month and year.\n * @part calendar__next - The next page button on the calendar-range component.\n * @part calendar__outside - Any days which are outside the current month.\n * @part calendar__previous - The previous page button on the calendar-range component.\n * @part calendar__range-end - The day at the end of a date range.\n * @part calendar__range-inner - Any days between the start and end of a date range.\n * @part calendar__range-start - The day at the start of a date range.\n * @part calendar__selected - Any days which are selected.\n * @part calendar__table - The calendar-month <table> element.\n * @part calendar__td - The calendar-month table's body cells.\n * @part calendar__th - The calendar-month table's header cells.\n * @part calendar__today - The Today's day.\n * @part calendar__tr - Any row within the table on the calendar-month component.\n * @part calendar__week - The calendar-month table's body rows.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The date picker panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n *\n * @cssprop --bq-date-picker--background-color - Date picker background color.\n * @cssprop --bq-date-picker--border-color - Date picker border color.\n * @cssprop --bq-date-picker--border-color-disabled - Date picker border color when disabled.\n * @cssprop --bq-date-picker--border-color-focus - Date picker border color on focus.\n * @cssprop --bq-date-picker--border-radius - Date picker border radius.\n * @cssprop --bq-date-picker--border-style - Date picker border style.\n * @cssprop --bq-date-picker--border-width - Date picker border width.\n * @cssprop --bq-date-picker--currentDate-border-color - Date picker border color for current date.\n * @cssprop --bq-date-picker--currentDate-border-width - Date picker border width for current date.\n * @cssprop --bq-date-picker--day-size - Date picker button day size.\n * @cssprop --bq-date-picker--gap - Gap between Date picker content and prefix/suffix.\n * @cssprop --bq-date-picker--icon-size - Icon size to use in prefix/suffix and clear button.\n * @cssprop --bq-date-picker--label-margin-bottom - Date picker label margin bottom.\n * @cssprop --bq-date-picker--label-text-color - Date picker label text color.\n * @cssprop --bq-date-picker--label-text-size - Date picker label text size.\n * @cssprop --bq-date-picker--padding-end - Date picker padding end.\n * @cssprop --bq-date-picker--padding-start - Date picker padding start.\n * @cssprop --bq-date-picker--paddingY - Date picker padding top and bottom.\n * @cssprop --bq-date-picker--range-background-color - Background color for the selected date range in the date picker.\n * @cssprop --bq-date-picker--range-inner-background-color - Background color for the selected dates inside the date range in the date picker.\n * @cssprop --bq-date-picker--text-color - Date picker text color.\n * @cssprop --bq-date-picker--text-placeholder-color - Date picker placeholder text color.\n * @cssprop --bq-date-picker--text-size - Date picker text size.\n */\n@Component({\n  tag: 'bq-date-picker',\n  styleUrl: './scss/bq-date-picker.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqDatePicker {\n  // Own Properties\n  // ====================\n\n  private callyElem?: TCalendarDate;\n  private inputElem?: HTMLInputElement;\n  private isInternalUpdate = false;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n  private fallbackInputId = 'date-picker';\n  // Export parts of the calendar-month component\n  private readonly COMMON_EXPORT_PARTS =\n    'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';\n  private readonly BUTTON_EXPORT_PARTS =\n    'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLBqDatePickerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() isCallyLoaded = false;\n  @State() focusedDate: string;\n  @State() displayDate: string;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasRangeEnd = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If `true`, the Date picker input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /** If `true`, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /**\n   * Indicates whether the Date picker input is disabled or not.\n   * If `true`, the Date picker is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The first day of the week, where Sunday is 0, Monday is 1, etc */\n  @Prop({ reflect: true }) firstDayOfWeek?: DaysOfWeek = 1;\n\n  /** The options to use when formatting the displayed value.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n   */\n  @Prop() formatOptions: Intl.DateTimeFormatOptions = {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  };\n\n  /** The ID of the form that the Date picker input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** The native form validation message (mandatory if `required` is set) */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** A function that takes a date and returns true if the date should not be selectable */\n  @Prop({ reflect: true }) isDateDisallowed?: (date: Date) => boolean;\n\n  /** The locale for formatting dates. If not set, will use the browser's locale.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n   */\n  @Prop({ reflect: true }) locale: Intl.LocalesArgument = 'en-GB';\n\n  /** The latest date that can be selected */\n  @Prop({ reflect: true }) max?: string;\n\n  /** The earliest date that can be selected */\n  @Prop({ reflect: true }) min?: string;\n\n  /** Number of months to show when range is `true` */\n  @Prop({ reflect: true }) months: number;\n\n  /**\n   * Specifies how the next/previous buttons should navigate the calendar.\n   * - single: The buttons will navigate by a single month at a time.\n   * - months: The buttons will navigate by the number of months displayed per view.\n   */\n  @Prop({ reflect: true }) monthsPerView: 'single' | 'months' = 'single';\n\n  /** The Date picker input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, the Date picker panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Date picker panel. */\n  @Prop({ reflect: true, mutable: true }) panelHeight?: string = 'auto';\n\n  /** The Date picker input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Date picker panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-end';\n\n  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Represents the skidding between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Whether to show days outside the month */\n  @Prop({ reflect: true }) showOutsideDays: boolean = false;\n\n  /** Defines the strategy to position the Date picker panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /** The date that is tentatively selected e.g. the start of a range selection  */\n  @Prop({ reflect: true, mutable: true }) tentative?: string;\n\n  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */\n  @Prop({ reflect: true }) type: TDatePickerType = 'single';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n   * All dates are expected in ISO-8601 format (YYYY-MM-DD). */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string) {\n    if (newValue === oldValue) return;\n\n    const { formatDisplayValue, internals, isCallyLoaded } = this;\n    if (!isCallyLoaded) return;\n\n    internals.setFormValue(!isNil(newValue) ? `${newValue}` : undefined);\n    this.updateFormValidity();\n\n    this.hasValue = isDefined(newValue);\n    this.displayDate = formatDisplayValue(newValue);\n\n    this.setFocusedDate();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(DATE_PICKER_TYPE, 'single', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqDatePickerElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqDatePickerElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  async componentWillLoad() {\n    if (!isClient() || this.isCallyLoaded) return;\n\n    try {\n      await loadCallyLibrary();\n      this.isCallyLoaded = isCallyLibraryLoaded();\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleValueChange(this.value, undefined);\n  }\n\n  componentDidRender() {\n    if (this.isInternalUpdate) {\n      this.isInternalUpdate = false;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    if (isNil(this.value)) return;\n\n    this.clear();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!isEventTargetChildOfElement(ev, this.el)) return;\n\n    const { open } = ev.detail;\n    if (this.open === open) return;\n\n    this.open = open;\n  }\n\n  @Listen('click', { target: 'body', capture: true })\n  handleClickOutside(ev: MouseEvent) {\n    const { open, type, hasRangeEnd } = this;\n    if (!open || type !== 'range' || ev.button !== 0) return;\n    if (isEventTargetChildOfElement(ev, this.el) || hasRangeEnd) return;\n\n    this.tentative = undefined;\n    this.hasRangeEnd = false;\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   *\n   * @return {Promise<void>}\n   * @memberof BqInput\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n    this.internals.setFormValue(undefined);\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private setFocusedDate = () => {\n    const { callyElem, formatFocusedDate, isCallyLoaded, value } = this;\n    if (!(callyElem && isCallyLoaded)) return;\n\n    const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString('fr-CA');\n    if (this.focusedDate === nextFocused) return;\n\n    this.focusedDate = nextFocused;\n    if (callyElem.focusedDate !== this.focusedDate) {\n      // We need to set the focused date in the calendar component via a ref\n      // because it doesn't work when passed as a prop (the Cally element does not re-render)\n      callyElem.focusedDate = this.focusedDate;\n    }\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled || !isHTMLElement(ev.target, 'input')) return;\n\n    const dateValue = new Date(ev.target.value + 'T00:00:00');\n    if (!isNaN(dateValue.getTime())) {\n      // We need to force the value to respect the format: yyyy-mm-dd, hence the hardcoded locale\n      this.value = dateValue.toLocaleDateString('fr-CA');\n      this.displayDate = this.formatDisplayValue(this.value);\n      this.internals.setFormValue(`${this.value}`);\n      this.bqChange.emit({ value: this.value, el: this.el });\n    }\n  };\n\n  private handleCalendarChange = (ev: Event) => {\n    if (this.isInternalUpdate) return;\n\n    const shouldStayOpen = this.type === 'multi';\n    const value = (ev.target as unknown as { value: string }).value;\n\n    if (this.value === value) {\n      this.open = shouldStayOpen;\n      return;\n    }\n\n    this.isInternalUpdate = true;\n\n    this.value = value;\n    this.displayDate = this.formatDisplayValue(value);\n    this.inputElem.value = this.displayDate;\n    this.inputElem.focus();\n\n    this.internals.setFormValue(value);\n    this.bqChange.emit({ value: this.value, el: this.el });\n\n    this.open = shouldStayOpen;\n  };\n\n  private handleCalendarRangeStart = (ev: CustomEvent) => {\n    this.hasRangeEnd = false;\n    this.tentative = ev.detail;\n  };\n\n  private handleCalendarRangeEnd = () => {\n    this.hasRangeEnd = true;\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.value = this.inputElem.value;\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.internals.setFormValue(undefined);\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private generateCalendarMonth = (offset?: number, className = ''): Element | null => {\n    if (!this.isCallyLoaded) return null;\n\n    return (\n      <calendar-month\n        offset={offset}\n        class={className}\n        exportparts={`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`}\n      />\n    );\n  };\n\n  /**\n   * Generates an array of Elements representing the calendar months.\n   *\n   * If the type of the date picker is 'range' or 'multi' and the number of months is specified,\n   * it generates an array of calendar months with the specified length. Each month will have an offset\n   * and a class name based on its position in the array. The offset is used to determine the month to display,\n   * and the class name is used for responsive design.\n   *\n   * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\n   * it generates an array with a single calendar month.\n   *\n   * @returns {Element[]} An array of elements representing the calendar months.\n   */\n  private generateCalendarMonths = (): Element[] => {\n    if (!this.isCallyLoaded) return [];\n\n    if (this.type === 'range' || (this.type === 'multi' && this.months)) {\n      return Array.from({ length: this.months }, (_, i) => {\n        const offset = i > 0 ? i : undefined;\n        const className = offset ? 'hidden sm:block' : '';\n        return this.generateCalendarMonth(offset, className);\n      });\n    }\n\n    return [this.generateCalendarMonth()];\n  };\n\n  /**\n   * Extracts and returns the first date part from a given string.\n   * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value\n   * should be the focused date in the calendar.\n   *\n   * @param value - The value to be processed, can be a string.\n   * @returns The extracted last date portion of the value.\n   */\n  private formatFocusedDate = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateRegex = /\\b\\d{4}-\\d{2}-\\d{2}\\b/;\n    const match = dateRegex.exec(value);\n    return match ? match[0] : undefined;\n  };\n\n  private formatDisplayValue = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);\n\n    if (this.type === 'range') {\n      const [start, end] = value.split('/').map((dateStr) => new Date(dateStr + 'T00:00:00'));\n      return dateFormatter.formatRange(start, end);\n    }\n\n    if (this.type === 'multi') {\n      const dates = value.split(' ').map((dateStr) => new Date(dateStr + 'T00:00:00'));\n      return dates.map((date) => dateFormatter.format(date)).join(', ');\n    }\n\n    return dateFormatter.format(new Date(value + 'T00:00:00'));\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, value, inputElem } = this;\n\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (required && (!value || value.toString().trim() === '')) {\n      // Set validity state to invalid\n      internals?.states.add('invalid');\n      internals?.setValidity(\n        { valueMissing: true },\n        formValidationMessage ?? 'Please, input or select a valid date',\n        inputElem,\n      );\n      return;\n    }\n\n    // Set validity state to valid if textarea has value or is not required\n    internals?.states.add('valid');\n    internals?.setValidity({});\n  };\n\n  private get CalendarType() {\n    const componentTypes = {\n      single: 'calendar-date',\n      multi: 'calendar-multi',\n      range: 'calendar-range',\n    } as const;\n\n    // Return the corresponding component type, based on the type prop value\n    return componentTypes[this.type] || componentTypes.single;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const CallyCalendar = this.CalendarType;\n    const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;\n\n    return (\n      <div class=\"bq-date-picker\" part=\"base\">\n        {/* Label */}\n        <label\n          id={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          aria-label={this.name || this.fallbackInputId}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem: HTMLSpanElement) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleSlotChange} />\n        </label>\n        {/* Select date picker dropdown */}\n        <bq-dropdown\n          class=\"bq-date-picker__dropdown is-full [&::part(panel)]:p-m [&::part(panel)]:is-auto\"\n          disabled={this.disabled}\n          distance={this.distance}\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n          exportparts=\"panel\"\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-date-picker__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }}\n              ref={(spanElem: HTMLSpanElement) => (this.prefixElem = spanElem)}\n              part=\"prefix\"\n            >\n              <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              id={this.name || this.fallbackInputId}\n              class=\"bq-date-picker__control--input\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-controls={`${this.name}`}\n              aria-haspopup=\"dialog\"\n              disabled={this.disabled}\n              form={this.form}\n              name={this.name}\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => (this.inputElem = inputElem)}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n              part=\"input\"\n              // Events\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onChange={this.handleChange}\n            />\n            {/* Clear Button */}\n            {this.hasValue && !this.disabled && !this.disableClear && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden\"\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                size=\"small\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                exportparts=\"button\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon name=\"x-circle\" class=\"flex\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              ref={(spanElem: HTMLSpanElement) => (this.suffixElem = spanElem)}\n              part=\"suffix\"\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSlotChange}>\n                <bq-icon name=\"calendar-blank\" class=\"flex\" />\n              </slot>\n            </span>\n          </div>\n          {this.isCallyLoaded && (\n            <CallyCalendar\n              isDateDisallowed={this.isDateDisallowed}\n              locale={this.locale as string}\n              value={this.value}\n              min={this.min}\n              max={this.max}\n              months={this.months}\n              tentative={this.tentative}\n              pageBy={this.monthsPerView}\n              firstDayOfWeek={this.firstDayOfWeek}\n              showOutsideDays={this.showOutsideDays}\n              onChange={this.handleCalendarChange}\n              onRangestart={this.handleCalendarRangeStart}\n              onRangeend={this.handleCalendarRangeEnd}\n              exportparts=\"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading\"\n              ref={(elem: TCalendarDate) => (this.callyElem = elem)}\n            >\n              <bq-icon color=\"text--primary\" slot=\"previous\" name=\"caret-left\" label=\"Previous\" />\n              <bq-icon color=\"text--primary\" slot=\"next\" name=\"caret-right\" label=\"Next\" />\n\n              <div class=\"flex flex-wrap justify-center gap-[--bq-spacing-m]\">{this.generateCalendarMonths()}</div>\n            </CallyCalendar>\n          )}\n        </bq-dropdown>\n      </div>\n    );\n  }\n}\n"],"names":["isNil","isDefined","validatePropValue","isClient","isEventTargetChildOfElement","isHTMLElement","hasSlotContent","h"],"mappings":"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"}
+{"version":3,"file":"bq-date-picker.entry.cjs.js","sources":["../../packages/beeq/src/components/date-picker/bq-date-picker.types.ts","../../packages/beeq/src/components/date-picker/helper/callyLibrary.ts","../../packages/beeq/src/components/date-picker/scss/bq-date-picker.scss?tag=bq-date-picker&encapsulation=shadow","../../packages/beeq/src/components/date-picker/bq-date-picker.tsx"],"sourcesContent":["export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const DATE_PICKER_TYPE = ['single', 'multi', 'range'] as const;\nexport type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];\n\nexport type TCalendarDate = {\n  focusedDate: string;\n  value: string;\n  min?: string;\n  max?: string;\n  months?: number;\n  tentative?: string;\n  pageBy?: 'single' | 'months';\n  firstDayOfWeek?: number;\n  showOutsideDays?: boolean;\n  isDateDisallowed?: (date: Date) => boolean;\n  locale?: string;\n  onChange?: (ev: Event) => void;\n  onRangestart?: (ev: CustomEvent) => void;\n  onRangeend?: (ev: CustomEvent) => void;\n};\n","/* -------------------------------------------------------------------------- */\n/*                         Cally Library loader helper                        */\n/* -------------------------------------------------------------------------- */\n\nconst CALLY_SCRIPT_ATTRIBUTE = 'data-cally-library';\n//❗ Make sure to update the version here when the library releases a new version\nconst CALLY_LIB_VERSION = '0.8.0';\n/**\n * ❗ Make sure to update the hash here if the `CALLY_LIB_VERSION` is updated\n * This hash is used to ensure the integrity of the library when loading it\n * from a CDN.\n * @see https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity\n */\nconst CALLY_LIB_HASH = 'sha384-giuY/f8D3+ehgOTmQMr4HvrreOITDmvXsZuDCJ1csQ+3dURHA24NqRd8lkSI6uGF';\n\nlet isLibraryLoaded = false;\n\n/**\n * Checks if the Cally library is already loaded in the document\n * @returns {boolean} True if the library is loaded\n */\nexport const isCallyLibraryLoaded = (): boolean => {\n  // This might be a bit redundant, but it's a sanity check to ensure the library is actually loaded\n  return isLibraryLoaded || document.querySelector(`script[${CALLY_SCRIPT_ATTRIBUTE}]`) !== null;\n};\n\n/**\n * Loads the Cally library for the date picker component\n * @throws {Error} If the library fails to load\n * @return {Promise<void>}\n */\nexport const loadCallyLibrary = async (): Promise<void> => {\n  if (isCallyLibraryLoaded()) return;\n\n  try {\n    await loadScript({\n      type: 'module',\n      src: `https://unpkg.com/cally@${CALLY_LIB_VERSION}/dist/cally.js`,\n      attributes: {\n        [CALLY_SCRIPT_ATTRIBUTE]: '',\n        crossOrigin: 'anonymous',\n        integrity: CALLY_LIB_HASH,\n      },\n    });\n\n    isLibraryLoaded = true;\n  } catch (error) {\n    isLibraryLoaded = false;\n    throw new Error(`Failed to load the cally library: ${error instanceof Error ? error.message : 'Unknown error'}`);\n  }\n};\n\ninterface ScriptConfig {\n  type: string;\n  src: string;\n  attributes?: Record<string, string>;\n}\n\n/**\n * Helper function to load a script with given configuration\n * @param {Object} config - Script configuration\n * @param {string} config.type - The type of the script\n * @param {string} config.src - The source URL of the script\n * @param {Object} [config.attributes] - Additional attributes to set on the script element\n * @returns {Promise<void>}\n */\nconst loadScript = ({ type, src, attributes = {} }: ScriptConfig): Promise<void> => {\n  return new Promise<void>((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = type;\n    script.src = src;\n\n    script.onload = () => resolve();\n    script.onerror = (error: Event) =>\n      reject(new Error(`Failed to load script: ${src}, ${error instanceof Error ? error.message : 'Unknown error'}`));\n\n    Object.entries(attributes).forEach(([key, value]) => {\n      script.setAttribute(key, value);\n    });\n\n    document.head.appendChild(script);\n  });\n};\n","/* -------------------------------------------------------------------------- */\n/*                        Date picker styles                                  */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-date-picker.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__label {\n  @apply flex flex-grow items-center gap-[--bq-date-picker--gap] m-be-[--bq-date-picker--label-margin-bottom];\n  @apply text-[length:--bq-date-picker--label-text-size] text-[color:--bq-date-picker--label-text-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Date picker input group control                    */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-date-picker--border-radius] border-[length:--bq-date-picker--border-width] border-[color:--bq-date-picker--border-color];\n  // Padding\n  @apply pe-[--bq-date-picker--padding-end] ps-[--bq-date-picker--padding-start] p-b-[--bq-date-picker--paddingY];\n  // Text\n  @apply select-none text-[length:--bq-date-picker--text-size] text-[color:--bq-date-picker--text-color] placeholder:text-[color:--bq-date-picker--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-date-picker--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n\n    @apply focus border-[color:--bq-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-date-picker__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-date-picker__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-date-picker__control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-date-picker__control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-date-picker__control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--input {\n  @apply flex-auto cursor-inherit select-none appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-bs-[--bq-date-picker--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--prefix,\n.bq-date-picker__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-date-picker--text-color];\n}\n\n.bq-date-picker__control--prefix {\n  @apply me-[--bq-date-picker--gap];\n}\n\n.bq-date-picker__control--suffix {\n  @apply ms-[--bq-date-picker--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-date-picker--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Customize Cally date picker                         */\n/* -------------------------------------------------------------------------- */\n\ncalendar-date,\ncalendar-range,\ncalendar-multi {\n  &::part(header) {\n    @apply justify-center gap-s;\n  }\n\n  &::part(heading) {\n    @apply p-b-xs2 p-i-xs;\n  }\n\n  &::part(button) {\n    @apply rounded-s border-0 bg-transparent transition-colors duration-200 p-b-xs2 p-i-xs2;\n    @apply focus-visible:focus hover:bg-hover-ui-primary;\n  }\n\n  &::part(container) {\n    @apply bg-[--bq-date-picker--background-color] p-b-0 p-i-0;\n  }\n}\n\ncalendar-month {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --color-accent: var(--bq-ui--brand);\n\n  &::part(button) {\n    @apply flex items-center justify-center rounded-s bg-transparent font-default text-primary transition-colors duration-200 ease-in-out p-b-0 p-i-0;\n    @apply size-[--bq-date-picker--day-size] focus-visible:focus enabled:hover:bg-hover-secondary disabled:cursor-not-allowed;\n  }\n\n  &::part(button day disallowed) {\n    @apply cursor-not-allowed bg-transparent #{!important};\n  }\n\n  &::part(button day selected) {\n    @apply rounded-s bg-[--bq-date-picker--range-background-color] text-alt enabled:hover:bg-hover-ui-brand;\n  }\n\n  &::part(button day selected range-inner) {\n    @apply rounded-none bg-[--bq-date-picker--range-inner-background-color] text-primary hover:text-alt;\n  }\n\n  &::part(button day outside) {\n    @apply cursor-pointer text-secondary opacity-100;\n  }\n\n  &::part(today) {\n    @apply rounded-s border-[length:--bq-date-picker--currentDate-border-width] border-[color:--bq-date-picker--currentDate-border-color];\n\n    border-style: var(--bq-date-picker--border-style);\n  }\n\n  &::part(today selected) {\n    @apply text-alt;\n  }\n\n  &::part(today selected range-inner) {\n    /* Ensure 'today selected range-inner' keeps the intended color */\n    @apply text-primary;\n  }\n\n  &::part(today range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today range-start) {\n    @apply rounded-s rounded-es-none;\n  }\n\n  &::part(today range-end) {\n    @apply rounded-s rounded-ee-none;\n  }\n\n  &::part(range-start) {\n    @apply rounded-ee-none rounded-se-none;\n  }\n\n  &::part(range-end) {\n    @apply rounded-es-none rounded-ss-none;\n  }\n\n  &::part(range-start range-end) {\n    @apply rounded-s;\n  }\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport {\n  hasSlotContent,\n  isClient,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  isNil,\n  parseDateInput,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\nimport type { DaysOfWeek, TCalendarDate, TDatePickerType } from './bq-date-picker.types';\nimport { DATE_PICKER_TYPE } from './bq-date-picker.types';\nimport { isCallyLibraryLoaded, loadCallyLibrary } from './helper/callyLibrary';\n\n/**\n * The Date Picker is a intuitive UI element component allows users to select dates from a visual calendar interface, providing an intuitive way to input date information.\n *\n * @example How to use it\n * ```html\n * <bq-date-picker\n *   first-day-of-week=\"1\"\n *   locale=\"en-GB\"\n *   months-per-view=\"single\"\n *   months=\"2\"\n *   name=\"bq-date-picker\"\n *   placeholder=\"Enter your date\"\n *   placement=\"bottom-end\"\n *   show-outside-days=\"false\"\n *   type=\"range\"\n *   validation-status=\"none\"\n *   value=\"2024-05-25\"\n * >\n *   <label class=\"flex flex-grow items-center\" slot=\"label\">\n *     Date picker label\n *   </label>\n * </bq-date-picker>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/5793a9-date-picker\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-dropdown\n * @dependency bq-icon\n *\n * @attr {boolean} autofocus - If `true`, the Date picker input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {boolean} disable-clear - If `true`, the clear button won't be displayed.\n * @attr {boolean} disabled - Indicates whether the Date picker input is disabled or not.\n * @attr {number} distance - Represents the distance (gutter or margin) between the Date picker panel and the input element.\n * @attr {0 | 1 | 2 | 3 | 4 | 5 | 6} first-day-of-week - The first day of the week, where Sunday is 0, Monday is 1, etc.\n * @attr {Intl.DateTimeFormatOptions} format-options - The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n * @attr {string} form - The ID of the form that the Date picker input belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {function} is-date-disallowed - A function that takes a date and returns true if the date should not be selectable.\n * @attr {Intl.LocalesArgument} locale - The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n * @attr {string} max - The latest date that can be selected.\n * @attr {string} min - The earliest date that can be selected.\n * @attr {number} months - Number of months to show when range is `true`.\n * @attr {string} name - The Date picker input name.\n * @attr {boolean} open - If `true`, the Date picker panel will be visible.\n * @attr {string} panel-height - When set, it will override the height of the Date picker panel.\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\"} placement - Position of the Date picker panel.\n * @attr {boolean} required - Indicates whether or not the Date picker input is required to be filled out before submitting the form.\n * @attr {number} skidding - Represents the skidding between the Date picker panel and the input element.\n * @attr {boolean} show-outside-days - Whether to show days outside the month.\n * @attr {string} strategy - Defines the strategy to position the Date picker panel.\n * @attr {string} tentative - The date that is tentatively selected, e.g. the start of a range selection.\n * @attr {\"single\" | \"multi\" | \"range\"} type - It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection.\n * @attr {\"error\" | \"none\" | \"success\" | \"warning\"} validation-status - The validation status of the Select input.\n * @attr {string} value - The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n *\n * @method clear - Clears the selected value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n *\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part calendar__button - Any button used in the calendar-month component.\n * @part calendar__button - Any button within the calendar-range component.\n * @part calendar__container - The calendar-range container for the entire component.\n * @part calendar__day - The buttons corresponding to each day in the calendar-month grid.\n * @part calendar__disabled - A button that is disabled due to min/max on the calendar-range component.\n * @part calendar__disallowed - Any day that has been disallowed via isDateDisallowed.\n * @part calendar__head - The calendar-month table's header row.\n * @part calendar__header - The calendar-range container for the heading and buttons.\n * @part calendar__heading - The calendar-month heading container that labels the month.\n * @part calendar__heading - The calendar-range heading containing the month and year.\n * @part calendar__next - The next page button on the calendar-range component.\n * @part calendar__outside - Any days which are outside the current month.\n * @part calendar__previous - The previous page button on the calendar-range component.\n * @part calendar__range-end - The day at the end of a date range.\n * @part calendar__range-inner - Any days between the start and end of a date range.\n * @part calendar__range-start - The day at the start of a date range.\n * @part calendar__selected - Any days which are selected.\n * @part calendar__table - The calendar-month <table> element.\n * @part calendar__td - The calendar-month table's body cells.\n * @part calendar__th - The calendar-month table's header cells.\n * @part calendar__today - The Today's day.\n * @part calendar__tr - Any row within the table on the calendar-month component.\n * @part calendar__week - The calendar-month table's body rows.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The date picker panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n *\n * @cssprop --bq-date-picker--background-color - Date picker background color.\n * @cssprop --bq-date-picker--border-color - Date picker border color.\n * @cssprop --bq-date-picker--border-color-disabled - Date picker border color when disabled.\n * @cssprop --bq-date-picker--border-color-focus - Date picker border color on focus.\n * @cssprop --bq-date-picker--border-radius - Date picker border radius.\n * @cssprop --bq-date-picker--border-style - Date picker border style.\n * @cssprop --bq-date-picker--border-width - Date picker border width.\n * @cssprop --bq-date-picker--currentDate-border-color - Date picker border color for current date.\n * @cssprop --bq-date-picker--currentDate-border-width - Date picker border width for current date.\n * @cssprop --bq-date-picker--day-size - Date picker button day size.\n * @cssprop --bq-date-picker--gap - Gap between Date picker content and prefix/suffix.\n * @cssprop --bq-date-picker--icon-size - Icon size to use in prefix/suffix and clear button.\n * @cssprop --bq-date-picker--label-margin-bottom - Date picker label margin bottom.\n * @cssprop --bq-date-picker--label-text-color - Date picker label text color.\n * @cssprop --bq-date-picker--label-text-size - Date picker label text size.\n * @cssprop --bq-date-picker--padding-end - Date picker padding end.\n * @cssprop --bq-date-picker--padding-start - Date picker padding start.\n * @cssprop --bq-date-picker--paddingY - Date picker padding top and bottom.\n * @cssprop --bq-date-picker--range-background-color - Background color for the selected date range in the date picker.\n * @cssprop --bq-date-picker--range-inner-background-color - Background color for the selected dates inside the date range in the date picker.\n * @cssprop --bq-date-picker--text-color - Date picker text color.\n * @cssprop --bq-date-picker--text-placeholder-color - Date picker placeholder text color.\n * @cssprop --bq-date-picker--text-size - Date picker text size.\n */\n@Component({\n  tag: 'bq-date-picker',\n  styleUrl: './scss/bq-date-picker.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqDatePicker {\n  // Own Properties\n  // ====================\n\n  private callyElem?: TCalendarDate;\n  private inputElem?: HTMLInputElement;\n  private isInternalUpdate = false;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n  private fallbackInputId = 'date-picker';\n  private readonly LOCALE_DATE = 'fr-CA';\n  // Export parts of the calendar-month component\n  private readonly COMMON_EXPORT_PARTS =\n    'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';\n  private readonly BUTTON_EXPORT_PARTS =\n    'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLBqDatePickerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() isCallyLoaded = false;\n  @State() focusedDate: string;\n  @State() displayDate: string;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasRangeEnd = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If `true`, the Date picker input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /** If `true`, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /**\n   * Indicates whether the Date picker input is disabled or not.\n   * If `true`, the Date picker is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The first day of the week, where Sunday is 0, Monday is 1, etc */\n  @Prop({ reflect: true }) firstDayOfWeek?: DaysOfWeek = 1;\n\n  /** The options to use when formatting the displayed value.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n   */\n  @Prop() formatOptions: Intl.DateTimeFormatOptions = {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  };\n\n  /** The ID of the form that the Date picker input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** The native form validation message (mandatory if `required` is set) */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** A function that takes a date and returns true if the date should not be selectable */\n  @Prop({ reflect: true }) isDateDisallowed?: (date: Date) => boolean;\n\n  /** The locale for formatting dates. If not set, will use the browser's locale.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n   */\n  @Prop({ reflect: true }) locale: Intl.LocalesArgument = 'en-GB';\n\n  /** The latest date that can be selected */\n  @Prop({ reflect: true }) max?: string;\n\n  /** The earliest date that can be selected */\n  @Prop({ reflect: true }) min?: string;\n\n  /** Number of months to show when range is `true` */\n  @Prop({ reflect: true }) months: number;\n\n  /**\n   * Specifies how the next/previous buttons should navigate the calendar.\n   * - single: The buttons will navigate by a single month at a time.\n   * - months: The buttons will navigate by the number of months displayed per view.\n   */\n  @Prop({ reflect: true }) monthsPerView: 'single' | 'months' = 'single';\n\n  /** The Date picker input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, the Date picker panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Date picker panel. */\n  @Prop({ reflect: true, mutable: true }) panelHeight?: string = 'auto';\n\n  /** The Date picker input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Date picker panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-end';\n\n  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Represents the skidding between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Whether to show days outside the month */\n  @Prop({ reflect: true }) showOutsideDays: boolean = false;\n\n  /** Defines the strategy to position the Date picker panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /** The date that is tentatively selected e.g. the start of a range selection  */\n  @Prop({ reflect: true, mutable: true }) tentative?: string;\n\n  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */\n  @Prop({ reflect: true }) type: TDatePickerType = 'single';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n   * All dates are expected in ISO-8601 format (YYYY-MM-DD). */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string) {\n    if (newValue === oldValue) return;\n\n    const { formatDisplayValue, internals, isCallyLoaded } = this;\n    if (!isCallyLoaded) return;\n\n    internals.setFormValue(!isNil(newValue) ? `${newValue}` : undefined);\n    this.updateFormValidity();\n\n    this.hasValue = isDefined(newValue);\n    this.displayDate = formatDisplayValue(newValue);\n\n    this.setFocusedDate();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(DATE_PICKER_TYPE, 'single', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqDatePickerElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqDatePickerElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  async componentWillLoad() {\n    if (!isClient() || this.isCallyLoaded) return;\n\n    try {\n      await loadCallyLibrary();\n      this.isCallyLoaded = isCallyLibraryLoaded();\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleValueChange(this.value, undefined);\n  }\n\n  componentDidRender() {\n    if (this.isInternalUpdate) {\n      this.isInternalUpdate = false;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    if (isNil(this.value)) return;\n\n    this.clear();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!isEventTargetChildOfElement(ev, this.el)) return;\n\n    const { open } = ev.detail;\n    if (this.open === open) return;\n\n    this.open = open;\n  }\n\n  @Listen('click', { target: 'body', capture: true })\n  handleClickOutside(ev: MouseEvent) {\n    const { open, type, hasRangeEnd } = this;\n    if (!open || type !== 'range' || ev.button !== 0) return;\n    if (isEventTargetChildOfElement(ev, this.el) || hasRangeEnd) return;\n\n    this.tentative = undefined;\n    this.hasRangeEnd = false;\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   *\n   * @return {Promise<void>}\n   * @memberof BqInput\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n    this.internals.setFormValue(undefined);\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private setFocusedDate = () => {\n    const { callyElem, formatFocusedDate, isCallyLoaded, value } = this;\n    if (!(callyElem && isCallyLoaded)) return;\n\n    const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString(this.LOCALE_DATE);\n    if (this.focusedDate === nextFocused) return;\n\n    this.focusedDate = nextFocused;\n    if (callyElem.focusedDate !== this.focusedDate) {\n      // We need to set the focused date in the calendar component via a ref\n      // because it doesn't work when passed as a prop (the Cally element does not re-render)\n      callyElem.focusedDate = this.focusedDate;\n    }\n  };\n\n  private clampDateToRange = (dateStr: string): string => {\n    if (this.min && dateStr < this.min) return this.min;\n    if (this.max && dateStr > this.max) return this.max;\n\n    return dateStr;\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled || !isHTMLElement(ev.target, 'input')) return;\n\n    const inputValue = ev.target.value.trim();\n    if (!inputValue) {\n      this.clearValue();\n      this.bqChange.emit({ value: this.value, el: this.el });\n      return;\n    }\n\n    // Try to parse as date with locale awareness\n    const dateValue = parseDateInput(inputValue, this.locale);\n    if (!dateValue) {\n      // Invalid date: don't update component value to avoid side effects\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Check if date is disallowed\n    if (this.isDateDisallowed?.(dateValue)) {\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Valid date: normalize to ISO format and clamp to range if needed\n    // Note: clamping is done based on string comparison of ISO dates and only when min/max are set\n    let isoDate = dateValue.toLocaleDateString(this.LOCALE_DATE);\n    isoDate = this.clampDateToRange(isoDate);\n\n    this.value = isoDate;\n    this.displayDate = this.formatDisplayValue(isoDate);\n    this.internals.setFormValue(isoDate);\n    this.updateFormValidity();\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  private handleCalendarChange = (ev: Event) => {\n    if (this.isInternalUpdate) return;\n\n    const shouldStayOpen = this.type === 'multi';\n    const value = (ev.target as unknown as { value: string }).value;\n\n    if (this.value === value) {\n      this.open = shouldStayOpen;\n      return;\n    }\n\n    this.isInternalUpdate = true;\n\n    this.value = value;\n    this.displayDate = this.formatDisplayValue(value);\n    this.inputElem.value = this.displayDate;\n    this.inputElem.focus();\n\n    this.internals.setFormValue(value);\n    this.bqChange.emit({ value: this.value, el: this.el });\n\n    this.open = shouldStayOpen;\n  };\n\n  private handleCalendarRangeStart = (ev: CustomEvent) => {\n    this.hasRangeEnd = false;\n    this.tentative = ev.detail;\n  };\n\n  private handleCalendarRangeEnd = () => {\n    this.hasRangeEnd = true;\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.clearValue();\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private clearValue = () => {\n    this.value = undefined;\n    this.displayDate = undefined;\n    this.internals.setFormValue(undefined);\n  };\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private generateCalendarMonth = (offset?: number, className = ''): Element | null => {\n    if (!this.isCallyLoaded) return null;\n\n    return (\n      <calendar-month\n        class={className}\n        exportparts={`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`}\n        offset={offset}\n      />\n    );\n  };\n\n  /**\n   * Generates an array of Elements representing the calendar months.\n   *\n   * If the type of the date picker is 'range' or 'multi' and the number of months is specified,\n   * it generates an array of calendar months with the specified length. Each month will have an offset\n   * and a class name based on its position in the array. The offset is used to determine the month to display,\n   * and the class name is used for responsive design.\n   *\n   * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\n   * it generates an array with a single calendar month.\n   *\n   * @returns {Element[]} An array of elements representing the calendar months.\n   */\n  private generateCalendarMonths = (): Element[] => {\n    if (!this.isCallyLoaded) return [];\n\n    if (this.type === 'range' || (this.type === 'multi' && this.months)) {\n      return Array.from({ length: this.months }, (_, i) => {\n        const offset = i > 0 ? i : undefined;\n        const className = offset ? 'hidden sm:block' : '';\n        return this.generateCalendarMonth(offset, className);\n      });\n    }\n\n    return [this.generateCalendarMonth()];\n  };\n\n  /**\n   * Extracts and returns the first date part from a given string.\n   * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value\n   * should be the focused date in the calendar.\n   *\n   * @param value - The value to be processed, can be a string.\n   * @returns The extracted last date portion of the value.\n   */\n  private formatFocusedDate = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateRegex = /\\b\\d{4}-\\d{2}-\\d{2}\\b/;\n    const match = dateRegex.exec(value);\n    return match ? match[0] : undefined;\n  };\n\n  private formatDisplayValue = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);\n\n    if (this.type === 'range') {\n      const [start, end] = value.split('/').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n      return dateFormatter.formatRange(start, end);\n    }\n\n    if (this.type === 'multi') {\n      const dates = value.split(' ').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n      return dates.map((date) => dateFormatter.format(date)).join(', ');\n    }\n\n    return dateFormatter.format(new Date(`${value}T00:00:00`));\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, value, inputElem } = this;\n\n    // Clear the validity state\n    internals?.states.clear();\n\n    // Check if value is required but missing\n    if (required && (!value || value.toString().trim() === '')) {\n      // Set validity state to invalid\n      internals?.states.add('invalid');\n      internals?.setValidity(\n        { valueMissing: true },\n        formValidationMessage ?? 'Please, input or select a valid date',\n        inputElem,\n      );\n      return;\n    }\n\n    // Set validity state to valid if the input has value or is not required\n    internals?.states.add('valid');\n    internals?.setValidity({});\n  };\n\n  private get calendarType() {\n    const componentTypes = {\n      single: 'calendar-date',\n      multi: 'calendar-multi',\n      range: 'calendar-range',\n    } as const;\n\n    // Return the corresponding component type, based on the type prop value\n    return componentTypes[this.type] || componentTypes.single;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const CallyCalendar = this.calendarType;\n    const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;\n\n    return (\n      <div class=\"bq-date-picker\" part=\"base\">\n        {/* Label */}\n        <label\n          aria-labelledby={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name || this.fallbackInputId}\n          part=\"label\"\n          ref={(labelElem: HTMLSpanElement) => {\n            this.labelElem = labelElem;\n          }}\n        >\n          <slot id={labelId} name=\"label\" onSlotchange={this.handleSlotChange} />\n        </label>\n        {/* Select date picker dropdown */}\n        <bq-dropdown\n          class=\"bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m\"\n          disabled={this.disabled}\n          distance={this.distance}\n          exportparts=\"panel\"\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-date-picker__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }}\n              part=\"prefix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.prefixElem = spanElem;\n              }}\n            >\n              <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              aria-controls={`${this.name}`}\n              aria-describedby={this.hasLabel ? labelId : null}\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-invalid={this.validationStatus === 'error' ? 'true' : 'false'}\n              aria-haspopup=\"dialog\"\n              autoCapitalize=\"off\"\n              autoComplete=\"off\"\n              class=\"bq-date-picker__control--input\"\n              disabled={this.disabled}\n              form={this.form}\n              id={this.name || this.fallbackInputId}\n              name={this.name}\n              onBlur={this.handleBlur}\n              onChange={this.handleChange}\n              onFocus={this.handleFocus}\n              part=\"input\"\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => {\n                this.inputElem = inputElem;\n              }}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n            />\n            {/* Clear Button */}\n            {this.hasValue && !this.disabled && !this.disableClear && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden\"\n                exportparts=\"button\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                size=\"small\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon class=\"flex\" name=\"x-circle\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              part=\"suffix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.suffixElem = spanElem;\n              }}\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSlotChange}>\n                <bq-icon class=\"flex\" name=\"calendar-blank\" />\n              </slot>\n            </span>\n          </div>\n          {this.isCallyLoaded && (\n            <CallyCalendar\n              aria-labelledby={labelId}\n              aria-modal=\"true\"\n              exportparts=\"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading\"\n              firstDayOfWeek={this.firstDayOfWeek}\n              isDateDisallowed={this.isDateDisallowed}\n              locale={this.locale as string}\n              max={this.max}\n              min={this.min}\n              months={this.months}\n              onChange={this.handleCalendarChange}\n              onRangeend={this.handleCalendarRangeEnd}\n              onRangestart={this.handleCalendarRangeStart}\n              pageBy={this.monthsPerView}\n              ref={(elem: TCalendarDate) => {\n                this.callyElem = elem;\n              }}\n              role=\"dialog\"\n              showOutsideDays={this.showOutsideDays}\n              tentative={this.tentative}\n              value={this.value}\n            >\n              <bq-icon color=\"text--primary\" label=\"Previous\" name=\"caret-left\" slot=\"previous\" />\n              <bq-icon color=\"text--primary\" label=\"Next\" name=\"caret-right\" slot=\"next\" />\n\n              <div class=\"flex flex-wrap justify-center gap-[--bq-spacing-m]\">{this.generateCalendarMonths()}</div>\n            </CallyCalendar>\n          )}\n        </bq-dropdown>\n      </div>\n    );\n  }\n}\n"],"names":["isNil","isDefined","validatePropValue","isClient","isEventTargetChildOfElement","isHTMLElement","parseDateInput","hasSlotContent","h"],"mappings":"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"}

package/dist/cjs/bq-dialog.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CLoLF-_B.js');
+var index = require('./index-g8MkV15i.js');
 var props = require('./props-DzFXZXSF.js');
 var slot = require('./slot-DKWrtk4b.js');
 var transition = require('./transition-C0S-pYqN.js');
@@ -196,18 +196,24 @@ const BqDialog = class {
         const style = {
             ...(this.border && { '--bq-dialog--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (index.h("dialog", { key: '9d8cf0b66af7dc40c3f0c9cf84cf703b9dd429a9', style: style, class: {
+        return (index.h("dialog", { key: 'a52424f5fcc4ea2f6662a882d0041978fb07fabd', "aria-labelledby": "bq-dialog--title", "aria-modal": "true", class: {
                 [`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]: true,
                 'inset-be-[50%] inset-bs-[50%]': this.disableBackdrop,
-            }, "data-transition-enter": "transition ease-in duration-300", "data-transition-enter-start": "opacity-0 scale-90", "data-transition-enter-end": "opacity-100 scale-100", "data-transition-leave": "transition ease-out duration-300", "data-transition-leave-start": "opacity-100 scale-100", "data-transition-leave-end": "opacity-0 scale-90", inert: this.open ? undefined : true, ref: (dialogElem) => (this.dialogElem = dialogElem), "aria-modal": "true", "aria-labelledby": "bq-dialog--title", part: "dialog" }, index.h("main", { key: '74f6c6e7f1a382642e62b17ab8e4547a1890e23c', class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden", part: "content" }, index.h("header", { key: '043875e696ef22b93399c8fac575d5d8f284fa8d', class: "bq-dialog--header", part: "header" }, index.h("div", { key: '8f0ba43a9538e7866f36c1363f581759fae78f5d', id: "bq-dialog--title", class: "bq-dialog--title flex flex-1 items-center justify-between", part: "title" }, index.h("slot", { key: 'd6af1faefd66f3471c147fcdac6c2fcd8aa3e1ad', name: "title" })), index.h("slot", { key: '116f4d6b1195236b8a0d8d45cbdb91775793135b', name: "button-close" }, !this.hideCloseButton && (index.h("bq-button", { key: 'f2254a4cdc7377da01a5c27bef09f53d4c0272d1', class: "bq-dialog--close", appearance: "text", size: "small" }, index.h("bq-icon", { key: 'e4643747cabfb44486f6f5fcceafada6a41182e6', class: "cursor-pointer", name: "x", role: "img", title: "Close" }))))), index.h("div", { key: '0ddc1b342643e35b567d9eb905b8c9b43c878200', class: {
+            }, "data-transition-enter": "transition ease-in duration-300", "data-transition-enter-end": "opacity-100 scale-100", "data-transition-enter-start": "opacity-0 scale-90", "data-transition-leave": "transition ease-out duration-300", "data-transition-leave-end": "opacity-0 scale-90", "data-transition-leave-start": "opacity-100 scale-100", inert: this.open ? undefined : true, part: "dialog", ref: (dialogElem) => {
+                this.dialogElem = dialogElem;
+            }, style: style }, index.h("main", { key: '2c2167eac55b7108bca003c2b9d834933e3c2d27', class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden", part: "content" }, index.h("header", { key: '81e28aa91f6f488a9dee784c366cdd5806f363b6', class: "bq-dialog--header", part: "header" }, index.h("div", { key: '24ceb02dbc276a22d3191bed8ec50efe78601d6a', class: "bq-dialog--title flex flex-1 items-center justify-between", id: "bq-dialog--title", part: "title" }, index.h("slot", { key: 'c7593d3930dba755f1bee330c9ff2bdb5cf12583', name: "title" })), index.h("slot", { key: '22a5d57e2749670fd61544e1c76163c23b12a528', name: "button-close" }, !this.hideCloseButton && (index.h("bq-button", { key: '439660f251acac11877443d576af3b839e3e7c3e', appearance: "text", class: "bq-dialog--close", size: "small" }, index.h("bq-icon", { key: 'a84b88017a963519c7edbc6e94dd883d660b6d97', class: "cursor-pointer", name: "x", title: "Close" }))))), index.h("div", { key: 'a46ea39ad6ef6c6f57c5a959dc7f32b41a7f96c8', class: {
                 '!hidden': !this.hasContent,
                 'overflow-y-auto p-i-[--bq-dialog--padding]': this.hasContent,
                 '!p-be-[--bq-dialog--padding]': !this.hasFooter,
-            }, ref: (mainElem) => (this.contentElem = mainElem), part: "body" }, index.h("slot", { key: '94a5cfb12a2187360e610ea9fa4505bc1efde198', onSlotchange: this.handleSlotChange }))), index.h("footer", { key: '208bdbacedc2ced119df2d3492dc0ec42d768da4', class: {
+            }, part: "body", ref: (mainElem) => {
+                this.contentElem = mainElem;
+            } }, index.h("slot", { key: '777e782e5a0f246f074c0bf8dbcd53e1720b0d4c', onSlotchange: this.handleSlotChange }))), index.h("footer", { key: 'ef09f53ce83e582b37f4bc360e02b657479def3d', class: {
                 '!hidden': !this.hasFooter,
                 'bq-dialog--footer': this.hasFooter,
-                'bg-ui-alt !p-b-s': this.footerAppearance === 'highlight',
-            }, ref: (footerElem) => (this.footerElem = footerElem), part: "footer" }, index.h("slot", { key: 'f95a5e225d11b0013e3a7e365634f583f0aeb288', name: "footer", onSlotchange: this.handleSlotChange }))));
+                '!p-b-s bg-ui-alt': this.footerAppearance === 'highlight',
+            }, part: "footer", ref: (footerElem) => {
+                this.footerElem = footerElem;
+            } }, index.h("slot", { key: 'eadf8c208213391e30c060602eb3b6c79b1b774c', name: "footer", onSlotchange: this.handleSlotChange }))));
     }
     static get watchers() { return {
         "footerAppearance": ["checkPropValues"],
@@ -219,5 +225,3 @@ BqDialog.style = bqDialogCss;
 
 exports.bq_dialog = BqDialog;
 //# sourceMappingURL=bq-dialog.entry.cjs.js.map
-
-//# sourceMappingURL=bq-dialog.cjs.entry.js.map