@portnet/ui 1.1.3 → 1.1.4

package/dist/components/inputs/PuiDateTimeField.js

@@ -25,7 +25,7 @@ var _PuiDialog = _interopRequireDefault(require("../others/PuiDialog"));
 var _PuiTextField = _interopRequireDefault(require("./PuiTextField"));
 var _DateTimePickerField = _interopRequireDefault(require("../others/DateTimePickerField"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"],
+const _excluded = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "timezoneOffset", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"],
   _excluded2 = ["id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"],
   _excluded3 = ["formik", "id", "className", "sx", "label", "name", "required", "value", "minDate", "maxDate", "inputFormat", "format", "disablePast", "disableFuture", "error", "readOnly", "fullWidth", "disabled", "helperText", "onChange", "onBlur"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -147,6 +147,7 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
       maxDate,
       inputFormat = "YYYY-MM-DDTHH:mm:ss.SSSZ",
       format = "YYYY-MM-DDTHH:mm:ss.SSSZ",
+      timezoneOffset = "Africa/Casablanca",
       disablePast,
       disableFuture,
       error,

package/dist/components/others/DateTimePickerField.js

@@ -11,16 +11,21 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _formik = require("formik");
 var _react = _interopRequireWildcard(require("react"));
 var _StyledMuiTextField = _interopRequireDefault(require("../common/StyledMuiTextField"));
+var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
+var _timezone = _interopRequireDefault(require("dayjs/plugin/timezone"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_dayjs.default.extend(_utc.default);
+_dayjs.default.extend(_timezone.default);
 const DateTimePickerField = _ref => {
   let {
     label,
     name,
     value: propValue,
     onChange,
+    timezoneOffset = "Africa/Casablanca",
     required = true,
     error = false,
     helperText = null,
@@ -31,20 +36,26 @@ const DateTimePickerField = _ref => {
   (0, _react.useEffect)(() => {
     const formatValue = value => {
       if (!value) return "";
-      const parsedDate = (0, _dayjs.default)(value);
+      const parsedDate = (0, _dayjs.default)(value).tz(timezoneOffset);
       if (!parsedDate.isValid()) return "";
       return parsedDate.format("YYYY-MM-DDTHH:mm");
     };
     const formattedValue = formatValue(propValue || (field === null || field === void 0 ? void 0 : field.value));
     setSelectedDateTime(formattedValue);
-  }, [propValue, field === null || field === void 0 ? void 0 : field.value]);
+  }, [propValue, field === null || field === void 0 ? void 0 : field.value, timezoneOffset]);
   const handleDateTimeChange = event => {
     const newValue = event.target.value;
+    if (!newValue) {
+      setSelectedDateTime("");
+      helpers.setValue("");
+      if (onChange) onChange("");
+      return;
+    }
+    const parsedDate = (0, _dayjs.default)(newValue).tz(timezoneOffset);
+    const formattedValue = parsedDate.format("YYYY-MM-DDTHH:mm:ss.SSSZ");
     setSelectedDateTime(newValue);
-    const isoValue = newValue ? (0, _dayjs.default)(newValue).toISOString() : "";
-    helpers.setValue(isoValue);
-    console.log("🚀 ~ handleDateTimeChange ~ isoValue:", isoValue);
-    if (onChange) onChange(isoValue);
+    helpers.setValue(formattedValue);
+    if (onChange) onChange(formattedValue);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, {
     component: "form",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Portnet UI",
   "keywords": [
     "react",