diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b93e9ba..224cf8a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,24 @@
 <script lang="ts">
 	import '../app.css';
+	import { afterNavigate } from '$app/navigation';
+	import { onMount } from 'svelte';
 
 	let { children } = $props();
+
+	// Constrain date inputs so browsers don't render yyyyyy-mm-dd
+	function constrainDateInputs() {
+		document.querySelectorAll<HTMLInputElement>('input[type="date"]').forEach((el) => {
+			if (!el.hasAttribute('min')) el.setAttribute('min', '1900-01-01');
+			if (!el.hasAttribute('max')) el.setAttribute('max', '2100-12-31');
+		});
+	}
+
+	onMount(() => {
+		constrainDateInputs();
+	});
+	afterNavigate(() => {
+		queueMicrotask(constrainDateInputs);
+	});
 </script>
 
 {@render children()}