diff --git a/packages/builder/src/components/common/DatePicker.svelte b/packages/builder/src/components/common/DatePicker.svelte
index 74ab83e320..8fc03decda 100644
--- a/packages/builder/src/components/common/DatePicker.svelte
+++ b/packages/builder/src/components/common/DatePicker.svelte
@@ -2,12 +2,10 @@
   import flatpickr from "flatpickr"
   import "flatpickr/dist/flatpickr.css"
   import { onMount } from "svelte"
-  import { Label } from "@budibase/bbui"
+  import { Label, Input } from "@budibase/bbui"
 
   export let value
   export let label
-  export let width = "medium"
-  export let size = "small"
 
   let input
   let fpInstance
@@ -27,7 +25,8 @@
 
 <div class="bb-margin-m">
   <Label small forAttr={'datepicker-label'}>{label}</Label>
-  <input
-    class="uk-input uk-form-width-{width} uk-form-{size}"
-    bind:this={input} />
+  <Input thin bind:this={input} />
 </div>
+
+<!-- TODO: Verify DatePicker Input works as expected when datetime property used again
+in CreateEditColumn -->