Display dates/times in local TZ (#7)

src/JobsJobsJobs/Client/Shared/FullDate.razor

@@ -1,23 +1,4 @@
-@using NodaTime
-@using NodaTime.Text
-@using System.Globalization
+@inject IJSRuntime js
+@inject AppState state
 
 @Translated
-
-@code {
-  /// <summary>
-  /// The pattern with which dates will be formatted
-  /// </summary>
-  private static InstantPattern pattern = InstantPattern.Create("ld<MMMM d, yyyy>", CultureInfo.CurrentCulture);
-
-  /// <summary>
-  /// The date to be formatted
-  /// </summary>
-  [Parameter]
-  public Instant TheDate { get; set; }
-
-  /// <summary>
-  /// The formatted date
-  /// </summary>
-  private string Translated => pattern.Format(TheDate);
-}

src/JobsJobsJobs/Client/Shared/FullDate.razor.cs

@@ -0,0 +1,30 @@
+using Microsoft.AspNetCore.Components;
+using NodaTime;
+using NodaTime.Text;
+using System.Threading.Tasks;
+
+namespace JobsJobsJobs.Client.Shared
+{
+    public partial class FullDate : ComponentBase
+    {
+        /// <summary>
+        /// The pattern with which dates will be formatted
+        /// </summary>
+        private static readonly ZonedDateTimePattern Pattern =
+            ZonedDateTimePattern.CreateWithCurrentCulture("ld<MMMM d, yyyy>", DateTimeZoneProviders.Tzdb);
+
+        /// <summary>
+        /// The date to be formatted
+        /// </summary>
+        [Parameter]
+        public Instant TheDate { get; set; }
+
+        /// <summary>
+        /// The formatted date
+        /// </summary>
+        private string Translated { get; set; } = "";
+
+        protected override async Task OnInitializedAsync() =>
+            Translated = Pattern.Format(TheDate.InZone(await state.GetTimeZone(js)));
+    }
+}

src/JobsJobsJobs/Client/Shared/FullDateTime.razor

@@ -1,23 +1,4 @@
-@using NodaTime
-@using NodaTime.Text
-@using System.Globalization
+@inject IJSRuntime js
+@inject AppState state
 
 @Translated
-
-@code {
-    /// <summary>
-    /// The pattern with which dates will be formatted
-    /// </summary>
-    private static InstantPattern pattern = InstantPattern.Create("ld<D> ' at ' lt<t>", CultureInfo.CurrentCulture);
-
-    /// <summary>
-    /// The date to be formatted
-    /// </summary>
-    [Parameter]
-    public Instant TheDate { get; set; }
-
-    /// <summary>
-    /// The formatted date
-    /// </summary>
-    private string Translated => pattern.Format(TheDate);
-}

src/JobsJobsJobs/Client/Shared/FullDateTime.razor.cs

@@ -0,0 +1,30 @@
+using Microsoft.AspNetCore.Components;
+using NodaTime;
+using NodaTime.Text;
+using System.Threading.Tasks;
+
+namespace JobsJobsJobs.Client.Shared
+{
+    public partial class FullDateTime : ComponentBase
+    {
+        /// <summary>
+        /// The pattern with which dates will be formatted
+        /// </summary>
+        private static readonly ZonedDateTimePattern Pattern =
+            ZonedDateTimePattern.CreateWithCurrentCulture("ld<D> ' at ' lt<t>", DateTimeZoneProviders.Tzdb);
+
+        /// <summary>
+        /// The date to be formatted
+        /// </summary>
+        [Parameter]
+        public Instant TheDate { get; set; }
+
+        /// <summary>
+        /// The formatted date
+        /// </summary>
+        private string Translated { get; set; } = "";
+
+        protected override async Task OnInitializedAsync() =>
+            Translated = Pattern.Format(TheDate.InZone(await state.GetTimeZone(js)));
+    }
+}