From 37ec85be9756aae6958e577626540bc512033e4f Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Wed, 13 Nov 2019 22:03:30 +0300
Subject: [PATCH] fix(v2): use tag time for showing last update of doc item
 (#1981)

---
 .../docusaurus-theme-classic/src/theme/DocItem/index.js   | 8 ++++++--
 .../src/theme/DocItem/styles.module.css                   | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
index 9eecb1a1d27a..f0905b1d192d 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
@@ -132,11 +132,15 @@ function DocItem(props) {
                               {lastUpdatedAt && (
                                 <>
                                   on{' '}
-                                  <strong>
+                                  <time
+                                    dateTime={new Date(
+                                      lastUpdatedAt * 1000,
+                                    ).toISOString()}
+                                    className={styles.docLastUpdatedAt}>
                                     {new Date(
                                       lastUpdatedAt * 1000,
                                     ).toLocaleDateString()}
-                                  </strong>
+                                  </time>
                                   {lastUpdatedBy && ' '}
                                 </>
                               )}
diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
index 3a6c9f40eeee..adfb5a0dc583 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
@@ -40,3 +40,7 @@
     padding: 0 0.3rem;
   }
 }
+
+.docLastUpdatedAt {
+  font-weight: bold;
+}