diff --git a/packages/ui/date-picker/src/components/input.tsx b/packages/ui/date-picker/src/components/input.tsx
index d6b5dc635..709f72e1c 100644
--- a/packages/ui/date-picker/src/components/input.tsx
+++ b/packages/ui/date-picker/src/components/input.tsx
@@ -68,6 +68,10 @@ const Input = ({
       vals = vals?.toLocaleUpperCase()
     }
 
+    if (typeof format === 'function' && date) {
+      vals = format(date)
+    }
+
     setValue(vals)
 
     cacheValues.current = vals