@wernfried/daterangepicker 5.2.7 → 5.2.10

package/dist/global/daterangepicker.js

@@ -16,7 +16,7 @@ var DateRangePicker = (function(exports, luxon2) {
       this.maxSpan = null;
       this.minSpan = null;
       this.defaultSpan = null;
-      this.initalMonth = luxon2.DateTime.now().startOf("month");
+      this.initialMonth = luxon2.DateTime.now().startOf("month");
       this.autoApply = false;
       this.singleDatePicker = false;
       this.singleMonthView = false;
@@ -81,7 +81,7 @@ var DateRangePicker = (function(exports, luxon2) {
         if (!Object.keys(this).concat(["startDate", "endDate"]).includes(name) || Object.keys(options).includes(name))
           continue;
         let ts = luxon2.DateTime.fromISO(item.value);
-        const isDate = ["startDate", "endDate", "minDate", "maxDate", "initalMonth"].includes(name);
+        const isDate = ["startDate", "endDate", "minDate", "maxDate", "initialMonth"].includes(name);
         dataOptions[name] = ts.isValid && isDate ? ts : JSON.parse(item.value);
       }
       options = { ...dataOptions, ...options };
@@ -296,7 +296,7 @@ var DateRangePicker = (function(exports, luxon2) {
           secondStep: this.timePickerStepSize.seconds
         };
       }
-      for (let opt of ["startDate", "endDate", "minDate", "maxDate", "initalMonth"]) {
+      for (let opt of ["startDate", "endDate", "minDate", "maxDate", "initialMonth"]) {
         if (opt === "endDate" && this.singleDatePicker)
           continue;
         if (typeof options[opt] === "object") {
@@ -359,10 +359,10 @@ var DateRangePicker = (function(exports, luxon2) {
         if (this.#startDate) this.#startDate = this.#startDate.startOf("day");
         if (this.#endDate) this.#endDate = this.#endDate.endOf("day");
       }
-      if (!this.#startDate && this.initalMonth) {
+      if (!this.#startDate && this.initialMonth) {
         this.#endDate = null;
         if (this.timePicker)
-          console.error(`Option 'initalMonth' works only with 'timePicker: false'`);
+          console.error(`Option 'initialMonth' works only with 'timePicker: false'`);
       } else {
         const violations = this.validateInput(null, false);
         if (violations != null) {
@@ -1153,10 +1153,10 @@ var DateRangePicker = (function(exports, luxon2) {
           }
         }
       } else {
-        if (!this.#startDate && this.initalMonth) {
-          this.leftCalendar.month = this.initalMonth;
+        if (!this.#startDate && this.initialMonth) {
+          this.leftCalendar.month = this.initialMonth;
           if (!this.singleMonthView)
-            this.rightCalendar.month = this.initalMonth.plus({ month: 1 });
+            this.rightCalendar.month = this.initialMonth.plus({ month: 1 });
         } else {
           if (!this.leftCalendar.month.hasSame(this.#startDate, "month") && !this.rightCalendar.month.hasSame(this.#startDate, "month")) {
             this.leftCalendar.month = this.#startDate.startOf("month");
@@ -1239,8 +1239,8 @@ var DateRangePicker = (function(exports, luxon2) {
       if (side === "right" && this.singleMonthView)
         return;
       var calendar = side === "left" ? this.leftCalendar : this.rightCalendar;
-      if (calendar.month == null && !this.#startDate && this.initalMonth)
-        calendar.month = this.initalMonth.startOf("month");
+      if (calendar.month == null && !this.#startDate && this.initialMonth)
+        calendar.month = this.initialMonth.startOf("month");
       const firstDay = calendar.month.startOf("month");
       const lastDay = calendar.month.endOf("month").startOf("day");
       var theDate = calendar.month.startOf("month").minus({ day: 1 });
@@ -1397,6 +1397,7 @@ var DateRangePicker = (function(exports, luxon2) {
         if (maxDate && selected > maxDate)
           selected = maxDate;
       }
+      let disabled = { hour: false, minute: false, second: false, ampm: false };
       html += `<th colspan="7">`;
       if (this.externalStyle === "bulma")
         html += '<div class="select is-small mx-1">';
@@ -1407,19 +1408,18 @@ var DateRangePicker = (function(exports, luxon2) {
         start = ampm === "AM" ? 1 : 13;
       for (var i = start; i <= start + 23; i += this.timePickerOpts.hourStep) {
         let time = selected.set({ hour: i % 24 });
-        let disabled = false;
         if (minDate && time.set({ minute: 59 }) < minDate)
-          disabled = true;
+          disabled.hour = true;
         if (maxDate && time.set({ minute: 0 }) > maxDate)
-          disabled = true;
+          disabled.hour = true;
         if (minLimit && time.endOf("hour") < minLimit)
-          disabled = true;
-        if (!disabled && this.isInvalidTime(time, this.singleDatePicker ? null : side, "hour"))
-          disabled = true;
+          disabled.hour = true;
+        if (!disabled.hour && this.isInvalidTime(time, this.singleDatePicker ? null : side, "hour"))
+          disabled.hour = true;
         if (this.timePicker24Hour) {
-          if (!disabled && i == selected.hour) {
+          if (!disabled.hour && i == selected.hour) {
             html += `<option value="${i}" selected>${i}</option>`;
-          } else if (disabled) {
+          } else if (disabled.hour) {
             html += `<option value="${i}" disabled class="disabled">${i}</option>`;
           } else {
             html += `<option value="${i}">${i}</option>`;
@@ -1428,9 +1428,9 @@ var DateRangePicker = (function(exports, luxon2) {
           const i_12 = luxon2.DateTime.fromFormat(`${i % 24}`, "H").toFormat("h");
           const i_ampm = luxon2.DateTime.fromFormat(`${i % 24}`, "H").toFormat("a", { locale: "en-US" });
           if (ampm == i_ampm) {
-            if (!disabled && i == selected.hour) {
+            if (!disabled.hour && i == selected.hour) {
               html += `<option ampm="${i_ampm}" value="${i % 24}" selected>${i_12}</option>`;
-            } else if (disabled) {
+            } else if (disabled.hour) {
               html += `<option  ampm="${i_ampm}" value="${i % 24}" disabled class="disabled">${i_12}</option>`;
             } else {
               html += `<option ampm="${i_ampm}" value="${i % 24}">${i_12}</option>`;
@@ -1451,18 +1451,19 @@ var DateRangePicker = (function(exports, luxon2) {
         for (var i = 0; i < 60; i += this.timePickerOpts.minuteStep) {
           var padded = i < 10 ? "0" + i : i;
           let time = selected.set({ minute: i });
-          let disabled = false;
+          if (disabled.hour)
+            disabled.minute = true;
           if (minDate && time.set({ second: 59 }) < minDate)
-            disabled = true;
+            disabled.minute = true;
           if (maxDate && time.set({ second: 0 }) > maxDate)
-            disabled = true;
+            disabled.minute = true;
           if (minLimit && time.endOf("minute") < minLimit)
-            disabled = true;
-          if (!disabled && this.isInvalidTime(time, this.singleDatePicker ? null : side, "minute"))
-            disabled = true;
-          if (selected.minute == i && !disabled) {
+            disabled.minute = true;
+          if (!disabled.minute && this.isInvalidTime(time, this.singleDatePicker ? null : side, "minute"))
+            disabled.minute = true;
+          if (selected.minute == i && !disabled.minute) {
             html += `<option value="${i}" selected>${padded}</option>`;
-          } else if (disabled) {
+          } else if (disabled.minute) {
             html += `<option value="${i}" disabled class="disabled">${padded}</option>`;
           } else {
             html += `<option value="${i}">${padded}</option>`;
@@ -1480,18 +1481,19 @@ var DateRangePicker = (function(exports, luxon2) {
         for (var i = 0; i < 60; i += this.timePickerOpts.secondStep) {
           var padded = i < 10 ? "0" + i : i;
           let time = selected.set({ second: i });
-          let disabled = false;
+          if (disabled.minute)
+            disabled.second = true;
           if (minDate && time < minDate)
-            disabled = true;
+            disabled.second = true;
           if (maxDate && time > maxDate)
-            disabled = true;
+            disabled.second = true;
           if (minLimit && time < minLimit)
-            disabled = true;
-          if (!disabled && this.isInvalidTime(time, this.singleDatePicker ? null : side, "second"))
-            disabled = true;
-          if (selected.second == i && !disabled) {
+            disabled.second = true;
+          if (!disabled.second && this.isInvalidTime(time, this.singleDatePicker ? null : side, "second"))
+            disabled.second = true;
+          if (selected.second == i && !disabled.second) {
             html += `<option value="${i}" selected>${padded}</option>`;
-          } else if (disabled) {
+          } else if (disabled.second) {
             html += `<option value="${i}" disabled class="disabled">${padded}</option>`;
           } else {
             html += `<option value="${i}">${padded}</option>`;
@@ -1507,14 +1509,15 @@ var DateRangePicker = (function(exports, luxon2) {
         html += '<select class="ampmselect">';
         var am_html = "";
         var pm_html = "";
-        let disabled = false;
+        if (disabled.hour)
+          disabled.ampm = true;
         if (minDate && selected.startOf("day") < minDate)
-          disabled = true;
+          disabled.ampm = true;
         if (maxDate && selected.endOf("day") > maxDate)
-          disabled = true;
+          disabled.ampm = true;
         if (minLimit && selected.startOf("day") < minLimit)
-          disabled = true;
-        if (disabled) {
+          disabled.ampm = true;
+        if (disabled.ampm) {
           am_html = ' disabled class="disabled "';
           pm_html = ' disabled class="disabled"';
         } else {
@@ -1780,7 +1783,7 @@ var DateRangePicker = (function(exports, luxon2) {
       const leftCalendar = this.leftCalendar;
       const rightCalendar = this.rightCalendar;
       const startDate = this.#startDate;
-      const initalMonth = this.initalMonth;
+      const initialMonth = this.initialMonth;
       if (!this.#endDate) {
         this.container.querySelectorAll(".drp-calendar tbody td").forEach((el) => {
           if (el.classList.contains("week")) return;
@@ -1789,7 +1792,7 @@ var DateRangePicker = (function(exports, luxon2) {
           const col2 = title2.substring(3, 4);
           const cal2 = el.closest(".drp-calendar");
           const dt = cal2.classList.contains("left") ? leftCalendar.calendar[row2][col2] : rightCalendar.calendar[row2][col2];
-          if (!startDate && initalMonth) {
+          if (!startDate && initialMonth) {
             el.classList.remove("in-range");
           } else {
             el.classList.toggle("in-range", dt > startDate && dt < date || dt.hasSame(date, "day"));
@@ -2180,7 +2183,7 @@ var DateRangePicker = (function(exports, luxon2) {
     * @emits external:change
     */
     updateElement() {
-      if (this.#startDate == null && this.initalMonth)
+      if (this.#startDate == null && this.initialMonth)
         return;
       if (this.isInputText) {
         let newValue = this.formatDate(this.#startDate);