diff --git a/js/ui/date_box/ui.date_box.strategy.native.js b/js/ui/date_box/ui.date_box.strategy.native.js
index f5f3872ad480..2eeb7fbcb99f 100644
--- a/js/ui/date_box/ui.date_box.strategy.native.js
+++ b/js/ui/date_box/ui.date_box.strategy.native.js
@@ -65,10 +65,18 @@ const NativeStrategy = DateBoxStrategy.inherit({
         return displayFormat || dateUtils.FORMATS_MAP[type];
     },
 
-    renderInputMinMax: function($input) {
+    renderInputMinMax($input) {
+        const type = this.dateBox.option('type');
+        const defaultFormat = 'yyyy-MM-dd';
+        const format = {
+            datetime: 'yyyy-MM-ddTHH:mm:ss',
+            date: defaultFormat,
+            time: 'HH:mm:ss',
+        }[type] ?? defaultFormat;
+
         $input.attr({
-            min: dateSerialization.serializeDate(this.dateBox.dateOption('min'), 'yyyy-MM-dd'),
-            max: dateSerialization.serializeDate(this.dateBox.dateOption('max'), 'yyyy-MM-dd')
+            min: dateSerialization.serializeDate(this.dateBox.dateOption('min'), format),
+            max: dateSerialization.serializeDate(this.dateBox.dateOption('max'), format),
         });
     }
 });