diff --git a/packages/site/src/routes/steam-tools/components/Config.svelte b/packages/site/src/routes/steam-tools/components/Config.svelte
index 209a6365..e75a5315 100644
--- a/packages/site/src/routes/steam-tools/components/Config.svelte
+++ b/packages/site/src/routes/steam-tools/components/Config.svelte
@@ -22,14 +22,16 @@
 	<DateInput
 		name="fromDate"
 		date={$config.fromDate}
-		on:keyup={(e) => config.setField('fromDate', e.detail)}
+		on:change={(e) => {
+			config.setField('fromDate', e.detail);
+		}}
 	/>
 
 	<label for="toDate"> To </label>
 	<DateInput
 		name="toDate"
 		date={$config.toDate}
-		on:keyup={(e) => config.setField('toDate', e.detail)}
+		on:change={(e) => config.setField('toDate', e.detail)}
 	/>
 
 	<h3>Comparison Period</h3>
diff --git a/packages/site/src/routes/steam-tools/components/DateInput.svelte b/packages/site/src/routes/steam-tools/components/DateInput.svelte
index fb4fe662..afcc19ad 100644
--- a/packages/site/src/routes/steam-tools/components/DateInput.svelte
+++ b/packages/site/src/routes/steam-tools/components/DateInput.svelte
@@ -7,8 +7,6 @@
 
 	const dispatch = createEventDispatcher<{ change: Date | undefined }>();
 
-	let internalDate: string | undefined = dateToDateInputString(date);
-
 	// Convert a YYYY-MM-DD string to a Date object in the local timezone
 	function inputDateToDate(dateString: string | undefined) {
 		if (!dateString) return undefined;
@@ -20,13 +18,13 @@
 		}${offsetHours}:${offsetMinutes}`;
 		return new Date(asIsoString);
 	}
-
-	$: date = internalDate ? inputDateToDate(internalDate) : undefined;
 </script>
 
 <input
 	{name}
 	type="date"
-	bind:value={internalDate}
-	on:change={(e) => dispatch('change', inputDateToDate(e.currentTarget.value))}
+	value={dateToDateInputString(date)}
+	on:change={(e) => {
+		dispatch('change', inputDateToDate(e.currentTarget.value));
+	}}
 />