From c45fcd780438686e348df10bc07c546a37b223f5 Mon Sep 17 00:00:00 2001
From: serversdown <brian@serversdown.net>
Date: Mon, 22 Jun 2026 19:39:31 +0000
Subject: [PATCH] fix: event date filters unusable (datetime-local, no apply)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The unit and vibration-location event tabs used datetime-local From/To inputs
with onchange. Picking a date but leaving the time blank left the value empty,
so nothing applied — and there was no Apply button, so date-only filtering was
impossible.

Switch From/To to plain date inputs (apply immediately on selection) and send
a full inclusive day to the backend (From 00:00:00 → To 23:59:59).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 templates/unit_detail.html               | 9 +++++----
 templates/vibration_location_detail.html | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/templates/unit_detail.html b/templates/unit_detail.html
index 1402292..b6129ae 100644
--- a/templates/unit_detail.html
+++ b/templates/unit_detail.html
@@ -473,12 +473,12 @@
                     </div>
                     <div class="flex flex-col gap-1">
                         <label class="text-xs text-gray-500 dark:text-gray-400">From</label>
-                        <input type="datetime-local" id="ue-filter-from" onchange="loadUnitEvents()"
+                        <input type="date" id="ue-filter-from" onchange="loadUnitEvents()"
                                class="px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-slate-700 text-gray-900 dark:text-white">
                     </div>
                     <div class="flex flex-col gap-1">
                         <label class="text-xs text-gray-500 dark:text-gray-400">To</label>
-                        <input type="datetime-local" id="ue-filter-to" onchange="loadUnitEvents()"
+                        <input type="date" id="ue-filter-to" onchange="loadUnitEvents()"
                                class="px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-slate-700 text-gray-900 dark:text-white">
                     </div>
                     <div class="flex flex-col gap-1">
@@ -2882,8 +2882,9 @@ async function loadUnitEvents() {
     const ft     = document.getElementById('ue-filter-ft').value;
     const limit  = document.getElementById('ue-filter-limit').value;
     params.set('bucket', bucket);
-    if (from)  params.set('from_dt', from.replace('T', ' '));
-    if (to)    params.set('to_dt',   to.replace('T', ' '));
+    // Date inputs: From = start of that day, To = inclusive end of that day.
+    if (from)  params.set('from_dt', from + ' 00:00:00');
+    if (to)    params.set('to_dt',   to + ' 23:59:59');
     if (ft)    params.set('false_trigger', ft);
     params.set('limit', limit);
 
diff --git a/templates/vibration_location_detail.html b/templates/vibration_location_detail.html
index a0fefa2..319a226 100644
--- a/templates/vibration_location_detail.html
+++ b/templates/vibration_location_detail.html
@@ -287,12 +287,12 @@
             <div class="flex flex-wrap items-end gap-3">
                 <div class="flex flex-col gap-1">
                     <label class="text-xs text-gray-500 dark:text-gray-400">From</label>
-                    <input type="datetime-local" id="ev-filter-from" onchange="loadLocationEvents()"
+                    <input type="date" id="ev-filter-from" onchange="loadLocationEvents()"
                            class="px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-slate-700 text-gray-900 dark:text-white">
                 </div>
                 <div class="flex flex-col gap-1">
                     <label class="text-xs text-gray-500 dark:text-gray-400">To</label>
-                    <input type="datetime-local" id="ev-filter-to" onchange="loadLocationEvents()"
+                    <input type="date" id="ev-filter-to" onchange="loadLocationEvents()"
                            class="px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-slate-700 text-gray-900 dark:text-white">
                 </div>
                 <div class="flex flex-col gap-1">
@@ -501,8 +501,9 @@ async function loadLocationEvents() {
     const to     = document.getElementById('ev-filter-to').value;
     const ft     = document.getElementById('ev-filter-ft').value;
     const limit  = document.getElementById('ev-filter-limit').value;
-    if (from)  params.set('from_dt', from.replace('T', ' '));
-    if (to)    params.set('to_dt',   to.replace('T', ' '));
+    // Date inputs: From = start of that day, To = inclusive end of that day.
+    if (from)  params.set('from_dt', from + ' 00:00:00');
+    if (to)    params.set('to_dt',   to + ' 23:59:59');
     if (ft)    params.set('false_trigger', ft);
     params.set('limit', limit);