From 2b3790f05dadfc46df0c36a7dc12f17db9d86767 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Thu, 31 Jul 2025 10:56:32 +0200
Subject: [PATCH] Use time element for the display time.

---
 .../src/component/user/Profile/ProfileTab/ProfileTab.tsx  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
index 29bcaae739..1f5098975f 100644
--- a/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
+++ b/frontend/src/component/user/Profile/ProfileTab/ProfileTab.tsx
@@ -99,7 +99,8 @@ const ProjectList = styled('ul')(({ theme }) => ({
     gap: theme.spacing(1),
 }));
 
-const exampleDate = new Date('2014-09-29T14:50:46');
+const exampleDateString = '2014-09-29T14:50:46';
+const exampleDate = new Date(exampleDateString);
 
 const LocaleSelector = styled('div')(({ theme }) => ({
     marginTop: theme.spacing(1.5),
@@ -252,7 +253,10 @@ export const ProfileTab = ({ user }: IProfileTabProps) => {
                         </Select>
                     </StyledFormControl>
                     <Typography id={exampleDateId}>
-                        Example: {formatDateYMDHM(exampleDate, currentLocale)}
+                        Example:{' '}
+                        <time dateTime={exampleDateString}>
+                            {formatDateYMDHM(exampleDate, currentLocale)}
+                        </time>
                     </Typography>
                 </LocaleSelector>
                 {productivityReportEmailEnabled ? (