From d32f87110d391e8a59588a3c058cc82ce08fe92a Mon Sep 17 00:00:00 2001
From: Fraser <frasernz@gmail.com>
Date: Sun, 29 Jan 2023 16:06:44 -0500
Subject: [PATCH] Show absolute time on hover

---
 src/Element/NoteTime.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Element/NoteTime.tsx b/src/Element/NoteTime.tsx
index 5e27f906..11ce0621 100644
--- a/src/Element/NoteTime.tsx
+++ b/src/Element/NoteTime.tsx
@@ -12,6 +12,8 @@ export interface NoteTimeProps {
 export default function NoteTime(props: NoteTimeProps) {
     const [time, setTime] = useState<string>();
     const { from, fallback } = props;
+    const absoluteTime = new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'long'}).format(from);
+    const isoDate = new Date(from).toISOString();
 
     function calcTime() {
         let fromDate = new Date(from);
@@ -46,5 +48,5 @@ export default function NoteTime(props: NoteTimeProps) {
         return () => clearInterval(t);
     }, [from]);
 
-    return <>{time}</>
+    return <time dateTime={isoDate} title={absoluteTime}>{time}</time>
 }