@nasa-terra/components 0.0.163 → 0.0.165

package/cdn/chunks/{chunk.PFSIZHIE.js → chunk.SW5PSOVR.js}

@@ -3,30 +3,27 @@ import {
 } from "./chunk.OGT3IDWC.js";
 import {
   TerraInput
-} from "./chunk.GNZ6XI36.js";
+} from "./chunk.FDZIJYAO.js";
 import {
   TerraDropdown
-} from "./chunk.4JA746E3.js";
+} from "./chunk.TFYS773O.js";
 import {
   e as e2,
   n as n2
-} from "./chunk.5RYT4QNM.js";
+} from "./chunk.K6SKQZRX.js";
 import {
   TerraButton
-} from "./chunk.KFKCDY4Z.js";
+} from "./chunk.BJ3N2M74.js";
 import {
   isValid
 } from "./chunk.QSDOLP4K.js";
-import {
-  watch
-} from "./chunk.5WMSKURU.js";
 import {
   TerraElement,
   component_styles_default,
   e,
   n,
   r
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";
@@ -109,6 +106,9 @@ var TerraDatePicker = class extends TerraElement {
     const dateOnlyPattern = /^\d{4}-\d{2}-\d{2}$/;
     if (dateOnlyPattern.test(dateString)) {
       const [year, month, day] = dateString.split("-").map(Number);
+      if (this.enableTime) {
+        return new Date(Date.UTC(year, month - 1, day, 0, 0, 0));
+      }
       return new Date(year, month - 1, day);
     }
     const dateTimePattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/;
@@ -124,12 +124,18 @@ var TerraDatePicker = class extends TerraElement {
    * Check if two dates are in the same calendar month and year
    */
   isSameMonth(date1, date2) {
+    if (this.enableTime) {
+      return date1.getUTCFullYear() === date2.getUTCFullYear() && date1.getUTCMonth() === date2.getUTCMonth();
+    }
     return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
   }
   /**
    * Check if a date's month/year matches a given month Date
    */
   isDateInMonth(date, monthDate) {
+    if (this.enableTime) {
+      return date.getUTCFullYear() === monthDate.getUTCFullYear() && date.getUTCMonth() === monthDate.getUTCMonth();
+    }
     return date.getFullYear() === monthDate.getFullYear() && date.getMonth() === monthDate.getMonth();
   }
   getBounds() {
@@ -199,84 +205,92 @@ var TerraDatePicker = class extends TerraElement {
       this.close();
     }
   }
-  handleInlineChange() {
-    if (this.inline) {
-      this.isOpen = true;
-      if (this.dropdownRef.value) {
-        this.dropdownRef.value.hide();
-      }
-    }
-  }
-  handleMinMaxDateChange() {
-    if (this.maxDate && !this.selectedStart && !this.selectedEnd) {
-      const max = this.parseLocalDate(this.maxDate);
-      if (!isNaN(max.getTime())) {
-        if (this.range) {
-          this.rightMonth = new Date(max);
-          const left = new Date(max);
-          left.setMonth(left.getMonth() - 1);
-          this.leftMonth = left;
-        } else {
-          this.leftMonth = new Date(max);
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("inline")) {
+      if (this.inline) {
+        this.isOpen = true;
+        if (this.dropdownRef.value) {
+          this.dropdownRef.value.hide();
         }
       }
     }
-  }
-  handleStartEndDateChange() {
-    if (this.startDate) {
-      const start = this.parseLocalDate(this.startDate);
-      if (!isNaN(start.getTime())) {
-        this.selectedStart = start;
-        if (this.enableTime) {
-          this.initializeTimeFromDate(start, true);
+    if (changedProperties.has("minDate") || changedProperties.has("maxDate")) {
+      if (this.maxDate && !this.selectedStart && !this.selectedEnd) {
+        const max = this.parseLocalDate(this.maxDate);
+        if (!isNaN(max.getTime())) {
+          if (this.range) {
+            this.rightMonth = new Date(max);
+            const left = new Date(max);
+            left.setMonth(left.getMonth() - 1);
+            this.leftMonth = left;
+          } else {
+            this.leftMonth = new Date(max);
+          }
         }
       }
-    } else {
-      this.selectedStart = null;
     }
-    if (this.range) {
-      if (this.endDate) {
-        const end = this.parseLocalDate(this.endDate);
-        if (!isNaN(end.getTime())) {
-          this.selectedEnd = end;
+    if (changedProperties.has("startDate") || changedProperties.has("endDate")) {
+      if (this.startDate) {
+        const start = this.parseLocalDate(this.startDate);
+        if (!isNaN(start.getTime())) {
+          this.selectedStart = start;
           if (this.enableTime) {
-            this.initializeTimeFromDate(end, false);
+            this.initializeTimeFromDate(start, true);
           }
         }
       } else {
-        this.selectedEnd = null;
+        this.selectedStart = null;
       }
-      if (this.selectedStart && this.selectedEnd) {
-        const isSingleMonthRange = this.isSameMonth(
-          this.selectedStart,
-          this.selectedEnd
-        );
-        if (isSingleMonthRange) {
-          if (this.isDateInMonth(this.selectedStart, this.leftMonth)) {
-            this.leftMonth = new Date(this.selectedStart);
-            if (this.isDateInMonth(this.selectedStart, this.rightMonth)) {
+      if (this.range) {
+        if (this.endDate) {
+          const end = this.parseLocalDate(this.endDate);
+          if (!isNaN(end.getTime())) {
+            this.selectedEnd = end;
+            if (this.enableTime) {
+              this.initializeTimeFromDate(end, false);
+            }
+          }
+        } else {
+          this.selectedEnd = null;
+        }
+        if (this.selectedStart && this.selectedEnd) {
+          const isSingleMonthRange = this.isSameMonth(
+            this.selectedStart,
+            this.selectedEnd
+          );
+          if (isSingleMonthRange) {
+            if (this.isDateInMonth(this.selectedStart, this.leftMonth)) {
+              this.leftMonth = new Date(this.selectedStart);
+              if (this.isDateInMonth(
+                this.selectedStart,
+                this.rightMonth
+              )) {
+                this.rightMonth = new Date(this.selectedStart);
+                this.rightMonth.setMonth(
+                  this.rightMonth.getMonth() + 1
+                );
+              }
+            } else if (this.isDateInMonth(this.selectedStart, this.rightMonth)) {
               this.rightMonth = new Date(this.selectedStart);
-              this.rightMonth.setMonth(this.rightMonth.getMonth() + 1);
+            } else {
+              this.leftMonth = new Date(this.selectedStart);
             }
-          } else if (this.isDateInMonth(this.selectedStart, this.rightMonth)) {
-            this.rightMonth = new Date(this.selectedStart);
           } else {
             this.leftMonth = new Date(this.selectedStart);
+            this.rightMonth = new Date(this.selectedEnd);
           }
-        } else {
+        } else if (this.selectedStart) {
           this.leftMonth = new Date(this.selectedStart);
-          this.rightMonth = new Date(this.selectedEnd);
+          this.rightMonth = new Date(this.leftMonth);
+          this.rightMonth.setMonth(this.rightMonth.getMonth() + 1);
         }
-      } else if (this.selectedStart) {
-        this.leftMonth = new Date(this.selectedStart);
-        this.rightMonth = new Date(this.leftMonth);
-        this.rightMonth.setMonth(this.rightMonth.getMonth() + 1);
-      }
-    } else {
-      if (this.selectedStart) {
-        this.leftMonth = new Date(this.selectedStart);
+      } else {
+        if (this.selectedStart) {
+          this.leftMonth = new Date(this.selectedStart);
+        }
+        this.selectedEnd = null;
       }
-      this.selectedEnd = null;
     }
   }
   initializePresets() {
@@ -898,21 +912,27 @@ var TerraDatePicker = class extends TerraElement {
   getDaysInMonth(date) {
     const year = date.getFullYear();
     const month = date.getMonth();
-    const firstDay = new Date(year, month, 1);
+    const createDate = (y, m, d) => {
+      if (this.enableTime) {
+        return new Date(Date.UTC(y, m, d, 0, 0, 0));
+      }
+      return new Date(y, m, d);
+    };
+    const firstDay = createDate(year, month, 1);
     const lastDay = new Date(year, month + 1, 0);
     const days = [];
-    const firstDayOfWeek = firstDay.getDay();
+    const firstDayOfWeek = this.enableTime ? firstDay.getUTCDay() : firstDay.getDay();
     for (let i = firstDayOfWeek - 1; i >= 0; i--) {
-      const day = new Date(year, month, -i);
+      const day = createDate(year, month, -i);
       days.push(day);
     }
     for (let i = 1; i <= lastDay.getDate(); i++) {
-      days.push(new Date(year, month, i));
+      days.push(createDate(year, month, i));
     }
     const remainingDays = 7 - days.length % 7;
     if (remainingDays < 7) {
       for (let i = 1; i <= remainingDays; i++) {
-        days.push(new Date(year, month + 1, i));
+        days.push(createDate(year, month + 1, i));
       }
     }
     return days;
@@ -920,6 +940,9 @@ var TerraDatePicker = class extends TerraElement {
   isSameDay(date1, date2) {
     if (!date1 || !date2)
       return false;
+    if (this.enableTime) {
+      return date1.getUTCFullYear() === date2.getUTCFullYear() && date1.getUTCMonth() === date2.getUTCMonth() && date1.getUTCDate() === date2.getUTCDate();
+    }
     return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
   }
   isInRange(date) {
@@ -1078,7 +1101,13 @@ var TerraDatePicker = class extends TerraElement {
         );
         startDateTime = startDate.toISOString();
       } else {
-        startDateTime = this.selectedStart.toISOString().split("T")[0];
+        const year = this.selectedStart.getFullYear();
+        const month = String(this.selectedStart.getMonth() + 1).padStart(
+          2,
+          "0"
+        );
+        const day = String(this.selectedStart.getDate()).padStart(2, "0");
+        startDateTime = `${year}-${month}-${day}`;
       }
     }
     if (this.selectedEnd) {
@@ -1087,7 +1116,10 @@ var TerraDatePicker = class extends TerraElement {
         endDate.setUTCHours(this.endHour, this.endMinute, this.endSecond, 0);
         endDateTime = endDate.toISOString();
       } else {
-        endDateTime = this.selectedEnd.toISOString().split("T")[0];
+        const year = this.selectedEnd.getFullYear();
+        const month = String(this.selectedEnd.getMonth() + 1).padStart(2, "0");
+        const day = String(this.selectedEnd.getDate()).padStart(2, "0");
+        endDateTime = `${year}-${month}-${day}`;
       }
     }
     this.emit("terra-date-range-change", {
@@ -1364,7 +1396,9 @@ var TerraDatePicker = class extends TerraElement {
                 </div>
                 <div class="calendar__days">
                     ${days.map((date) => {
-      const isCurrentMonth = date.getMonth() === currentMonth;
+      const dateMonth = this.enableTime ? date.getUTCMonth() : date.getMonth();
+      const dateDay = this.enableTime ? date.getUTCDate() : date.getDate();
+      const isCurrentMonth = dateMonth === currentMonth;
       const isSelected = this.isSameDay(date, this.selectedStart) || this.isSameDay(date, this.selectedEnd);
       const isStart = this.isSameDay(date, this.selectedStart);
       const isEnd = this.isSameDay(date, this.selectedEnd);
@@ -1385,7 +1419,7 @@ var TerraDatePicker = class extends TerraElement {
                                 @mouseenter=${() => this.handleDateHover(date)}
                                 ?disabled=${isDisabled}
                             >
-                                ${date.getDate()}
+                                ${dateDay}
                             </button>
                         `;
     })}
@@ -2135,15 +2169,6 @@ __decorateClass([
 __decorateClass([
   e(".date-picker__dropdown")
 ], TerraDatePicker.prototype, "dropdown", 2);
-__decorateClass([
-  watch("inline")
-], TerraDatePicker.prototype, "handleInlineChange", 1);
-__decorateClass([
-  watch(["minDate", "maxDate"])
-], TerraDatePicker.prototype, "handleMinMaxDateChange", 1);
-__decorateClass([
-  watch(["startDate", "endDate"])
-], TerraDatePicker.prototype, "handleStartEndDateChange", 1);
 
 export {
   TerraDatePicker

package/cdn/chunks/{chunk.4JA746E3.js → chunk.TFYS773O.js}

@@ -1,6 +1,6 @@
 import {
   TerraPopup
-} from "./chunk.WXHIDSBG.js";
+} from "./chunk.UPGC5XHC.js";
 import {
   dropdown_styles_default
 } from "./chunk.XZVFFQYE.js";
@@ -32,7 +32,7 @@ import {
   component_styles_default,
   e as e2,
   n
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";

package/cdn/chunks/{chunk.GV4FGRYK.js → chunk.THX5KACF.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeAverageMap
-} from "./chunk.QTII7OL7.js";
+} from "./chunk.GDWGIG42.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.VY3MLJYP.js → chunk.TPINKMZJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraMenu
-} from "./chunk.SH4QAROP.js";
+} from "./chunk.YM5CME77.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.T4EQTEDI.js → chunk.TSLZA2FP.js}

@@ -1,6 +1,6 @@
 import {
   cherryPickDocInfo
-} from "./chunk.IWVNVNRD.js";
+} from "./chunk.F73O5LKK.js";
 import {
   h,
   s

package/cdn/chunks/{chunk.R7P6D72B.js → chunk.TUZUVIYQ.js}

@@ -1,6 +1,6 @@
 import {
   FetchController
-} from "./chunk.T4EQTEDI.js";
+} from "./chunk.TSLZA2FP.js";
 import {
   adaptValueToVariableMetadata,
   clearSelection,
@@ -8,16 +8,16 @@ import {
   removeEmptyCollections,
   renderSearchResult,
   walkToOption
-} from "./chunk.IWVNVNRD.js";
+} from "./chunk.F73O5LKK.js";
 import {
   variable_combobox_styles_default
 } from "./chunk.3MFQHCTU.js";
 import {
   h
-} from "./chunk.3EEC7I6T.js";
+} from "./chunk.AH6W6EGS.js";
 import {
   icon_default
-} from "./chunk.7FH4ALPN.js";
+} from "./chunk.E74MOGHY.js";
 import {
   Fuse
 } from "./chunk.4EKARCDF.js";
@@ -26,10 +26,10 @@ import {
 } from "./chunk.RRPJMP3C.js";
 import {
   n as n2
-} from "./chunk.5RYT4QNM.js";
+} from "./chunk.K6SKQZRX.js";
 import {
   button_default
-} from "./chunk.GU762ZHJ.js";
+} from "./chunk.6Y6CEFC4.js";
 import {
   watch
 } from "./chunk.5WMSKURU.js";
@@ -38,7 +38,7 @@ import {
   component_styles_default,
   n,
   r
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   E,
   i,

package/cdn/chunks/{chunk.GIFTC5W5.js → chunk.TWGFMAIL.js}

@@ -1,21 +1,21 @@
 import {
   TerraVariableCombobox
-} from "./chunk.R7P6D72B.js";
+} from "./chunk.TUZUVIYQ.js";
 import {
   TerraTimeSeries
-} from "./chunk.5CHPD72U.js";
+} from "./chunk.MY73O246.js";
 import {
   getFetchVariableTask
 } from "./chunk.S2F2564D.js";
 import {
   TerraDateRangeSlider
-} from "./chunk.FQXPYSSM.js";
+} from "./chunk.UOHYVQ6N.js";
 import {
   data_rods_styles_default
 } from "./chunk.BITUWHVL.js";
 import {
   TerraSpatialPicker
-} from "./chunk.XC2254PD.js";
+} from "./chunk.VF7MKBFU.js";
 import {
   getVariableEntryId
 } from "./chunk.NLXOFVES.js";
@@ -27,7 +27,7 @@ import {
   component_styles_default,
   n,
   r
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";

package/cdn/chunks/{chunk.KRVZ23H3.js → chunk.TZLNQAFG.js}

@@ -8,7 +8,7 @@ import {
   TerraElement,
   component_styles_default,
   n
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";

package/cdn/chunks/{chunk.LPGWRCPY.js → chunk.U2G7CWH4.js}

@@ -1,6 +1,6 @@
 import {
   TerraEarthdataLogin
-} from "./chunk.ISPO6QYJ.js";
+} from "./chunk.VA6OPZBX.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.Z7CUVJ7R.js → chunk.U4WOOAKH.js}

@@ -1,6 +1,6 @@
 import {
   TerraDataGrid
-} from "./chunk.HDC3JG5T.js";
+} from "./chunk.YP7ODXXO.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.IRBQE7DO.js → chunk.U7DU43ZD.js}

@@ -1,6 +1,6 @@
 import {
   TerraCard
-} from "./chunk.E2KVDGPV.js";
+} from "./chunk.4QFIJBCO.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.XSPGECFT.js → chunk.UDIXHKOM.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.FQXPYSSM.js";
+} from "./chunk.UOHYVQ6N.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ADULYVEY.js → chunk.UGUHGDCA.js}

@@ -1,6 +1,6 @@
 import {
   TerraScrollHint
-} from "./chunk.ERZJV6DD.js";
+} from "./chunk.2VYORYI2.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ICOZOFB3.js → chunk.ULCUBVWX.js}

@@ -25,7 +25,7 @@ function getTimeSeriesNotebook(host) {
     {
       id: "2733501b-0de4-4067-8aff-864e1b4c76cb",
       cell_type: "code",
-      source: '%pip install -q "terra_ui_components==0.0.163" "anywidget==0.9.15" "pandas"',
+      source: '%pip install -q "terra_ui_components==0.0.165" "anywidget==0.9.15" "pandas"',
       metadata: {
         trusted: true
       },

package/cdn/chunks/{chunk.JL2LIFT2.js → chunk.UNRDSWSJ.js}

@@ -1,6 +1,6 @@
 import {
   TerraPlotToolbar
-} from "./chunk.6FSQEWOE.js";
+} from "./chunk.OICPTIVQ.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.FQXPYSSM.js → chunk.UOHYVQ6N.js}

@@ -20,7 +20,7 @@ import {
   component_styles_default,
   e,
   n
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";

package/cdn/chunks/{chunk.WXHIDSBG.js → chunk.UPGC5XHC.js}

@@ -9,7 +9,7 @@ import {
   component_styles_default,
   e as e2,
   n
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   x
 } from "./chunk.3ZQGAH53.js";

package/cdn/chunks/{chunk.E63JSLGS.js → chunk.UQWL4L3A.js}

@@ -1,6 +1,6 @@
 import {
   TerraPopup
-} from "./chunk.WXHIDSBG.js";
+} from "./chunk.UPGC5XHC.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.FOEZXMH5.js → chunk.URRRD4PA.js}

@@ -1,6 +1,6 @@
 import {
   TerraAccordion
-} from "./chunk.DCLSZXIX.js";
+} from "./chunk.ONRLLQNT.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.OHDRMH4E.js → chunk.UVILYQWA.js}

@@ -1,17 +1,17 @@
 import {
   tag_styles_default
 } from "./chunk.5F5WT5T7.js";
+import {
+  TerraIcon
+} from "./chunk.FEG7AH52.js";
 import {
   e
 } from "./chunk.P3OLQVQM.js";
-import {
-  TerraIcon
-} from "./chunk.3US4EZAZ.js";
 import {
   TerraElement,
   component_styles_default,
   n
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   E,
   x

package/cdn/chunks/{chunk.FRDTVFNT.js → chunk.UXDVYLP3.js}

@@ -1,6 +1,6 @@
 import {
   TerraCombobox
-} from "./chunk.BDWEUOZL.js";
+} from "./chunk.WNX4WGS3.js";
 import {
   init_buffer,
   init_dirname,

package/cdn/chunks/{chunk.ISPO6QYJ.js → chunk.VA6OPZBX.js}

@@ -1,21 +1,21 @@
 import {
   input_default
-} from "./chunk.2JLQXGTZ.js";
+} from "./chunk.EYD3JBVW.js";
 import {
   earthdata_login_styles_default
 } from "./chunk.RZZHOKXL.js";
 import {
   loader_default
-} from "./chunk.HEUJHL6I.js";
+} from "./chunk.FEAWTNIM.js";
 import {
   AuthController
 } from "./chunk.PBKMNUYF.js";
 import {
   icon_default
-} from "./chunk.7FH4ALPN.js";
+} from "./chunk.E74MOGHY.js";
 import {
   button_default
-} from "./chunk.GU762ZHJ.js";
+} from "./chunk.6Y6CEFC4.js";
 import {
   s
 } from "./chunk.WQPCK3PB.js";
@@ -25,7 +25,7 @@ import {
   e,
   n,
   r
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   E,
   x

package/cdn/chunks/{chunk.XC2254PD.js → chunk.VF7MKBFU.js}

@@ -3,21 +3,21 @@ import {
 } from "./chunk.B6WW3XBQ.js";
 import {
   TerraMap
-} from "./chunk.HUSSZ5WS.js";
+} from "./chunk.SA4JCYIC.js";
 import {
   parseBoundingBox,
   require_leaflet_src
 } from "./chunk.ZVQIG4FI.js";
 import {
   TerraInput
-} from "./chunk.GNZ6XI36.js";
+} from "./chunk.FDZIJYAO.js";
 import {
   TerraDropdown
-} from "./chunk.4JA746E3.js";
+} from "./chunk.TFYS773O.js";
 import {
   e as e2,
   n as n2
-} from "./chunk.5RYT4QNM.js";
+} from "./chunk.K6SKQZRX.js";
 import {
   watch
 } from "./chunk.5WMSKURU.js";
@@ -27,7 +27,7 @@ import {
   e,
   n,
   r
-} from "./chunk.S7PN6CQ6.js";
+} from "./chunk.77ZBM3DP.js";
 import {
   E,
   x