@wernfried/daterangepicker 5.3.8 → 5.4.2

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;
@@ -314,12 +318,12 @@ class DateRangePicker {
       if (opt === "endDate" && this.singleDatePicker)
         continue;
       if (typeof options[opt] === "object") {
-        if (DateTime.isDateTime(options[opt]) && options[opt].isValid) {
+        if (options[opt] == null) {
+          this[opt] = null;
+        } else if (DateTime.isDateTime(options[opt])) {
           this[opt] = options[opt];
         } else if (options[opt] instanceof Date) {
           this[opt] = DateTime.fromJSDate(options[opt]);
-        } else if (options[opt] === null) {
-          this[opt] = null;
         } else {
           console.error(`Option '${opt}' must be a luxon.DateTime or Date or string`);
         }
@@ -616,7 +620,7 @@ class DateRangePicker {
     * // -> Calendar selects and shows "today - 3 days"
     */
     onViolate: { type: "violate", param: (violation, newDate) => {
-      return { ...violation, ...{ cancelable: true } };
+      return { ...violation, cancelable: true };
     } },
     /**
     * Emitted before the calendar time picker is rendered.
@@ -1334,7 +1338,7 @@ class DateRangePicker {
       html += `<th class="week">${this.locale.weekLabel}</th>`;
     for (let [index, dayOfWeek] of this.locale.daysOfWeek.entries()) {
       html += "<th";
-      if (this.weekendDayClasses && this.weekendDayClasses.length && Info.getWeekendWeekdays().includes(index + 1))
+      if (this.weekendDayClasses && this.weekendDayClasses.length && Info.getWeekendWeekdays().includes(calendar[0][index].weekday))
         html += ` class="${this.weekendDayClasses}"`;
       html += `>${dayOfWeek}</th>`;
     }