From fc4b1464b9a91045d7419d26c1ba5af82ba6ed26 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 16 Mar 2022 17:40:08 -0400
Subject: [PATCH] use time element in output

---
 src/components/format-date/format-date.ts | 32 +++++++++++++----------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/format-date/format-date.ts b/src/components/format-date/format-date.ts
index ab92c963e..b94263063 100644
--- a/src/components/format-date/format-date.ts
+++ b/src/components/format-date/format-date.ts
@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { LocalizeController } from '~/utilities/localize';
 
@@ -58,19 +58,23 @@ export default class SlFormatDate extends LitElement {
       return undefined;
     }
 
-    return this.localize.date(date, {
-      weekday: this.weekday,
-      era: this.era,
-      year: this.year,
-      month: this.month,
-      day: this.day,
-      hour: this.hour,
-      minute: this.minute,
-      second: this.second,
-      timeZoneName: this.timeZoneName,
-      timeZone: this.timeZone,
-      hour12: hour12
-    });
+    return html`
+      <time datetime=${date.toISOString()}>
+        ${this.localize.date(date, {
+          weekday: this.weekday,
+          era: this.era,
+          year: this.year,
+          month: this.month,
+          day: this.day,
+          hour: this.hour,
+          minute: this.minute,
+          second: this.second,
+          timeZoneName: this.timeZoneName,
+          timeZone: this.timeZone,
+          hour12: hour12
+        })}
+      </time>
+    `;
   }
 }