diff --git a/src/lib/Dateinput.svelte b/src/lib/DateInput.svelte
similarity index 100%
rename from src/lib/Dateinput.svelte
rename to src/lib/DateInput.svelte
diff --git a/src/lib/index.ts b/src/lib/index.ts
index f400890..652743e 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -3,6 +3,7 @@ export { default as Button } from './Button.svelte';
 export { default as CenterBox } from './CenterBox.svelte';
 export { default as Checkbox } from './Checkbox.svelte';
 export { default as Combobox, type ComboboxItem } from './Combobox.svelte';
+export { default as DateInput } from './DateInput.svelte';
 export { default as FramelessButton } from './FramelessButton.svelte';
 export { default as InjectGoogleMaps } from './InjectGoogleMaps.svelte';
 export { default as InjectUmami } from './InjectUmami.svelte';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 339ee89..48bc33c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
 	import Button from '$lib/Button.svelte';
 	import Checkbox from '$lib/Checkbox.svelte';
 	import Combobox from '$lib/Combobox.svelte';
-	import Dateinput from '$lib/Dateinput.svelte';
+	import DateInput from '$lib/DateInput.svelte';
 	import FramelessButton from '$lib/FramelessButton.svelte';
 	import InputGroup from '$lib/InputGroup.svelte';
 	import Link from '$lib/Link.svelte';
@@ -75,7 +75,7 @@
 	<p class="title">Dateinput</p>
 
 	<div class="flex items-start gap-4">
-		<Dateinput bind:value={dateInputValue} />
+		<DateInput bind:value={dateInputValue} />
 		<div class="shrink-0">
 			<Button
 				icon="add"