diff --git a/docs/components/content/examples/DatePickerExample.vue b/docs/components/content/examples/DatePickerExample.vue
index f5e9a05c..67c6d979 100644
--- a/docs/components/content/examples/DatePickerExample.vue
+++ b/docs/components/content/examples/DatePickerExample.vue
@@ -9,7 +9,7 @@ const date = ref(new Date())
     <UButton icon="i-heroicons-calendar-days-20-solid" :label="format(date, 'd MMM, yyy')" />
 
     <template #panel="{ close }">
-      <DatePicker v-model="date" @close="close" />
+      <DatePicker v-model="date" is-required @close="close" />
     </template>
   </UPopover>
 </template>