Date format not respected in date ui component

Author: glo60612

app/code/Magento/Ui/view/base/web/js/form/element/date.js

@@ -87,6 +87,11 @@ define([
         initConfig: function () {
             this._super();
 
+            // Adopt picker format if provided under options in UI XML
+            if (this.options && this.options.pickerDateTimeFormat) {
+                this.pickerDateTimeFormat = this.options.pickerDateTimeFormat;
+            }
+
             if (!this.options.dateFormat) {
                 this.options.dateFormat = this.pickerDefaultDateFormat;
             }
@@ -95,6 +100,11 @@ define([
                 this.options.timeFormat = this.pickerDefaultTimeFormat;
             }
 
+            // If date-only and a picker format is explicitly configured, prefer it for calendar display format
+            if (!this.options.showsTime && this.pickerDateTimeFormat) {
+                this.options.dateFormat = this.pickerDateTimeFormat;
+            }
+
             this.prepareDateTimeFormats();
 
             return this;
@@ -177,13 +187,15 @@ define([
          * with moment.js library.
          */
         prepareDateTimeFormats: function () {
-            if (this.options.timeOnly) {
-                this.pickerDateTimeFormat = this.options.timeFormat;
-            } else {
-                this.pickerDateTimeFormat = this.options.dateFormat;
-
-                if (this.options.showsTime) {
-                    this.pickerDateTimeFormat += ' ' + this.options.timeFormat;
+            // Respect explicitly configured picker format if provided; otherwise compose from options.
+            if (!this.pickerDateTimeFormat) {
+                if (this.options.timeOnly) {
+                    this.pickerDateTimeFormat = this.options.timeFormat;
+                } else {
+                    this.pickerDateTimeFormat = this.options.dateFormat;
+                    if (this.options.showsTime) {
+                        this.pickerDateTimeFormat += ' ' + this.options.timeFormat;
+                    }
                 }
             }
 

dev/tests/js/jasmine/tests/app/code/Magento/Ui/base/js/form/element/date.test.js

@@ -82,5 +82,30 @@ define([
             model.value('2:43 am');
             expect(model.getPreview()).toBe('02:43:00');
         });
+
+        it('Prefers pickerDateTimeFormat for date-only display format', function () {
+            // simulate UI XML providing pickerDateTimeFormat while showsTime is false
+            model.options.showsTime = false;
+            model.options.pickerDateTimeFormat = 'y-MM-dd';
+
+            // Re-init to adopt option and set options.dateFormat accordingly
+            model.initConfig();
+
+            expect(model.options.dateFormat).toBe('y-MM-dd');
+        });
+
+        it('Displays value using pickerDateTimeFormat when date-only', function () {
+            model.options.showsTime = false;
+            // Ensure consistent IO formats for this test case
+            model.outputDateFormat = 'y-MM-dd';
+            model.inputDateFormat = 'y-MM-dd';
+            model.pickerDateTimeFormat = 'y-MM-dd';
+
+            // Make sure formats are prepared
+            model.prepareDateTimeFormats();
+
+            model.value('2025-11-21');
+            expect(model.getPreview()).toBe('2025-11-21');
+        });
     });
 });