Merge pull request #1607 from plone/fix-filemanager-date-locale

MrTango · web-flow · commit 2f553745ddb2 · 2026-06-23T13:24:43.000+03:00
pat-filemanager: use current page language to render the datetime
diff --git a/src/pat/filemanager/src/utils/format.test.ts b/src/pat/filemanager/src/utils/format.test.ts
@@ -15,6 +15,24 @@ describe("formatDate", () => {
     it("formats a real date string", () => {
         expect(formatDate(PAST)).not.toBe("");
     });
+
+    it("respects the document language (es)", () => {
+        const originalLang = document.documentElement.lang;
+        document.documentElement.lang = "es";
+        const formatted = formatDate(PAST);
+        // "ene" is the short month in Spanish for January (January 1st, 2020)
+        expect(formatted).toContain("ene");
+        document.documentElement.lang = originalLang;
+    });
+
+    it("respects the document language (en)", () => {
+        const originalLang = document.documentElement.lang;
+        document.documentElement.lang = "en";
+        const formatted = formatDate(PAST);
+        // "Jan" is the short month in English for January
+        expect(formatted).toContain("Jan");
+        document.documentElement.lang = originalLang;
+    });
 });
 
 describe("formatSize", () => {
diff --git a/src/pat/filemanager/src/utils/format.ts b/src/pat/filemanager/src/utils/format.ts
@@ -10,10 +10,16 @@ function parseDate(value: unknown): Date | null {
     return Number.isNaN(date.getTime()) ? null : date;
 }
 
+/** Detect the current UI language from the <html> tag, normalized for Intl. */
+function getLang(): string {
+    if (typeof document === "undefined") return "en";
+    return (document.documentElement.lang || "en").replace("_", "-");
+}
+
 export function formatDate(value: unknown): string {
     const date = parseDate(value);
     if (!date) return "";
-    return new Intl.DateTimeFormat(undefined, {
+    return new Intl.DateTimeFormat(getLang(), {
         year: "numeric",
         month: "short",
         day: "numeric",
