@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260418101320 → 0.8.1-dev.20260418121424

package/dist/index.js

@@ -1150,10 +1150,10 @@ var timeZoneAbbreviations = {
 // src/components/controls/view/DateView.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DateView = (props) => {
+  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const getTimeZoneAbbreviation = (timeZone) => {
     return timeZoneAbbreviations[timeZone] || timeZone;
   };
-  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
     const date = new Date(
@@ -1169,6 +1169,7 @@ var DateView = (props) => {
     if (diffHr < 24) return `${diffHr} hour${diffHr > 1 ? "s" : ""} ago`;
     if (diffDay < 7) return `${diffDay} day${diffDay > 1 ? "s" : ""} ago`;
     return new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric"
@@ -1202,37 +1203,38 @@ var DateView = (props) => {
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
-    const now = /* @__PURE__ */ new Date();
-    const offsetMinutes = now.getTimezoneOffset();
-    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
-    const valDate = dateString.includes("Z") ? new Date(dateString) : /* @__PURE__ */ new Date(dateString + "Z");
-    const localDate = new Date(valDate.getTime() - offsetMilliseconds);
+    const parsedDate = new Date(
+      dateString.includes("Z") ? dateString : dateString + "Z"
+    );
     if (props.controlType === "date") {
       return new Intl.DateTimeFormat("en", {
+        timeZone: userTimeZone,
         day: "2-digit",
         month: "short",
         year: "numeric"
-      }).format(localDate);
+      }).format(parsedDate);
     }
     if (props.controlType === "time") {
-      return `${formatTime(localDate)} ${getTimeZoneAbbreviation(
+      return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(
         userTimeZone
-      )} (${getTimePeriod(localDate)})`;
+      )} (${getTimePeriod(parsedDate)})`;
     }
-    return localDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+    return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric",
       hour: "2-digit",
       minute: "2-digit"
-    }).format(localDate) : new Intl.DateTimeFormat("en", {
+    }).format(parsedDate) : new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric",
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
-    }).format(localDate);
+    }).format(parsedDate);
   };
   let localDateTime = "";
   let timeZoneAbbreviation = "";

package/dist/index.mjs

@@ -162,10 +162,10 @@ var timeZoneAbbreviations = {
 // src/components/controls/view/DateView.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var DateView = (props) => {
+  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const getTimeZoneAbbreviation = (timeZone) => {
     return timeZoneAbbreviations[timeZone] || timeZone;
   };
-  const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
     const date = new Date(
@@ -181,6 +181,7 @@ var DateView = (props) => {
     if (diffHr < 24) return `${diffHr} hour${diffHr > 1 ? "s" : ""} ago`;
     if (diffDay < 7) return `${diffDay} day${diffDay > 1 ? "s" : ""} ago`;
     return new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric"
@@ -214,37 +215,38 @@ var DateView = (props) => {
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
-    const now = /* @__PURE__ */ new Date();
-    const offsetMinutes = now.getTimezoneOffset();
-    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
-    const valDate = dateString.includes("Z") ? new Date(dateString) : /* @__PURE__ */ new Date(dateString + "Z");
-    const localDate = new Date(valDate.getTime() - offsetMilliseconds);
+    const parsedDate = new Date(
+      dateString.includes("Z") ? dateString : dateString + "Z"
+    );
     if (props.controlType === "date") {
       return new Intl.DateTimeFormat("en", {
+        timeZone: userTimeZone,
         day: "2-digit",
         month: "short",
         year: "numeric"
-      }).format(localDate);
+      }).format(parsedDate);
     }
     if (props.controlType === "time") {
-      return `${formatTime(localDate)} ${getTimeZoneAbbreviation(
+      return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(
         userTimeZone
-      )} (${getTimePeriod(localDate)})`;
+      )} (${getTimePeriod(parsedDate)})`;
     }
-    return localDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+    return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric",
       hour: "2-digit",
       minute: "2-digit"
-    }).format(localDate) : new Intl.DateTimeFormat("en", {
+    }).format(parsedDate) : new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
       day: "2-digit",
       month: "short",
       year: "numeric",
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit"
-    }).format(localDate);
+    }).format(parsedDate);
   };
   let localDateTime = "";
   let timeZoneAbbreviation = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260418101320",
+  "version": "0.8.1-dev.20260418121424",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",