@descope/web-components-ui 1.90.0 → 1.91.0

package/dist/cjs/index.cjs.js

@@ -16790,7 +16790,7 @@ const componentName$j = getComponentName$1('date-field');
 const BASE_SELECTOR = 'vaadin-popover';
 const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$j, baseSelector: BASE_SELECTOR });
 
-const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];
+const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly', 'disable-calendar'];
 const calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];
 const observedAttrs$1 = [...dateFieldAttrs, ...calendarAttrs];
 
@@ -16880,6 +16880,10 @@ class RawDateFieldClass extends BaseInputClass$1 {
       :host([readonly="true"]) .toggle-calendar {
         pointer-events: none;
       }
+
+      .hidden {
+        display: none;
+      }
         `,
       this
     );
@@ -16965,6 +16969,10 @@ class RawDateFieldClass extends BaseInputClass$1 {
     return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));
   }
 
+  get disableCalendar() {
+    return this.getAttribute('disable-calendar') === 'true';
+  }
+
   reportValidity() {
     this.inputElement.reportValidity();
   }
@@ -17125,6 +17133,7 @@ class RawDateFieldClass extends BaseInputClass$1 {
   }
 
   openPopover() {
+    if (this.disableCalendar) return;
     this.setAttribute('opened', 'true');
   }
 
@@ -17378,6 +17387,14 @@ class RawDateFieldClass extends BaseInputClass$1 {
     }
   }
 
+  togglePopoverAccess(visibility) {
+    if (visibility) {
+      this.popoverToggleButton.classList.remove('hidden');
+    } else {
+      this.popoverToggleButton.classList.add('hidden');
+    }
+  }
+
   attributeChangedCallback(attrName, oldValue, newValue) {
     super.attributeChangedCallback?.(attrName, oldValue, newValue);
 
@@ -17385,6 +17402,9 @@ class RawDateFieldClass extends BaseInputClass$1 {
       if (attrName === 'years-range') {
         this.setYearRange(newValue);
       }
+      if (attrName === 'disable-calendar') {
+        this.togglePopoverAccess(newValue !== 'true');
+      }
       if (dateFieldAttrs.includes(attrName)) {
         if (newValue && attrName === 'format') {
           this.onFormatUpdate(newValue);