diff --git a/packages/bbui/src/Form/Core/DateTimePicker/Calendar.svelte b/packages/bbui/src/Form/Core/DateTimePicker/Calendar.svelte
index d48afa1f35..ae32190e2e 100644
--- a/packages/bbui/src/Form/Core/DateTimePicker/Calendar.svelte
+++ b/packages/bbui/src/Form/Core/DateTimePicker/Calendar.svelte
@@ -34,7 +34,7 @@
   const now = dayjs()
   let calendarDate
 
-  $: calendarDate = dayjs(value || now).startOf("month")
+  $: calendarDate = dayjs(value || dayjs()).startOf("month")
   $: mondays = getMondays(calendarDate)
 
   const getMondays = monthStart => {
diff --git a/packages/bbui/src/Form/Core/DateTimePicker/TimePicker.svelte b/packages/bbui/src/Form/Core/DateTimePicker/TimePicker.svelte
index a062c4ce0b..adf2a5e87a 100644
--- a/packages/bbui/src/Form/Core/DateTimePicker/TimePicker.svelte
+++ b/packages/bbui/src/Form/Core/DateTimePicker/TimePicker.svelte
@@ -6,9 +6,7 @@
   export let value
   export let onChange
 
-  const now = dayjs()
-
-  $: displayValue = value || now
+  $: displayValue = value || dayjs()
 
   const handleHourChange = e => {
     onChange(displayValue.hour(parseInt(e.target.value)))