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

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 = "";
@@ -1402,7 +1404,7 @@ var MultilineTextInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -1617,7 +1619,7 @@ var Select = (props) => {
         onChange: textChangeHandler,
         required: props.attributes?.required,
         disabled: props.attributes?.readOnly,
-        className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
+        className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
           list.map((item, index) => {
@@ -1787,7 +1789,7 @@ var NumberInput = (props) => {
         disabled: props?.attributes?.readOnly,
         max: props?.attributes?.maxValue,
         min: props?.attributes?.minValue,
-        className: "peer py-1.5 block w-full rounded shadow-sm number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })

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 = "";
@@ -414,7 +416,7 @@ var MultilineTextInput = (props) => {
         maxLength: props?.attributes?.maxLength,
         disabled: props?.attributes?.readOnly,
         minLength: props?.attributes?.minLength,
-        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm"
+        className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
       }
     ),
     /* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
@@ -629,7 +631,7 @@ var Select = (props) => {
         onChange: textChangeHandler,
         required: props.attributes?.required,
         disabled: props.attributes?.readOnly,
-        className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
+        className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
         children: [
           /* @__PURE__ */ jsx13("option", { value: "", children: props.attributes?.placeholder || "Select" }),
           list.map((item, index) => {
@@ -799,7 +801,7 @@ var NumberInput = (props) => {
         disabled: props?.attributes?.readOnly,
         max: props?.attributes?.maxValue,
         min: props?.attributes?.minValue,
-        className: "peer py-1.5 block w-full rounded shadow-sm number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
     /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })

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.20260420045704",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",