From 5a13ca6409b4fef45ed4587ce0dee5cdf8541bcb Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 7 Apr 2026 19:06:33 +0300
Subject: [PATCH] feat(share): render dates on the client side

---
 packages/share-theme/src/scripts/index.ts   | 8 ++++++++
 packages/share-theme/src/templates/page.ejs | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/share-theme/src/scripts/index.ts b/packages/share-theme/src/scripts/index.ts
index 89d368a964..83fbd0b1d3 100644
--- a/packages/share-theme/src/scripts/index.ts
+++ b/packages/share-theme/src/scripts/index.ts
@@ -47,6 +47,14 @@ document.addEventListener(
         if (toggleMenuButton && layout) {
             toggleMenuButton.addEventListener("click", () => layout.classList.toggle("showMenu"));
         }
+
+        // Format <time> elements using the browser's locale.
+        for (const el of document.querySelectorAll<HTMLTimeElement>("time[datetime]")) {
+            const date = new Date(el.dateTime);
+            if (!isNaN(date.getTime())) {
+                el.textContent = date.toLocaleDateString();
+            }
+        }
     },
     false
 );
diff --git a/packages/share-theme/src/templates/page.ejs b/packages/share-theme/src/templates/page.ejs
index 57a6d6f040..e0115b0ff3 100644
--- a/packages/share-theme/src/templates/page.ejs
+++ b/packages/share-theme/src/templates/page.ejs
@@ -196,7 +196,7 @@ content = content.replaceAll(headingRe, (...match) => {
                 <% if (!isEmpty && !isStatic) { %>
                     <div class="updated">
                         <% const lastUpdated = new Date(note.utcDateModified); %>
-                        <%- t("share_theme.last-updated", { date: `<time datetime="${lastUpdated.toISOString()}">${lastUpdated.toLocaleDateString()}</time>`}) %>
+                        <%- t("share_theme.last-updated", { date: `<time datetime="${lastUpdated.toISOString()}">${lastUpdated.toLocaleDateString("en-US")}</time>`}) %>
                     </div>
                 <% } %>