myio-js-library 0.1.69 → 0.1.70

package/dist/index.cjs

@@ -8860,11 +8860,11 @@ var AllReportModal = class {
         parentEl: this.modal.element,
         onApply: ({ startISO, endISO }) => {
           this.hideError();
-          console.log("Date range selected:", { startISO, endISO });
+          this.debugLog("Date range selected:", { startISO, endISO });
         }
       });
     } catch (error) {
-      console.warn("DateRangePicker initialization failed, using fallback:", error);
+      this.debugLog("DateRangePicker initialization failed, using fallback:", error);
     }
   }
   async loadData() {
@@ -8922,7 +8922,7 @@ var AllReportModal = class {
     } catch (error) {
       this.debugLog("\u274C Error in loadData", error);
       this.showError("Erro ao carregar dados: " + error.message);
-      console.error("Error loading data:", error);
+      this.debugLog("Error loading data:", error);
       this.emit("error", { message: error.message, context: "loadData" });
     } finally {
       this.isLoading = false;
@@ -9245,7 +9245,7 @@ var AllReportModal = class {
     const endTime = encodeURIComponent(endISO);
     const endpoint = this.domainConfig.endpoint;
     const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/${endpoint}/devices/totals?startTime=${startTime}&endTime=${endTime}`;
-    console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId, domain: this.params.domain || "energy" });
+    this.debugLog("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId, domain: this.params.domain || "energy" });
     const response = await fetch(url, {
       method: "GET",
       headers: {
@@ -9258,14 +9258,14 @@ var AllReportModal = class {
       throw new Error(`Erro na API: ${response.status} ${response.statusText}`);
     }
     const data = await response.json();
-    console.log("[AllReportModal] Customer totals response:", data);
+    this.debugLog("[AllReportModal] Customer totals response:", data);
     return data;
   }
   mapCustomerTotalsResponse(apiResponse) {
     this.debugLog("\u{1F50D} Starting mapCustomerTotalsResponse", { apiResponse });
     const apiArray = Array.isArray(apiResponse?.data) ? apiResponse.data : Array.isArray(apiResponse) ? apiResponse : [];
-    console.log("[AllReportModal] NEW MAPPING - API array length:", apiArray.length);
-    console.log("[AllReportModal] NEW MAPPING - ItemsList length:", this.params.itemsList.length);
+    this.debugLog("[AllReportModal] NEW MAPPING - API array length:", apiArray.length);
+    this.debugLog("[AllReportModal] NEW MAPPING - ItemsList length:", this.params.itemsList.length);
     this.debugLog("\u{1F4CB} API data array extracted", {
       isDataProperty: !!apiResponse?.data,
       isDirectArray: Array.isArray(apiResponse),
@@ -9274,7 +9274,7 @@ var AllReportModal = class {
     });
     if (!apiArray.length) {
       this.debugLog("\u26A0\uFE0F Empty API array, returning empty result");
-      console.warn("[AllReportModal] Empty/invalid API response:", apiResponse);
+      this.debugLog("[AllReportModal] Empty/invalid API response:", apiResponse);
       return [];
     }
     const sumByApiId = /* @__PURE__ */ new Map();
@@ -9285,7 +9285,7 @@ var AllReportModal = class {
       const consumption = this.pickConsumption(item);
       totalApiConsumption += consumption;
       if (index < 3) {
-        console.log(`[AllReportModal] NEW MAPPING - API item ${index}:`, {
+        this.debugLog(`[AllReportModal] NEW MAPPING - API item ${index}:`, {
           id: item?.id,
           name: item?.name,
           assetName: item?.assetName,
@@ -9308,8 +9308,8 @@ var AllReportModal = class {
         this.debugLog(`\u274C API item without ID:`, item);
       }
     }
-    console.log("[AllReportModal] NEW MAPPING - Total API consumption:", totalApiConsumption);
-    console.log("[AllReportModal] NEW MAPPING - Unique API IDs:", sumByApiId.size);
+    this.debugLog("[AllReportModal] NEW MAPPING - Total API consumption:", totalApiConsumption);
+    this.debugLog("[AllReportModal] NEW MAPPING - Unique API IDs:", sumByApiId.size);
     this.debugLog("\u{1F4CA} ID index built", {
       sumByApiIdSize: sumByApiId.size,
       sumByApiIdEntries: Array.from(sumByApiId.entries()),
@@ -9323,7 +9323,7 @@ var AllReportModal = class {
       let consumption = sumByApiId.get(listItem.id) ?? 0;
       this.debugLog(`\u{1F3AF} Primary ID match for ${listItem.id}: ${consumption}`);
       if (index < 3) {
-        console.log(`[AllReportModal] NEW MAPPING - ItemsList item ${index}:`, {
+        this.debugLog(`[AllReportModal] NEW MAPPING - ItemsList item ${index}:`, {
           id: listItem.id,
           identifier: listItem.identifier,
           label: listItem.label,
@@ -9344,7 +9344,7 @@ var AllReportModal = class {
             const itemConsumption = this.pickConsumption(apiItem);
             consumption += itemConsumption;
             if (index < 3) {
-              console.log(`[AllReportModal] NEW MAPPING - Substring match for ${listItem.identifier}:`, {
+              this.debugLog(`[AllReportModal] NEW MAPPING - Substring match for ${listItem.identifier}:`, {
                 apiItemName: name,
                 apiItemAssetName: assetName,
                 itemConsumption,
@@ -9389,9 +9389,9 @@ var AllReportModal = class {
       totalApiConsumption,
       totalMappedConsumption
     };
-    console.log("[AllReportModal] NEW MAPPING - Final stats:", stats);
+    this.debugLog("[AllReportModal] NEW MAPPING - Final stats:", stats);
     this.debugLog("\u{1F4CA} Final mapping stats:", stats);
-    console.log("[AllReportModal] Mapping stats:", stats);
+    this.debugLog("[AllReportModal] Mapping stats:", stats);
     return rows;
   }
   parseConsumptionValue(item) {
@@ -9412,7 +9412,7 @@ var AllReportModal = class {
         }
       }
     }
-    console.warn("[AllReportModal] No valid consumption value found in item:", item);
+    this.debugLog("[AllReportModal] No valid consumption value found in item:", item);
     return 0;
   }
   downloadCSV(content, filename) {
@@ -10891,16 +10891,22 @@ var STRINGS = {
     atTime: "\xE1s",
     timeUnit: "hs",
     exportPdf: "Exportar PDF",
+    exportCsv: "Exportar CSV",
     fullscreen: "Tela cheia",
     close: "Fechar",
     resetZoom: "Reset Zoom",
     loading: "Carregando dados...",
     noData: "Sem pontos de demanda no per\xEDodo selecionado",
     error: "Erro ao carregar dados",
-    zoomHelp: "Scroll: zoom | Drag: selecionar | Ctrl+Drag: mover",
+    zoomHelp: "Scroll: zoom | Arraste: mover | Ctrl+Arraste: selecionar",
     demand: "Demanda (kW)",
     reportTitle: "Relat\xF3rio de Demanda",
-    reportFooter: "MyIO Energy Management System"
+    reportFooter: "MyIO Energy Management System",
+    startDate: "Data Inicial",
+    endDate: "Data Final",
+    updatePeriod: "Atualizar",
+    invalidDateRange: "Data final deve ser maior que data inicial",
+    maxRangeExceeded: "Per\xEDodo m\xE1ximo de 30 dias"
   },
   "en-US": {
     title: "Demand",
@@ -10910,16 +10916,22 @@ var STRINGS = {
     atTime: "at",
     timeUnit: "",
     exportPdf: "Export PDF",
+    exportCsv: "Export CSV",
     fullscreen: "Fullscreen",
     close: "Close",
     resetZoom: "Reset Zoom",
     loading: "Loading data...",
     noData: "No demand points in the selected period",
     error: "Error loading data",
-    zoomHelp: "Scroll: zoom | Drag: select | Ctrl+Drag: pan",
+    zoomHelp: "Scroll: zoom | Drag: pan | Ctrl+Drag: select",
     demand: "Demand (kW)",
     reportTitle: "Demand Report",
-    reportFooter: "MyIO Energy Management System"
+    reportFooter: "MyIO Energy Management System",
+    startDate: "Start Date",
+    endDate: "End Date",
+    updatePeriod: "Update",
+    invalidDateRange: "End date must be greater than start date",
+    maxRangeExceeded: "Maximum range of 30 days"
   }
 };
 async function loadScript(url, checkGlobal) {
@@ -11156,6 +11168,69 @@ function injectCSS(styles) {
       border-bottom: 1px solid #e0e0e0;
     }
 
+    .myio-demand-modal-period-selector {
+      display: flex;
+      align-items: center;
+      gap: ${styles.spacingMd};
+      padding: ${styles.spacingMd} ${styles.spacingLg};
+      background: #f9f9f9;
+      border-bottom: 1px solid #e0e0e0;
+      flex-wrap: wrap;
+    }
+
+    .myio-demand-modal-period-selector label {
+      display: flex;
+      flex-direction: column;
+      gap: ${styles.spacingXs};
+      font-size: ${styles.fontSizeSm};
+      color: ${styles.textPrimary};
+      font-weight: ${styles.fontWeightBold};
+    }
+
+    .myio-demand-modal-date-input {
+      padding: ${styles.spacingSm};
+      border: 1px solid #ccc;
+      border-radius: ${styles.buttonRadius};
+      font-size: ${styles.fontSizeSm};
+      font-family: inherit;
+      min-width: 150px;
+    }
+
+    .myio-demand-modal-date-input:focus {
+      outline: 2px solid ${styles.primaryColor};
+      outline-offset: 1px;
+    }
+
+    .myio-demand-modal-btn-update {
+      background: ${styles.primaryColor};
+      border: none;
+      color: white;
+      padding: ${styles.spacingSm} ${styles.spacingMd};
+      border-radius: ${styles.buttonRadius};
+      cursor: pointer;
+      font-size: ${styles.fontSizeSm};
+      font-family: inherit;
+      font-weight: ${styles.fontWeightBold};
+      align-self: flex-end;
+      margin-bottom: 2px;
+    }
+
+    .myio-demand-modal-btn-update:hover {
+      background: #6A1B9A;
+    }
+
+    .myio-demand-modal-btn-update:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+
+    .myio-demand-modal-period-error {
+      flex-basis: 100%;
+      color: ${styles.dangerColor};
+      font-size: ${styles.fontSizeXs};
+      margin-top: -${styles.spacingSm};
+    }
+
     .myio-demand-modal-peak {
       margin: ${styles.spacingMd} ${styles.spacingLg} 0;
       padding: ${styles.spacingSm} ${styles.spacingMd};
@@ -11306,12 +11381,14 @@ async function fetchTelemetryData(token, deviceId, startDate, endDate, queryPara
   const startTs = new Date(startDate).getTime();
   const endTs = new Date(endDate).getTime();
   const keys = queryParams?.keys || "consumption";
-  const limit = queryParams?.limit || 5e4;
   const intervalType = queryParams?.intervalType || "MILLISECONDS";
-  const interval = queryParams?.interval || 54e6;
-  const agg = queryParams?.agg || "SUM";
+  const interval = queryParams?.interval || 864e5;
+  const agg = queryParams?.agg || "MAX";
   const orderBy = queryParams?.orderBy || "ASC";
-  const url = `/api/plugins/telemetry/DEVICE/${deviceId}/values/timeseries?keys=${keys}&startTs=${startTs}&endTs=${endTs}&limit=${limit}&intervalType=${intervalType}&interval=${interval}&agg=${agg}&orderBy=${orderBy}`;
+  let url = `/api/plugins/telemetry/DEVICE/${deviceId}/values/timeseries?keys=${keys}&startTs=${startTs}&endTs=${endTs}&intervalType=${intervalType}&interval=${interval}&agg=${agg}&orderBy=${orderBy}`;
+  if (agg === "NONE" && queryParams?.limit) {
+    url += `&limit=${queryParams.limit}`;
+  }
   const response = await fetch(url, {
     headers: {
       "X-Authorization": `Bearer ${token}`,
@@ -11445,9 +11522,12 @@ async function openDemandModal(params) {
           <h2 id="modal-title" class="myio-demand-modal-title">${strings.title} \u2013 ${label}</h2>
         </div>
         <div class="myio-demand-modal-actions">
-          <button class="myio-demand-modal-btn myio-demand-modal-btn-pdf" type="button">
+          <button class="myio-demand-modal-btn myio-demand-modal-btn-pdf" type="button" style="display: none;">
             ${strings.exportPdf}
           </button>
+          <button class="myio-demand-modal-btn myio-demand-modal-btn-csv" type="button">
+            ${strings.exportCsv}
+          </button>
           <button class="myio-demand-modal-btn myio-demand-modal-btn-fullscreen" type="button" aria-label="${strings.fullscreen}">
             \u26F6
           </button>
@@ -11460,7 +11540,22 @@ async function openDemandModal(params) {
       <div class="myio-demand-modal-period">
         ${strings.period}: ${startDateFormatted} \u2192 ${endDateFormatted}
       </div>
-      
+
+      <div class="myio-demand-modal-period-selector">
+        <label>
+          ${strings.startDate}:
+          <input type="date" class="myio-demand-modal-date-input myio-demand-modal-date-start" />
+        </label>
+        <label>
+          ${strings.endDate}:
+          <input type="date" class="myio-demand-modal-date-input myio-demand-modal-date-end" />
+        </label>
+        <button class="myio-demand-modal-btn-update" type="button">
+          ${strings.updatePeriod}
+        </button>
+        <div class="myio-demand-modal-period-error" style="display: none;"></div>
+      </div>
+
       <div class="myio-demand-modal-peak" style="display: none;"></div>
       
       <div class="myio-demand-modal-content">
@@ -11494,6 +11589,7 @@ async function openDemandModal(params) {
   const closeBtn = overlay.querySelector(".myio-demand-modal-btn-close");
   const fullscreenBtn = overlay.querySelector(".myio-demand-modal-btn-fullscreen");
   const pdfBtn = overlay.querySelector(".myio-demand-modal-btn-pdf");
+  const csvBtn = overlay.querySelector(".myio-demand-modal-btn-csv");
   const resetBtn = overlay.querySelector(".myio-demand-modal-btn-reset");
   const chartCanvas = overlay.querySelector(".myio-demand-modal-chart");
   const loadingEl = overlay.querySelector(".myio-demand-modal-loading");
@@ -11501,9 +11597,16 @@ async function openDemandModal(params) {
   const errorText = overlay.querySelector(".myio-demand-modal-error-text");
   const peakEl = overlay.querySelector(".myio-demand-modal-peak");
   const contentEl = overlay.querySelector(".myio-demand-modal-content");
+  const periodDisplayEl = overlay.querySelector(".myio-demand-modal-period");
+  const dateStartInput = overlay.querySelector(".myio-demand-modal-date-start");
+  const dateEndInput = overlay.querySelector(".myio-demand-modal-date-end");
+  const updateBtn = overlay.querySelector(".myio-demand-modal-btn-update");
+  const periodErrorEl = overlay.querySelector(".myio-demand-modal-period-error");
   let chart = null;
   let chartData = null;
   let isFullscreen = false;
+  let currentStartDate = params.startDate;
+  let currentEndDate = params.endDate;
   const originalOverflow = document.body.style.overflow;
   document.body.style.overflow = "hidden";
   const releaseFocusTrap = createFocusTrap(overlay);
@@ -11528,6 +11631,45 @@ async function openDemandModal(params) {
       chart.resetZoom();
     }
   }
+  function exportCsv() {
+    if (!chartData) {
+      alert("Nenhum dado dispon\xEDvel para exportar");
+      return;
+    }
+    const btn = csvBtn;
+    const originalHtml = btn.innerHTML;
+    btn.disabled = true;
+    btn.innerHTML = "<span>\u23F3</span> Gerando CSV...";
+    try {
+      const BOM = "\uFEFF";
+      let csv = BOM + "Data/Hora,S\xE9rie,Valor (kW)\n";
+      chartData.series.forEach((series) => {
+        series.points.forEach((point) => {
+          const dateStr2 = formatDateTime(new Date(point.x), locale);
+          const value = point.y.toFixed(2);
+          csv += `${dateStr2},${series.label},${value}
+`;
+        });
+      });
+      const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      const labelSafe = label.replace(/\s+/g, "_");
+      const dateStr = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+      link.download = `demanda_${labelSafe}_${dateStr}.csv`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    } catch (error) {
+      console.error("[CSV Export] Error:", error);
+      alert("Erro ao gerar CSV. Por favor, tente novamente.");
+    } finally {
+      btn.disabled = false;
+      btn.innerHTML = originalHtml;
+    }
+  }
   async function exportPdf() {
     if (!chartData || !chart) {
       alert("Nenhum dado dispon\xEDvel para exportar");
@@ -11601,10 +11743,45 @@ async function openDemandModal(params) {
       btn.innerHTML = originalHtml;
     }
   }
+  function initializeDateInputs() {
+    const startDate = new Date(currentStartDate);
+    const endDate = new Date(currentEndDate);
+    dateStartInput.value = startDate.toISOString().split("T")[0];
+    dateEndInput.value = endDate.toISOString().split("T")[0];
+  }
+  async function updatePeriod() {
+    periodErrorEl.style.display = "none";
+    const newStartDate = dateStartInput.value;
+    const newEndDate = dateEndInput.value;
+    if (!newStartDate || !newEndDate) {
+      periodErrorEl.textContent = strings.error;
+      periodErrorEl.style.display = "block";
+      return;
+    }
+    const startDateObj = new Date(newStartDate);
+    const endDateObj = new Date(newEndDate);
+    if (endDateObj < startDateObj) {
+      periodErrorEl.textContent = strings.invalidDateRange;
+      periodErrorEl.style.display = "block";
+      return;
+    }
+    const diffTime = Math.abs(endDateObj.getTime() - startDateObj.getTime());
+    const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
+    if (diffDays > 30) {
+      periodErrorEl.textContent = strings.maxRangeExceeded;
+      periodErrorEl.style.display = "block";
+      return;
+    }
+    currentStartDate = startDateObj.toISOString();
+    currentEndDate = endDateObj.toISOString();
+    await loadData();
+  }
   closeBtn.addEventListener("click", closeModal);
   fullscreenBtn.addEventListener("click", toggleFullscreen);
   resetBtn.addEventListener("click", resetZoom);
   pdfBtn.addEventListener("click", exportPdf);
+  csvBtn.addEventListener("click", exportCsv);
+  updateBtn.addEventListener("click", updatePeriod);
   overlay.addEventListener("click", (e) => {
     if (e.target === overlay) {
       closeModal();
@@ -11620,8 +11797,9 @@ async function openDemandModal(params) {
       loadingEl.style.display = "flex";
       contentEl.style.display = "none";
       errorEl.style.display = "none";
-      const startDateObj = new Date(params.startDate);
-      const endDateObj = new Date(params.endDate);
+      peakEl.style.display = "none";
+      const startDateObj = new Date(currentStartDate);
+      const endDateObj = new Date(currentEndDate);
       const diffTime = Math.abs(endDateObj.getTime() - startDateObj.getTime());
       const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
       if (diffDays > 30) {
@@ -11630,7 +11808,10 @@ async function openDemandModal(params) {
         errorText.textContent = "O Limite de busca \xE9 de 30 dias de intervalo.";
         return;
       }
-      const rawData = params.fetcher ? await params.fetcher({ token: params.token, deviceId: params.deviceId, startDate: params.startDate, endDate: params.endDate, telemetryQuery: params.telemetryQuery }) : await fetchTelemetryData(params.token, params.deviceId, params.startDate, params.endDate, params.telemetryQuery);
+      const startDateFormatted2 = formatDate2(startDateObj, locale);
+      const endDateFormatted2 = formatDate2(endDateObj, locale);
+      periodDisplayEl.textContent = `${strings.period}: ${startDateFormatted2} \u2192 ${endDateFormatted2}`;
+      const rawData = params.fetcher ? await params.fetcher({ token: params.token, deviceId: params.deviceId, startDate: currentStartDate, endDate: currentEndDate, telemetryQuery: params.telemetryQuery }) : await fetchTelemetryData(params.token, params.deviceId, currentStartDate, currentEndDate, params.telemetryQuery);
       chartData = processMultiSeriesChartData(
         rawData,
         params.telemetryQuery?.keys || "consumption",
@@ -11659,79 +11840,88 @@ async function openDemandModal(params) {
       }
       const Chart = window.Chart;
       Chart.register(window.ChartZoom);
-      chart = new Chart(chartCanvas, {
-        type: "line",
-        data: {
-          datasets: chartData.series.map((series) => ({
-            label: series.label,
-            data: series.points,
-            borderColor: series.color,
-            backgroundColor: series.color + "20",
-            fill: false,
-            // No fill for multi-series
-            tension: 0.4,
-            pointRadius: 2,
-            pointHoverRadius: 6
-          }))
-        },
-        options: {
-          responsive: true,
-          maintainAspectRatio: false,
-          plugins: {
-            legend: {
-              display: chartData.series.length > 1,
-              // Show legend only if multiple series
-              position: "top"
-            },
-            zoom: {
-              zoom: {
-                wheel: { enabled: true },
-                pinch: { enabled: true },
-                drag: { enabled: true, modifierKey: "ctrl" },
-                mode: "x"
-              },
-              pan: {
-                enabled: true,
-                mode: "x",
-                modifierKey: "ctrl"
-              }
-            }
+      if (chart) {
+        chart.data.datasets = chartData.series.map((series) => ({
+          label: series.label,
+          data: series.points,
+          borderColor: series.color,
+          backgroundColor: series.color + "CC",
+          borderWidth: 1
+        }));
+        chart.options.plugins.legend.display = chartData.series.length > 1;
+        chart.update();
+      } else {
+        chart = new Chart(chartCanvas, {
+          type: "bar",
+          data: {
+            datasets: chartData.series.map((series) => ({
+              label: series.label,
+              data: series.points,
+              borderColor: series.color,
+              backgroundColor: series.color + "CC",
+              // More opaque for bars
+              borderWidth: 1
+            }))
           },
-          scales: {
-            x: {
-              type: "linear",
-              position: "bottom",
-              title: {
-                display: true,
-                text: "Tempo"
+          options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            plugins: {
+              legend: {
+                display: chartData.series.length > 1,
+                // Show legend only if multiple series
+                position: "top"
               },
-              ticks: {
-                callback: function(value) {
-                  const date = new Date(value);
-                  return date.toLocaleDateString(locale, {
-                    month: "2-digit",
-                    day: "2-digit",
-                    hour: "2-digit",
-                    minute: "2-digit"
-                  });
+              zoom: {
+                zoom: {
+                  wheel: { enabled: true },
+                  pinch: { enabled: true },
+                  drag: { enabled: true, modifierKey: "ctrl" },
+                  mode: "x"
+                },
+                pan: {
+                  enabled: true,
+                  mode: "x"
+                  // No modifierKey - pan is free after zoom
                 }
               }
             },
-            y: {
-              title: {
-                display: true,
-                text: params.yAxisLabel || strings.demand
-                // Use configurable Y-axis label
+            scales: {
+              x: {
+                type: "linear",
+                position: "bottom",
+                title: {
+                  display: true,
+                  text: "Tempo"
+                },
+                ticks: {
+                  callback: function(value) {
+                    const date = new Date(value);
+                    return date.toLocaleDateString(locale, {
+                      month: "2-digit",
+                      day: "2-digit",
+                      hour: "2-digit",
+                      minute: "2-digit"
+                    });
+                  }
+                }
               },
-              beginAtZero: true
+              y: {
+                title: {
+                  display: true,
+                  text: params.yAxisLabel || strings.demand
+                  // Use configurable Y-axis label
+                },
+                beginAtZero: true
+              }
+            },
+            interaction: {
+              intersect: false,
+              mode: "index"
             }
-          },
-          interaction: {
-            intersect: false,
-            mode: "index"
           }
-        }
-      });
+        });
+      }
       loadingEl.style.display = "none";
       contentEl.style.display = "flex";
     } catch (error) {
@@ -11741,6 +11931,7 @@ async function openDemandModal(params) {
       errorText.textContent = `${strings.error}: ${error instanceof Error ? error.message : "Unknown error"}`;
     }
   }
+  initializeDateInputs();
   loadData();
   return {
     destroy: closeModal