src/baby_monitor/static/sleep.html

@@ -345,13 +345,16 @@
         }
       }
 
-      document
-        .getElementById("timeRangeFilter")
-        .addEventListener("change", function () {
+      function attachTimeRangeListener() {
+        const timeRangeFilter = document.getElementById("timeRangeFilter");
+        if (timeRangeFilter) {
+          timeRangeFilter.addEventListener("change", function () {
             // Save selection to localStorage
             localStorage.setItem("lastSleepTimeRange", this.value);
-          loadData();
+            renderCharts();
           });
+        }
+      }
 
       async function loadData() {
         try {
@@ -443,6 +446,9 @@
             attachChildFilterListener();
           }
 
+          // Always attach time range listener after recreating the controls
+          attachTimeRangeListener();
+
           renderCharts();
         } catch (error) {
           console.error("Error loading data:", error);