Ticket #52664: 52664.diff

trunk/wp-includes/js/dist/components.js

@@ -35683 +35683 @@
         className: "components-datetime__date",
         ref: this.nodeRef
       }, Object(external_wp_element_["createElement"])(DayPickerSingleDateController_default.a, {
+        monthFormat: ('y' == this.props.orderYMD[0]) ? 'YYYY MMMM': 'MMMM YYYY',
         date: momentDate,
         daySize: 30,
         focused: true,
@@ -35838 +35839 @@
  *
  * @param {Object}                props             Component props.
  * @param {boolean}               props.is12Hour    Should the time picker showed in 12 hour format or 24 hour format.
+ * @param {String}                props.orderYMD    The order of dates such as "mdy" or "ymd".
  * @param {WPValidDateTimeFormat} props.currentTime The initial current time the time picker should render.
  * @param {Function}              props.onChange    Callback function when the date changed.
  */
@@ -35845 +35847 @@
 
 function TimePicker(_ref2) {
   var is12Hour = _ref2.is12Hour,
+      orderYMD = _ref2.orderYMD,
       currentTime = _ref2.currentTime,
       onChange = _ref2.onChange;
 
@@ -35960 +35963 @@
   }, Object(external_wp_i18n_["__"])('November')), Object(external_wp_element_["createElement"])("option", {
     value: "12"
   }, Object(external_wp_i18n_["__"])('December'))));
-  var dayMonthFormat = is12Hour ? Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, dayFormat, monthFormat) : Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, monthFormat, dayFormat);
-  return Object(external_wp_element_["createElement"])("div", {
-    className: classnames_default()('components-datetime__time')
-  }, Object(external_wp_element_["createElement"])("fieldset", null, Object(external_wp_element_["createElement"])("legend", {
-    className: "components-datetime__time-legend invisible"
-  }, Object(external_wp_i18n_["__"])('Date')), Object(external_wp_element_["createElement"])("div", {
-    className: "components-datetime__time-wrapper"
-  }, dayMonthFormat, Object(external_wp_element_["createElement"])("div", {
-    className: "components-datetime__time-field components-datetime__time-field-year"
-  }, Object(external_wp_element_["createElement"])(UpdateOnBlurAsIntegerField, {
+  var leftSideFormat = (-1 !== orderYMD.indexOf('dm')) ? Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, dayFormat, monthFormat) : Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, monthFormat, dayFormat);
+  var rightSideFormat = Object(external_wp_element_["createElement"])("div", {className: "components-datetime__time-field components-datetime__time-field-year"}, Object(external_wp_element_["createElement"])(UpdateOnBlurAsIntegerField, {
     "aria-label": Object(external_wp_i18n_["__"])('Year'),
     className: "components-datetime__time-field-year-input",
     type: "number",
@@ -35979 +35974 @@
     max: 9999,
     value: year,
     onUpdate: update
-  })))), Object(external_wp_element_["createElement"])("fieldset", null, Object(external_wp_element_["createElement"])("legend", {
+  }));
+  if ('y' == orderYMD[0]) {
+    let ph = leftSideFormat;
+    leftSideFormat = rightSideFormat;
+    rightSideFormat = ph;
+  }
+  return Object(external_wp_element_["createElement"])("div", {
+    className: classnames_default()('components-datetime__time')
+  }, Object(external_wp_element_["createElement"])("fieldset", null, Object(external_wp_element_["createElement"])("legend", {
     className: "components-datetime__time-legend invisible"
+  }, Object(external_wp_i18n_["__"])('Date')), Object(external_wp_element_["createElement"])("div", {
+    className: "components-datetime__time-wrapper"
+  }, leftSideFormat, rightSideFormat)), Object(external_wp_element_["createElement"])("fieldset", null, Object(external_wp_element_["createElement"])("legend", {
+    className: "components-datetime__time-legend invisible"
   }, Object(external_wp_i18n_["__"])('Time')), Object(external_wp_element_["createElement"])("div", {
     className: "components-datetime__time-wrapper"
   }, Object(external_wp_element_["createElement"])("div", {
@@ -36052 +36059 @@
 function DateTimePicker(_ref, ref) {
   var currentDate = _ref.currentDate,
       is12Hour = _ref.is12Hour,
+      orderYMD = _ref.orderYMD,
       isInvalidDate = _ref.isInvalidDate,
       onMonthPreviewed = _ref.onMonthPreviewed,
       onChange = _ref.onChange,
@@ -36072 +36080 @@
   }, !calendarHelpIsVisible && Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(time, {
     currentTime: currentDate,
     onChange: onChange,
-    is12Hour: is12Hour
+    is12Hour: is12Hour,
+    orderYMD: orderYMD
   }), Object(external_wp_element_["createElement"])(date_time_date, {
     currentDate: currentDate,
     onChange: onChange,
     isInvalidDate: isInvalidDate,
     onMonthPreviewed: onMonthPreviewed,
-    events: events
+    events: events,
+    orderYMD: orderYMD
   })), calendarHelpIsVisible && Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
     className: "components-datetime__calendar-help"
   }, Object(external_wp_element_["createElement"])("h4", null, Object(external_wp_i18n_["__"])('Click to Select')), Object(external_wp_element_["createElement"])("ul", null, Object(external_wp_element_["createElement"])("li", null, Object(external_wp_i18n_["__"])('Click the right or left arrows to select other months in the past or the future.')), Object(external_wp_element_["createElement"])("li", null, Object(external_wp_i18n_["__"])('Click the desired day to select it.'))), Object(external_wp_element_["createElement"])("h4", null, Object(external_wp_i18n_["__"])('Navigating with a keyboard')), Object(external_wp_element_["createElement"])("ul", null, Object(external_wp_element_["createElement"])("li", null, Object(external_wp_element_["createElement"])("abbr", {

trunk/wp-includes/js/dist/editor.js

@@ -861 +861 @@
                         // Using offsetHeight as a replacement for computed.height in IE, because IE does not account use of border-box
                         var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
 
-                        // The actual height not matching the style height (set via the resize method) indicates that 
+                        // The actual height not matching the style height (set via the resize method) indicates that
                         // the max-height has been exceeded, in which case the overflow should be allowed.
                         if (actualHeight < styleHeight) {
                                 if (computed.overflowY === 'hidden') {
@@ -9419 +9419 @@
   .split('').reverse().join('') // Reverse the string and test for "a" not followed by a slash
   );
 
+  var orderYMD = settings.formats.date.replace(/[^YyFMmndj]/g, '')
+  .replace('Y', 'y')
+  .replace(/[FMn]/, 'm')
+  .replace('j', 'd');
+
   function onChange(newDate) {
     onUpdateDate(newDate);
     var ownerDocument = ref.current.ownerDocument;
@@ -9429 +9434 @@
     ref: ref,
     currentDate: date,
     onChange: onChange,
-    is12Hour: is12HourTime
+    is12Hour: is12HourTime,
+    orderYMD: orderYMD
   });
 }
 /* harmony default export */ var post_schedule = (Object(external_wp_compose_["compose"])([Object(external_wp_data_["withSelect"])(function (select) {