@wernfried/daterangepicker 5.4.1 → 5.4.3

package/dist/esm/daterangepicker.js

@@ -5,7 +5,7 @@ class DateRangePicker {
   constructor(element, options, cb) {
     if (typeof element === "string" && document.querySelectorAll(element).length > 1)
       throw new RangeError(`Option 'element' must match to one element only`);
-    this.parentEl = "body";
+    this.parentEl = document.querySelector("body");
     this.element = element instanceof HTMLElement ? element : document.querySelector(element);
     this.isInputText = this.element instanceof HTMLInputElement && this.element.type === "text";
     this.button = null;
@@ -160,7 +160,11 @@ class DateRangePicker {
       options.template = template.join("");
       this.container = createElementFromHTML(options.template);
     }
-    this.parentEl = document.querySelector(typeof options.parentEl === "string" ? options.parentEl : this.parentEl);
+    if (options.parentEl instanceof HTMLElement) {
+      this.parentEl = options.parentEl;
+    } else if (typeof options.parentEl === "string") {
+      this.parentEl = document.querySelector(options.parentEl) ?? this.parentEl;
+    }
     this.parentEl.appendChild(this.container);
     if (typeof options.timePicker === "boolean")
       this.timePicker = options.timePicker;
@@ -2364,21 +2368,34 @@ function outerHeight(el, withMargin = false) {
   const style = getComputedStyle(el);
   return el.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom);
 }
-function daterangepicker(elements, options, callback) {
-  if (typeof elements === "string")
-    return daterangepicker(document.querySelectorAll(elements), options, callback);
-  if (elements instanceof HTMLElement)
-    elements = [elements];
-  if (elements instanceof NodeList || elements instanceof HTMLCollection)
-    elements = Array.from(elements);
-  if (elements == null)
-    return new DateRangePicker(null, options || {}, callback);
-  elements.forEach((el) => {
-    if (el._daterangepicker && typeof el._daterangepicker.remove === "function")
-      el._daterangepicker.remove();
-    el._daterangepicker = new DateRangePicker(el, options || {}, callback);
-  });
-  return elements.length === 1 ? elements[0] : elements;
+function daterangepicker(element, options, callback) {
+  if (element instanceof HTMLElement) {
+    return new DateRangePicker(element, options || {}, callback);
+  } else if (elements 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 DateRangePicker(el, options || {}, callback));
+    }
+    return ret;
+  } else if (typeof element === "string") {
+    if (document.querySelectorAll(element).length > 1) {
+      const ret = [];
+      for (const el of Array.from(document.querySelectorAll(element))) {
+        if (el._daterangepicker && typeof el._daterangepicker.remove === "function")
+          el._daterangepicker.remove();
+        ret.push(new DateRangePicker(el, options || {}, callback));
+      }
+      return ret;
+    } else if (document.querySelectorAll(element).length === 1) {
+      return new DateRangePicker(element, options || {}, callback);
+    } else {
+      return null;
+    }
+  } else {
+    return null;
+  }
 }
 function getDateRangePicker(target) {
   if (typeof target === "string")