From 97d9f90374378dd0641a7f12394b03a6a4cbe4d0 Mon Sep 17 00:00:00 2001
From: Christian Byrne <cbyrne@comfy.org>
Date: Sun, 9 Mar 2025 10:48:53 -0700
Subject: [PATCH] [Manager] Use iI8n for date strings (#2938)

---
 .../dialog/content/manager/infoPanel/InfoPanel.vue    |  6 ++++--
 .../dialog/content/manager/packCard/PackCard.vue      | 11 +++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/dialog/content/manager/infoPanel/InfoPanel.vue b/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
index 0c45f60dd..26e7f66de 100644
--- a/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
+++ b/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
@@ -49,7 +49,7 @@ interface InfoItem {
   value: string | number | undefined
 }
 
-const { t } = useI18n()
+const { t, d } = useI18n()
 
 const { nodePack } = defineProps<{
   nodePack: components['schemas']['Node']
@@ -70,7 +70,9 @@ const infoItems = computed<InfoItem[]>(() => [
     key: 'lastUpdated',
     label: t('manager.lastUpdated'),
     value: nodePack.latest_version?.createdAt
-      ? new Date(nodePack.latest_version.createdAt).toLocaleDateString()
+      ? d(nodePack.latest_version.createdAt, {
+          dateStyle: 'medium'
+        })
       : undefined
   }
 ])
diff --git a/src/components/dialog/content/manager/packCard/PackCard.vue b/src/components/dialog/content/manager/packCard/PackCard.vue
index a0f7a511e..5fcb27777 100644
--- a/src/components/dialog/content/manager/packCard/PackCard.vue
+++ b/src/components/dialog/content/manager/packCard/PackCard.vue
@@ -71,9 +71,16 @@
             {{ nodePack.latest_version.version }}
           </span>
         </div>
-        <div v-if="nodePack.latest_version" class="flex items-center gap-2">
+        <div
+          v-if="nodePack.latest_version"
+          class="flex items-center gap-2 truncate"
+        >
           {{ $t('g.updated') }}
-          {{ new Date(nodePack.latest_version.createdAt).toLocaleDateString() }}
+          {{
+            $d(new Date(nodePack.latest_version.createdAt), {
+              dateStyle: 'medium'
+            })
+          }}
         </div>
       </div>
     </template>