@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260418062449 → 0.8.1-dev.20260418064844

package/dist/index.js

@@ -1153,6 +1153,7 @@ var DateView = (props) => {
   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(
@@ -1173,55 +1174,7 @@ var DateView = (props) => {
       year: "numeric"
     }).format(date);
   };
-  console.log("DateView props:", props);
-  const getLocalDate = (value) => {
-    const now = /* @__PURE__ */ new Date();
-    const offsetMinutes = now.getTimezoneOffset();
-    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
-    const valDate = value.toString().includes("Z") ? new Date(value) : /* @__PURE__ */ new Date(value + "Z");
-    return new Date(valDate.getTime() - offsetMilliseconds);
-  };
-  const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = new Date(
-      dateString.includes("Z") ? dateString : dateString + "Z"
-    );
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    if (format === "relative") {
-      return getRelativeTime(dateString);
-    }
-    switch (props.controlType) {
-      case "date":
-        return new Intl.DateTimeFormat("en", {
-          timeZone: userTimeZone,
-          day: "2-digit",
-          month: "short",
-          year: "numeric"
-        }).format(parsedDate);
-      case "time":
-        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(
-          userTimeZone
-        )} (${getTimePeriod(parsedDate)})`;
-      default:
-        return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
-          timeZone: userTimeZone,
-          day: "2-digit",
-          month: "short",
-          year: "numeric",
-          hour: "2-digit",
-          minute: "2-digit"
-        }).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(parsedDate);
-    }
-  };
   const formatTime = (date) => {
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
       timeZone: userTimeZone,
       hour: "2-digit",
@@ -1244,17 +1197,54 @@ var DateView = (props) => {
     if (hours >= 22 || hours < 5) return "Night";
     return "Late Night";
   };
+  const parseAndFormatDate = (dateString, format) => {
+    if (!dateString) return "";
+    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);
+    if (props.controlType === "date") {
+      return new Intl.DateTimeFormat("en", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric"
+      }).format(localDate);
+    }
+    if (props.controlType === "time") {
+      return `${formatTime(localDate)} ${getTimeZoneAbbreviation(
+        userTimeZone
+      )} (${getTimePeriod(localDate)})`;
+    }
+    return localDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(localDate) : new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(localDate);
+  };
   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);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "inline-flex flex-wrap gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: localDateTime }),
-    !props.format && props.controlType != "date" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: timeZoneAbbreviation })
+    !props.format && props.controlType !== "date" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: timeZoneAbbreviation })
   ] }) });
 };
 var DateView_default = DateView;

package/dist/index.mjs

@@ -165,6 +165,7 @@ var DateView = (props) => {
   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(
@@ -185,55 +186,7 @@ var DateView = (props) => {
       year: "numeric"
     }).format(date);
   };
-  console.log("DateView props:", props);
-  const getLocalDate = (value) => {
-    const now = /* @__PURE__ */ new Date();
-    const offsetMinutes = now.getTimezoneOffset();
-    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
-    const valDate = value.toString().includes("Z") ? new Date(value) : /* @__PURE__ */ new Date(value + "Z");
-    return new Date(valDate.getTime() - offsetMilliseconds);
-  };
-  const parseAndFormatDate = (dateString, format) => {
-    const parsedDate = new Date(
-      dateString.includes("Z") ? dateString : dateString + "Z"
-    );
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    if (format === "relative") {
-      return getRelativeTime(dateString);
-    }
-    switch (props.controlType) {
-      case "date":
-        return new Intl.DateTimeFormat("en", {
-          timeZone: userTimeZone,
-          day: "2-digit",
-          month: "short",
-          year: "numeric"
-        }).format(parsedDate);
-      case "time":
-        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(
-          userTimeZone
-        )} (${getTimePeriod(parsedDate)})`;
-      default:
-        return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
-          timeZone: userTimeZone,
-          day: "2-digit",
-          month: "short",
-          year: "numeric",
-          hour: "2-digit",
-          minute: "2-digit"
-        }).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(parsedDate);
-    }
-  };
   const formatTime = (date) => {
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
       timeZone: userTimeZone,
       hour: "2-digit",
@@ -256,17 +209,54 @@ var DateView = (props) => {
     if (hours >= 22 || hours < 5) return "Night";
     return "Late Night";
   };
+  const parseAndFormatDate = (dateString, format) => {
+    if (!dateString) return "";
+    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);
+    if (props.controlType === "date") {
+      return new Intl.DateTimeFormat("en", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric"
+      }).format(localDate);
+    }
+    if (props.controlType === "time") {
+      return `${formatTime(localDate)} ${getTimeZoneAbbreviation(
+        userTimeZone
+      )} (${getTimePeriod(localDate)})`;
+    }
+    return localDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(localDate) : new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(localDate);
+  };
   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);
   }
   return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-wrap gap-1", children: [
     /* @__PURE__ */ jsx2("span", { children: localDateTime }),
-    !props.format && props.controlType != "date" && /* @__PURE__ */ jsx2("span", { children: timeZoneAbbreviation })
+    !props.format && props.controlType !== "date" && /* @__PURE__ */ jsx2("span", { children: timeZoneAbbreviation })
   ] }) });
 };
 var DateView_default = DateView;

package/package.json

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