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

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,30 +1174,48 @@ 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 formatTime = (date) => {
+    return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(date) : new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).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 parseAndFormatDate = (dateString, format) => {
-    const parsedDate = new Date(
-      dateString.includes("Z") ? dateString : dateString + "Z"
-    );
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    if (!dateString) return "";
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
+    if (props.controlType === "date") {
+      const datePart = dateString.split("T")[0];
+      const [year, month, day] = datePart.split("-");
+      const safeDate = new Date(Number(year), Number(month) - 1, Number(day));
+      return new Intl.DateTimeFormat("en", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric"
+      }).format(safeDate);
+    }
+    const parsedDate = new Date(
+      dateString.includes("Z") ? dateString : dateString + "Z"
+    );
     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
@@ -1220,41 +1239,17 @@ var DateView = (props) => {
         }).format(parsedDate);
     }
   };
-  const formatTime = (date) => {
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
-      timeZone: userTimeZone,
-      hour: "2-digit",
-      minute: "2-digit"
-    }).format(date) : new Intl.DateTimeFormat("en", {
-      timeZone: userTimeZone,
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    }).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";
-  };
   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,30 +186,48 @@ 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 formatTime = (date) => {
+    return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(date) : new Intl.DateTimeFormat("en", {
+      timeZone: userTimeZone,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).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 parseAndFormatDate = (dateString, format) => {
-    const parsedDate = new Date(
-      dateString.includes("Z") ? dateString : dateString + "Z"
-    );
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    if (!dateString) return "";
     if (format === "relative") {
       return getRelativeTime(dateString);
     }
+    if (props.controlType === "date") {
+      const datePart = dateString.split("T")[0];
+      const [year, month, day] = datePart.split("-");
+      const safeDate = new Date(Number(year), Number(month) - 1, Number(day));
+      return new Intl.DateTimeFormat("en", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric"
+      }).format(safeDate);
+    }
+    const parsedDate = new Date(
+      dateString.includes("Z") ? dateString : dateString + "Z"
+    );
     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
@@ -232,41 +251,17 @@ var DateView = (props) => {
         }).format(parsedDate);
     }
   };
-  const formatTime = (date) => {
-    const userTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
-      timeZone: userTimeZone,
-      hour: "2-digit",
-      minute: "2-digit"
-    }).format(date) : new Intl.DateTimeFormat("en", {
-      timeZone: userTimeZone,
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    }).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";
-  };
   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.20260418064017",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",