diff --git a/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue b/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
index d62cd9ea37..d0c16c9912 100644
--- a/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
+++ b/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
@@ -212,9 +212,6 @@ export default defineComponent({
 			if (newVal) {
 				this.lastTypeAddedDate = 'date'
 				this.$emit('change', newVal)
-				if (newVal.length === 10) {
-					this.validate(newVal)
-				}
 				if (typeof newVal === 'string' && newVal.length === 10) {
 					this.$emit('update:model-value', this.formatDate(newVal))
 				}
@@ -239,6 +236,7 @@ export default defineComponent({
 				)
 				if (newVal.length === 10) {
 					this.validate(newVal)
+					this.inputValue = newVal
 				}
 			} else if (
 				typeof newVal === 'string' &&
@@ -528,11 +526,6 @@ export default defineComponent({
 				? 'underlined'
 				: 'outlined'
 		},
-		onClear() {
-			this.date = null
-			this.inputValue = ''
-			this.$emit('update:model-value', null)
-		},
 		onClearInput() {
 			this.date = null
 			this.inputValue = ''
@@ -597,7 +590,7 @@ export default defineComponent({
 					{{ date.getDate() }}
 				</div>
 			</template>
-			<template #dp-input="{onClear}">
+			<template #dp-input="{}">
 				<VTextField
 					:model-value="date"
 					v-bind="textFieldOptions"
@@ -627,7 +620,6 @@ export default defineComponent({
 					"
 					:variant="getVariant"
 					@blur="emitUpdateEvent"
-					@click:clear="onClear"
 					@paste="handlePaste"
 					@cut="handleCut"
 				>