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);