diff --git a/docs/components/content/examples/DatePickerExample.vue b/docs/components/content/examples/DatePickerExample.vue
index b3272351..785e9ae8 100644
--- a/docs/components/content/examples/DatePickerExample.vue
+++ b/docs/components/content/examples/DatePickerExample.vue
@@ -10,7 +10,7 @@ const label = computed(() => date.value.toLocaleDateString('en-us', { weekday: '
     <UButton icon="i-heroicons-calendar-days-20-solid" :label="label" />
 
     <template #panel="{ close }">
-      <DatePicker v-model="date" @close="close" />
+      <LazyDatePicker v-model="date" @close="close" />
     </template>
   </UPopover>
 </template>