@wernfried/daterangepicker 5.4.6 → 5.4.10

package/dist/global/daterangepicker.js

@@ -166,6 +166,8 @@ var DateRangePicker = (function(exports, luxon2) {
       } else if (typeof options.parentEl === "string") {
         this.parentEl = document.querySelector(options.parentEl) ?? this.parentEl;
       }
+      if (this.parentEl.matches("input"))
+        console.error('Parent element "parentEl" must not a self-closing "<input>"');
       this.parentEl.appendChild(this.container);
       if (typeof options.timePicker === "boolean")
         this.timePicker = options.timePicker;
@@ -1605,7 +1607,7 @@ var DateRangePicker = (function(exports, luxon2) {
           top: offset(this.parentEl).top - this.parentEl.scrollTop,
           left: offset(this.parentEl).left - this.parentEl.scrollLeft
         };
-        parentRightEdge = this.parentEl.clientWidth + offset(this.parentEl).left;
+        parentRightEdge = this.parentEl.clientWidth + parentOffset.left;
       }
       switch (this.drops) {
         case "auto":
@@ -2326,6 +2328,25 @@ var DateRangePicker = (function(exports, luxon2) {
         });
       });
     }
+    /**
+     * Adds an event listener to the anchor element (e.g., `<input>`) the DateRangePicker is attached to.
+     * This allows external code to subscribe to native DOM events such as 'click', 'focus', 'keyup', etc.
+     * 
+     * @param {string} type - The event name (e.g., 'click', 'focus', 'keyup')
+     * @param {function} listener - The callback function invoked when the event fires
+     * @param {boolean|object} [options] - Optional event options:
+     *   - `boolean capture`: Whether to listen in the capture phase (default: `false`)
+     *   - `object signal`: An `AbortSignal` for later removal of the listener (default: `undefined`)
+     * 
+     * @example
+     * daterangepicker.addEventListener('click', (e) => {
+     *    console.log('Picker element was clicked', e);
+     * });
+     * 
+     */
+    addEventListener(type, listener, options) {
+      this.element.addEventListener(type, listener, options);
+    }
   }
   function createElementFromHTML(html) {
     const template = document.createElement("template");
@@ -2371,13 +2392,16 @@ var DateRangePicker = (function(exports, luxon2) {
   }
   function daterangepicker(element, options, callback) {
     if (element instanceof HTMLElement) {
-      return new DateRangePicker2(element, options || {}, callback);
-    } else if (elements instanceof NodeList || element instanceof HTMLCollection) {
+      element._daterangepicker = new DateRangePicker2(element, options || {}, callback);
+      return element._daterangepicker;
+    } else if (element instanceof NodeList || element instanceof HTMLCollection) {
       const ret = [];
       for (const el of Array.from(element)) {
         if (el._daterangepicker && typeof el._daterangepicker.remove === "function")
           el._daterangepicker.remove();
-        ret.push(new DateRangePicker2(el, options || {}, callback));
+        const picker = new DateRangePicker2(el, options || {}, callback);
+        el._daterangepicker = picker;
+        ret.push(picker);
       }
       return ret;
     } else if (typeof element === "string") {
@@ -2386,22 +2410,30 @@ var DateRangePicker = (function(exports, luxon2) {
         for (const el of Array.from(document.querySelectorAll(element))) {
           if (el._daterangepicker && typeof el._daterangepicker.remove === "function")
             el._daterangepicker.remove();
-          ret.push(new DateRangePicker2(el, options || {}, callback));
+          const picker = new DateRangePicker2(el, options || {}, callback);
+          el._daterangepicker = picker;
+          ret.push(picker);
         }
         return ret;
       } else if (document.querySelectorAll(element).length === 1) {
-        return new DateRangePicker2(element, options || {}, callback);
+        const picker = new DateRangePicker2(element, options || {}, callback);
+        document.querySelector(element)._daterangepicker = picker;
+        return picker;
       } else {
-        return null;
+        return void 0;
       }
+    } else if (element == null) {
+      return new DateRangePicker2(element, options || {}, callback);
     } else {
-      return null;
+      return void 0;
     }
   }
-  function getDateRangePicker(target) {
-    if (typeof target === "string")
-      target = document.querySelector(target);
-    return target instanceof HTMLElement ? target._daterangepicker : void 0;
+  function getDateRangePicker(element) {
+    if (typeof element === "string") {
+      return document.querySelector(element)._daterangepicker;
+    } else {
+      return element instanceof HTMLElement ? element._daterangepicker : void 0;
+    }
   }
   if (window.jQuery?.fn) {
     jQuery.fn.daterangepicker = function(options, callback) {