Bug 1278358 - Update dayperiod to dayPeriod in DateTimeFormat formatToParts calls

Author: Zibi Braniecki

apps/calendar/js/date_l10n.js

@@ -53,7 +53,7 @@ exports._localizeElement = function(element) {
   if (format === 'week-hour-format') {
     text = formatter.formatToParts(new Date(date)).map(({type, value}) => {
       switch(type) {
-        case 'dayperiod':
+        case 'dayPeriod':
           return `<span class="ampm" aria-hidden="true">${value}</span>`;
         default: return value;
       }

apps/calendar/js/templates/date_span.js

@@ -29,9 +29,14 @@ module.exports = create({
     var formatter = IntlHelper.get(format);
 
     if (this.arg('addAmPmClass')) {
-      displayHour = formatter.format(date, {
-        dayperiod: '<span class="ampm" aria-hidden="true">$&</span>',
-      });
+      displayHour = formatter.formatToParts(date).map(({type, value}) => {
+        switch (type) {
+          case 'dayPeriod':
+            return `<span class="ampm" aria-hidden="true">${value}</span>`;
+          default:
+            return value;
+        }
+      }).reduce((string, part) => string + part, '');
     } else {
       displayHour = formatter.format(date);
     }

apps/calendar/js/views/current_time.js

@@ -112,7 +112,7 @@ CurrentTime.prototype = {
     this.element.textContent = formatter.formatToParts(now).map(
       ({type, value}) => {
         switch(type) {
-          case 'dayperiod': return '';
+          case 'dayPeriod': return '';
           default: return value;
         }
       }

apps/clock/js/utils.js

@@ -204,7 +204,7 @@ Utils.getLocalizedTimeHtml = function(date) {
   var f = IntlHelper.get('time-text');
   return f.formatToParts(date).map(({type, value}) => {
     switch(type) {
-      case 'dayperiod': return `<small>${value}</small>`;
+      case 'dayPeriod': return `<small>${value}</small>`;
       default: return value;
     }
   }).reduce((string, part) => string + part, '');

apps/communications/dialer/js/call_screen.js

@@ -396,7 +396,7 @@ var CallScreen = {
     if (formatter.resolvedOptions().hour12 === true) {
       timeText = formatter.formatToParts(now).map(({type, value}) => {
         switch (type) {
-          case 'dayperiod': return '';
+          case 'dayPeriod': return '';
           default: return value;
         }
       }).reduce((string, part) => string + part, '');

apps/communications/dialer/test/unit/call_screen_test.js

@@ -903,7 +903,7 @@ suite('call screen', function() {
       window.navigator.mozHour12 = true;
 
       function stubFormatToParts(d) {
-        return [{type: 'dayperiod', value: 'AM'}];
+        return [{type: 'dayPeriod', value: 'AM'}];
       }
       if (!Intl.DateTimeFormat.prototype.formatToParts) {
         Intl.DateTimeFormat.prototype.formatToParts = stubFormatToParts;

apps/system/js/time_icon.js

@@ -42,7 +42,7 @@
       var timeParts = this.timeFormatter.formatToParts(now);
       timeText = timeParts.map(({type, value}) => {
         switch (type) {
-          case 'dayperiod':
+          case 'dayPeriod':
             if (this.manager._ampm) {
               return `<span>${value}</span>`;
             }

apps/system/lockscreen/js/widgets/clock/lockscreen_clock_widget.js

@@ -45,7 +45,7 @@
     var timeText =
       this.timeFormatter.formatToParts(now).map(({type, value}) => {
         switch (type) {
-          case 'dayperiod': return '';
+          case 'dayPeriod': return '';
           default: return value;
         }
       }

apps/system/test/unit/time_icon_test.js

@@ -33,7 +33,7 @@ suite('system/TimeIcon', function() {
     setup(function() {
       function stubFormatToParts(d) {
         return [
-          {type: 'dayperiod', value: 'AM'}
+          {type: 'dayPeriod', value: 'AM'}
         ];
       }
       if (!Intl.DateTimeFormat.prototype.formatToParts) {

tv_apps/smart-home/js/home.js

@@ -765,7 +765,7 @@
       var dayperiod = '';
 
       var timeWithoutDayPeriod = parts.map(({type, value}) => {
-        if (type === 'dayperiod') {
+        if (type === 'dayPeriod') {
           dayperiod = value;
           return '';
         }