diff --git a/website/src/lib/components/ui/date-picker/DatePicker.svelte b/website/src/lib/components/ui/date-picker/DatePicker.svelte
index 773535cc4..0f8b73186 100644
--- a/website/src/lib/components/ui/date-picker/DatePicker.svelte
+++ b/website/src/lib/components/ui/date-picker/DatePicker.svelte
@@ -22,9 +22,9 @@
         onchange?: (date: DateValue | undefined) => void;
     } = $props();
 
-    const df = new DateFormatter(locale, {
+    const df = $derived(new DateFormatter(locale, {
         dateStyle: 'long',
-    });
+    }));
 
     let contentRef = $state<HTMLElement | null>(null);
 </script>