diff --git a/packages/bbui/src/Form/Core/DatePicker.svelte b/packages/bbui/src/Form/Core/DatePicker.svelte
index 18c93b6c5c..2516cb659d 100644
--- a/packages/bbui/src/Form/Core/DatePicker.svelte
+++ b/packages/bbui/src/Form/Core/DatePicker.svelte
@@ -13,7 +13,7 @@
   export let enableTime = true
   export let value = null
   export let placeholder = null
-  export let appendTo = null
+  export let appendTo = undefined
 
   const dispatch = createEventDispatcher()
   const flatpickrId = `${generateID()}-wrapper`
diff --git a/packages/bbui/src/Form/DatePicker.svelte b/packages/bbui/src/Form/DatePicker.svelte
index aff7ddc1c5..041054e406 100644
--- a/packages/bbui/src/Form/DatePicker.svelte
+++ b/packages/bbui/src/Form/DatePicker.svelte
@@ -10,7 +10,7 @@
   export let error = null
   export let enableTime = true
   export let placeholder = null
-  export let appendTo = null
+  export let appendTo = undefined
 
   const dispatch = createEventDispatcher()
   const onChange = e => {