From be22315a4b8bc245acae1c38de248f2280a8cb45 Mon Sep 17 00:00:00 2001
From: Jan Mach <janmach1@microsoft.com>
Date: Wed, 14 Sep 2022 15:27:10 +0200
Subject: [PATCH] custom widget - deployed timestamp with timezone

---
 scripts.v2/utils.js                                 | 2 +-
 src/components/custom-widget-list/createWidget.html | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/scripts.v2/utils.js b/scripts.v2/utils.js
index ee851ec76..9071313e3 100644
--- a/scripts.v2/utils.js
+++ b/scripts.v2/utils.js
@@ -26,7 +26,7 @@ function listFilesInDirectory(dir) {
 }
 
 /**
- * Attempts to get a develoer portal storage connection string in two ways:
+ * Attempts to get a developer portal storage connection string in two ways:
  * 1) if the connection string is explicitly set by the user, use it.
  * 2) retrieving the connection string from the management API using the instance endpoint and SAS token
  * @param {string} managementApiEndpoint the management endpoint of service instance
diff --git a/src/components/custom-widget-list/createWidget.html b/src/components/custom-widget-list/createWidget.html
index 08fb891a9..bf674415a 100644
--- a/src/components/custom-widget-list/createWidget.html
+++ b/src/components/custom-widget-list/createWidget.html
@@ -31,10 +31,8 @@
       <!-- ko if: !!$component.config -->
       <p style="margin: 0;">
         Last deployed<br/>
-        <!-- TODO Intl.DateTimeFormat(new Date(config.deployedOn)).resolvedOptions().timeZone -->
         <!-- ko if: !!$component.config.deployedOn -->
-        <span data-bind="text: new Date(config.deployedOn).toLocaleString()"></span><br/>
-        <i data-bind="text: `(${new Date(config.deployedOn).toTimeString().match(/\((.+)\)/)[1]})`"></i>
+        <span data-bind="text: new Date(config.deployedOn).toLocaleString(undefined, {timeZoneName: 'short'})"></span><br/>
         <!-- /ko -->
         <!-- ko if: !$component.config.deployedOn -->
         <span>The widget hasn't been deployed yet.</span>