@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260427125546 → 0.8.1-dev.20260428110702

package/dist/index.js

@@ -1296,12 +1296,19 @@ 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 toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    const iso = s.replace(" ", "T");
+    const utc = iso.endsWith("Z") || iso.includes("+") ? iso : iso + "Z";
+    return new Date(utc);
+  };
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
-    const date = /* @__PURE__ */ new Date(dateString + "Z");
+    const date = toUtcDate(dateString);
     const diffMs = now.getTime() - date.getTime();
     const diffSec = Math.floor(diffMs / 1e3);
     const diffMin = Math.floor(diffSec / 60);
@@ -1314,12 +1321,12 @@ var DateView = (props) => {
     return new Intl.DateTimeFormat("en", {
       day: "2-digit",
       month: "short",
-      year: "numeric"
+      year: "numeric",
+      timeZone: userTimeZone
     }).format(date);
   };
-  console.log("DateView props:", props);
   const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
+    const parsedDate = toUtcDate(dateString);
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
@@ -1328,55 +1335,63 @@ var DateView = (props) => {
         return new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
-          year: "numeric"
+          year: "numeric",
+          timeZone: userTimeZone
         }).format(parsedDate);
       case "time":
-        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone)} (${getTimePeriod(parsedDate)})`;
+        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(userTimeZone)} (${getTimePeriod(parsedDate)})`;
       default:
         return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
           year: "numeric",
           hour: "2-digit",
-          minute: "2-digit"
+          minute: "2-digit",
+          timeZone: userTimeZone
         }).format(parsedDate) : new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
           year: "numeric",
           hour: "2-digit",
           minute: "2-digit",
-          second: "2-digit"
+          second: "2-digit",
+          timeZone: userTimeZone
         }).format(parsedDate);
     }
   };
   const formatTime = (date) => {
     return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
       hour: "2-digit",
-      minute: "2-digit"
+      minute: "2-digit",
+      timeZone: userTimeZone
     }).format(date) : new Intl.DateTimeFormat("en", {
       hour: "2-digit",
       minute: "2-digit",
-      second: "2-digit"
+      second: "2-digit",
+      timeZone: userTimeZone
     }).format(date);
   };
   const getTimePeriod = (date) => {
-    const hours = date.getHours();
-    if (hours >= 5 && hours < 8) return "Early Morning";
-    if (hours >= 8 && hours < 12) return "Morning";
-    if (hours >= 12 && hours < 14) return "Noon";
-    if (hours >= 14 && hours < 17) return "Afternoon";
-    if (hours >= 17 && hours < 20) return "Evening";
-    if (hours >= 20 && hours < 22) return "Late Evening";
-    if (hours >= 22 || hours < 5) return "Night";
-    return "Late Night";
+    const localHours = Number(
+      new Intl.DateTimeFormat("en", {
+        hour: "numeric",
+        hour12: false,
+        timeZone: userTimeZone
+      }).format(date)
+    );
+    if (localHours >= 5 && localHours < 8) return "Early Morning";
+    if (localHours >= 8 && localHours < 12) return "Morning";
+    if (localHours >= 12 && localHours < 14) return "Noon";
+    if (localHours >= 14 && localHours < 17) return "Afternoon";
+    if (localHours >= 17 && localHours < 20) return "Evening";
+    if (localHours >= 20 && localHours < 22) return "Late Evening";
+    return "Night";
   };
   let localDateTime = "";
   let timeZoneAbbreviation = "";
   try {
     localDateTime = parseAndFormatDate(props.value, props.format);
-    timeZoneAbbreviation = getTimeZoneAbbreviation(
-      Intl.DateTimeFormat().resolvedOptions().timeZone
-    );
+    timeZoneAbbreviation = getTimeZoneAbbreviation(userTimeZone);
   } catch (error) {
     console.error("Error parsing date:", props.value, error);
   }

package/dist/index.mjs

@@ -164,12 +164,19 @@ 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 toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    const iso = s.replace(" ", "T");
+    const utc = iso.endsWith("Z") || iso.includes("+") ? iso : iso + "Z";
+    return new Date(utc);
+  };
   const getRelativeTime = (dateString) => {
     const now = /* @__PURE__ */ new Date();
-    const date = /* @__PURE__ */ new Date(dateString + "Z");
+    const date = toUtcDate(dateString);
     const diffMs = now.getTime() - date.getTime();
     const diffSec = Math.floor(diffMs / 1e3);
     const diffMin = Math.floor(diffSec / 60);
@@ -182,12 +189,12 @@ var DateView = (props) => {
     return new Intl.DateTimeFormat("en", {
       day: "2-digit",
       month: "short",
-      year: "numeric"
+      year: "numeric",
+      timeZone: userTimeZone
     }).format(date);
   };
-  console.log("DateView props:", props);
   const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
+    const parsedDate = toUtcDate(dateString);
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
@@ -196,55 +203,63 @@ var DateView = (props) => {
         return new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
-          year: "numeric"
+          year: "numeric",
+          timeZone: userTimeZone
         }).format(parsedDate);
       case "time":
-        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone)} (${getTimePeriod(parsedDate)})`;
+        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(userTimeZone)} (${getTimePeriod(parsedDate)})`;
       default:
         return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
           year: "numeric",
           hour: "2-digit",
-          minute: "2-digit"
+          minute: "2-digit",
+          timeZone: userTimeZone
         }).format(parsedDate) : new Intl.DateTimeFormat("en", {
           day: "2-digit",
           month: "short",
           year: "numeric",
           hour: "2-digit",
           minute: "2-digit",
-          second: "2-digit"
+          second: "2-digit",
+          timeZone: userTimeZone
         }).format(parsedDate);
     }
   };
   const formatTime = (date) => {
     return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
       hour: "2-digit",
-      minute: "2-digit"
+      minute: "2-digit",
+      timeZone: userTimeZone
     }).format(date) : new Intl.DateTimeFormat("en", {
       hour: "2-digit",
       minute: "2-digit",
-      second: "2-digit"
+      second: "2-digit",
+      timeZone: userTimeZone
     }).format(date);
   };
   const getTimePeriod = (date) => {
-    const hours = date.getHours();
-    if (hours >= 5 && hours < 8) return "Early Morning";
-    if (hours >= 8 && hours < 12) return "Morning";
-    if (hours >= 12 && hours < 14) return "Noon";
-    if (hours >= 14 && hours < 17) return "Afternoon";
-    if (hours >= 17 && hours < 20) return "Evening";
-    if (hours >= 20 && hours < 22) return "Late Evening";
-    if (hours >= 22 || hours < 5) return "Night";
-    return "Late Night";
+    const localHours = Number(
+      new Intl.DateTimeFormat("en", {
+        hour: "numeric",
+        hour12: false,
+        timeZone: userTimeZone
+      }).format(date)
+    );
+    if (localHours >= 5 && localHours < 8) return "Early Morning";
+    if (localHours >= 8 && localHours < 12) return "Morning";
+    if (localHours >= 12 && localHours < 14) return "Noon";
+    if (localHours >= 14 && localHours < 17) return "Afternoon";
+    if (localHours >= 17 && localHours < 20) return "Evening";
+    if (localHours >= 20 && localHours < 22) return "Late Evening";
+    return "Night";
   };
   let localDateTime = "";
   let timeZoneAbbreviation = "";
   try {
     localDateTime = parseAndFormatDate(props.value, props.format);
-    timeZoneAbbreviation = getTimeZoneAbbreviation(
-      Intl.DateTimeFormat().resolvedOptions().timeZone
-    );
+    timeZoneAbbreviation = getTimeZoneAbbreviation(userTimeZone);
   } catch (error) {
     console.error("Error parsing date:", props.value, error);
   }

package/package.json

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