refactor: use locale for all time formats

framework/core/js/src/common/Translator.tsx

@@ -1,3 +1,4 @@
+import type { Dayjs } from 'dayjs';
 import { RichMessageFormatter, mithrilRichHandler, NestedStringArray } from '@askvortsov/rich-icu-message-formatter';
 import { pluralTypeHandler, selectTypeHandler } from '@ultraq/icu-message-formatter';
 import username from './helpers/username';
@@ -88,4 +89,16 @@ export default class Translator {
 
     return id;
   }
+
+  /**
+   * Formats the time.
+   * 
+   * The format of the time will be chosen by the following order:
+   * - The format ID defined in current locale.
+   * - The provided fallback format.
+   * - DayJS default format.
+   */
+  format(time: Dayjs, id?: string, fallback?: string): string {
+    return time.format(id && (this.translations[id] ?? fallback));
+  }
 }

framework/core/js/src/common/index.ts

@@ -10,14 +10,13 @@ import 'bootstrap/js/transition';
 import 'jquery.hotkeys/jquery.hotkeys';
 
 import relativeTime from 'dayjs/plugin/relativeTime';
+import localizedFormat from "dayjs/plugin/localizedFormat";
 
 dayjs.extend(relativeTime);
+dayjs.extend(localizedFormat);
 
 import './registry';
 
-import { customFormats } from './utils/localizedFormat';
-dayjs.extend(customFormats);
-
 import patchMithril from './utils/patchMithril';
 
 patchMithril(window);

framework/core/js/src/common/utils/humanTime.ts

@@ -1,3 +1,4 @@
+import app from '../app';
 import dayjs from 'dayjs';
 
 /**
@@ -21,9 +22,9 @@ export default function humanTime(time: dayjs.ConfigType): string {
   // in the string. If it wasn't this year, we'll show the year as well.
   if (d.diff(now, 'day') < -30) {
     if (d.isSame(now, 'year')) {
-      ago = d.format('f');
+      ago = app.translator.format(d, 'core.lib.datetime_formats.human_time_short');
     } else {
-      ago = d.format('ll');
+      ago = app.translator.format(d, 'core.lib.datetime_formats.human_time_full');
     }
   } else {
     ago = d.fromNow();

framework/core/js/src/forum/components/PostStream.js

@@ -270,7 +270,7 @@ export default class PostStream extends Component {
     // set the index to the last post.
     this.stream.index = indexFromViewPort !== null ? indexFromViewPort + 1 : this.stream.count();
     this.stream.visible = visible;
-    if (period) this.stream.description = dayjs(period).format('FF');
+    if (period) this.stream.description = app.translator.format(dayjs(period), 'core.lib.datetime_formats.post_stream_scrubber');
   }
 
   /**

framework/core/locale/core.yml

@@ -843,6 +843,12 @@ core:
     username:
       deleted_text: "[deleted]"
 
+    # These are DayJS formats used in core.
+    datetime_formats:
+      human_time_short: D MMM
+      human_time_full: ll
+      post_stream_scrubber: MMMM YYYY
+
   # Translations in this namespace are used in views other than Flarum's normal JS client.
   views:
     # Translations in this namespace are displayed by the basic HTML admin index.