diff --git a/templates/index.html b/templates/index.html
index a7aed92a..47a04559 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,7 +8,7 @@
         <a class="button is-link level-item" href="/?date={{ date.pred() }}">&larr;</a>
       </div>
       <div class="control level-item is-flex-grow-0">
-        <input class="input" type="date" value="{{ date }}">
+        <input id="date-selector" class="input" type="date" value="{{ date }}">
       </div>
       <div class="level-right">
         <a class="button is-link level-item" href="/?date={{ date.succ() }}">&rarr;</a>
@@ -144,5 +144,14 @@
           }
         });
     }));
+
+  document.getElementById("date-selector").addEventListener("change", (event) => {
+    if (event.target.value) {
+      document.location.replace(`/?date=${event.target.value}`)
+    } else {
+      document.location.replace("/")
+    }
+  });
+
 </script>
 {% endblock %}