q2-tecton-elements 1.59.1 → 1.60.0

package/dist/cjs/q2-calendar.cjs.entry.js

@@ -915,10 +915,18 @@ const Q2Calendar = class {
             this.typedValue = shortFormattedValue;
         }
         else {
-            this.controlElement.value = shortFormattedValue;
             this.selectedMonthYear = setupMonthYear(newDate);
             this.dateList = this.buildDateList(this.selectedMonthYear);
             this.validateDate();
+            if (this.controlElement) {
+                this.controlElement.value = shortFormattedValue;
+            }
+            else {
+                this.scheduledAfterRender.push(() => {
+                    if (this.controlElement)
+                        this.controlElement.value = shortFormattedValue;
+                });
+            }
         }
         // reset hint when value is cleared
         if (this.invalid)
@@ -1188,7 +1196,7 @@ const Q2Calendar = class {
             ariaLabel += formatDateFull(day.date);
             if (day.isSelected)
                 ariaLabel += ` (${index.loc('tecton.element.calendar.selected')})`;
-            return (index$2.h("td", { class: day.classList, "aria-hidden": day.isEmpty ? 'true' : undefined, tabindex: day.isSelected ? 0 : -1, role: day.isSelected ? 'gridcell' : undefined, "aria-selected": `${day.isSelected}`, "aria-disabled": day.isValid ? undefined : 'true', "data-day": day.integer || undefined, "data-date": day.date ? formatDateISO(day.date) : undefined }, (day === null || day === void 0 ? void 0 : day.isToday) && (index$2.h("div", { class: "today-decorator", "aria-hidden": "true" }, index.loc('tecton.element.calendar.today'))), index$2.h("div", { "aria-label": ariaLabel }, (_a = day === null || day === void 0 ? void 0 : day.integer) !== null && _a !== void 0 ? _a : '')));
+            return (index$2.h("td", { class: day.classList, "aria-hidden": day.isEmpty ? 'true' : undefined, tabindex: day.isSelected ? 0 : -1, role: day.isSelected ? 'gridcell' : undefined, "aria-selected": `${day.isSelected}`, "aria-disabled": day.isValid ? undefined : 'true', "data-day": day.integer || undefined, "data-date": day.date ? formatDateISO(day.date) : undefined }, (day === null || day === void 0 ? void 0 : day.isToday) && (index$2.h("div", { class: "today-decorator", "aria-hidden": "true" }, index.loc('tecton.element.calendar.today'))), index$2.h("div", { "aria-label": ariaLabel, role: "text" }, (_a = day === null || day === void 0 ? void 0 : day.integer) !== null && _a !== void 0 ? _a : '')));
         })))))));
     }
     renderCalendarPopover() {
@@ -1205,7 +1213,7 @@ const Q2Calendar = class {
         return (index$2.h("q2-input", { ref: el => (this.controlElement = el), class: "calendar-input-field", value: this.formattedValue, label: index.loc(this.label), hideLabel: this.hideLabel, disabled: !!this.disabled, readonly: !!this.readonly, clearable: this.canClear, placeholder: this.computedPlaceholder, optional: !!this.optional, "aria-expanded": `${!!this.open}`, "aria-controls": "calendar-popover", hints: this.hintList, errors: this.errorList, onClick: isTypeable ? undefined : this.onInputClick, onChange: this.onInputChange, onInput: this.onInputInput, onKeyDown: this.onInputKeydown, onKeyUp: this.onInputKeyup, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "icon-right": isTypeable ? undefined : 'calendar', "format-modifier": isTypeable ? this.formatModifier : this.displayFormat || this.formatModifier, type: "date", "hide-messages": !isTypeable, "test-id": "inputAndCalendarToggle", _role: "combobox", _preventEntry: !isTypeable }, isTypeable && (index$2.h("q2-btn", { ref: el => (this.btnCalendarToggle = el), slot: "input-right", onClick: this.onInputClick, "test-id": "calendarToggle", label: "tecton.element.calendar.toggleAriaLabel", "hide-label": true }, index$2.h("q2-icon", { type: "calendar" })))));
     }
     render() {
-        return (index$2.h("click-elsewhere", { key: 'a78375247ddba12406e5b587d7f924631ef553ee', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), index$2.h("q2-popover", { key: '9a3625559ed414724ed71d209906ef9ba0d0699a', ref: el => (this.popoverElement = el), id: "calendar-popover", controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: true }, this.renderHintField(), this.renderCalendarPopover())));
+        return (index$2.h("click-elsewhere", { key: '210cb8fc58ffca3a488502c636da70bf3b41f9d5', class: this.open ? 'dropdown-open' : undefined, onChange: this.onClickElsewhere }, this.renderInputField(), index$2.h("q2-popover", { key: '7fbce4898dbe61a2803d64279ba26dff9065e770', ref: el => (this.popoverElement = el), id: "calendar-popover", controlElement: this.innerInputContainer, open: this.open, direction: this.popoverDirection, minHeight: this.popoverMinHeight, align: this.popoverAlignment, mode: this.popoverMode || undefined, block: true }, this.renderHintField(), this.renderCalendarPopover())));
     }
     get hostElement() { return index$2.getElement(this); }
     static get watchers() { return {