@ikatec/nebula-react 1.0.17 → 1.0.19

package/dist/index.js

@@ -3717,9 +3717,10 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("flex justify-between items-center !h-9 mb-3", {
+            className: cn("flex justify-between items-center !h-9", {
               "ps-3": numberOfMonths === 1,
-              "mb-0": showMonthGridSelection
+              "mb-0": showMonthGridSelection,
+              "mb-3": !showMonthGridSelection
             }),
             children: [
               !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3800,7 +3801,8 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
-            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            paddingSize: "none",
+            className: "nebula-ds z-40 flex gap-2 flex-col justify-between w-full",
             border: false,
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds z-40 grid grid-cols-2 gap-1 bg-inherit pt-2", children: MONTHS.map((monthOption) => {
               const monthOptionAsDate = new Date(monthOption);
@@ -3851,17 +3853,7 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props2 });
       },
       Weekday(props2) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "th",
-          {
-            ...props2,
-            className: cn(
-              props2.className,
-              "font-medium text-xs !text-calendar-weekDay-color"
-            ),
-            children: String(props2.children)?.toUpperCase()?.[0]
-          }
-        );
+        return /* @__PURE__ */ jsxRuntime.jsx("th", { ...props2, className: cn(props2.className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds font-medium text-xs !text-calendar-weekDay-color text-center pb-2", children: String(props2.children)?.toUpperCase()?.[0] }) });
       },
       Footer(props2) {
         if (showMonthGridSelection) return void 0;
@@ -3925,6 +3917,25 @@ function timeFormatIsValid(timeStr) {
   const regex = /^(?:[01]\d|2[0-3]):[0-5]\d$/;
   return regex.test(timeStr);
 }
+var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
+  try {
+    if (!dateStr) return;
+    const [date = "", time = timeFallback] = dateStr.split(" ");
+    if (!date) return;
+    const [p1, p2, p3] = date.split("/");
+    const parsedDate = new Date(
+      (() => {
+        if (getNebulaLanguage() === "en-US") {
+          return [p3, p1, p2].join("/") + " " + time;
+        }
+        return [p3, p2, p1].join("/") + " " + time;
+      })().trim()
+    ).toString();
+    return dateFns.isValid(new Date(parsedDate)) ? parsedDate : void 0;
+  } catch (error2) {
+    return void 0;
+  }
+};
 var dateIsAvailable = (inputDate, disabledDates) => {
   if (!disabledDates || !inputDate) return true;
   const dateIsDisabled = (d, matcher) => {
@@ -3982,10 +3993,11 @@ var InputDatePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
+  const formattedDateByLanguage = formatDateToSubmit(value ?? "");
   const [innerDate, setInnerDate] = React8.useState(
-    value ? new Date(value) : void 0
+    formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
+  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
   const { locale } = useNebulaI18n();
   const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
   const handleClearValue = () => {
@@ -4190,11 +4202,12 @@ var InputDateTimePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
   const [innerTimeValue, setInnerTimeValue] = React8.useState();
+  const formattedDateByLanguage = formatDateToSubmit(value ?? "");
   const [innerDate, setInnerDate] = React8.useState(
-    value ? new Date(value) : void 0
+    formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
+  const [popoverIsOpen, setPopoverIsOpen] = React8.useState(false);
   const { locale, messages: messages17 } = useNebulaI18n();
   const [month, setMonth] = React8.useState(/* @__PURE__ */ new Date());
   const inputTimeRef = React8.useRef(null);

package/dist/index.mjs

@@ -3677,9 +3677,10 @@ var Calendar = ({
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cn("flex justify-between items-center !h-9 mb-3", {
+            className: cn("flex justify-between items-center !h-9", {
               "ps-3": numberOfMonths === 1,
-              "mb-0": showMonthGridSelection
+              "mb-0": showMonthGridSelection,
+              "mb-3": !showMonthGridSelection
             }),
             children: [
               !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsx(
@@ -3760,7 +3761,8 @@ var Calendar = ({
         return /* @__PURE__ */ jsx(
           Box,
           {
-            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            paddingSize: "none",
+            className: "nebula-ds z-40 flex gap-2 flex-col justify-between w-full",
             border: false,
             children: /* @__PURE__ */ jsx("div", { className: "nebula-ds z-40 grid grid-cols-2 gap-1 bg-inherit pt-2", children: MONTHS.map((monthOption) => {
               const monthOptionAsDate = new Date(monthOption);
@@ -3811,17 +3813,7 @@ var Calendar = ({
         return /* @__PURE__ */ jsx("tr", { ...props2 });
       },
       Weekday(props2) {
-        return /* @__PURE__ */ jsx(
-          "th",
-          {
-            ...props2,
-            className: cn(
-              props2.className,
-              "font-medium text-xs !text-calendar-weekDay-color"
-            ),
-            children: String(props2.children)?.toUpperCase()?.[0]
-          }
-        );
+        return /* @__PURE__ */ jsx("th", { ...props2, className: cn(props2.className), children: /* @__PURE__ */ jsx("div", { className: "nebula-ds font-medium text-xs !text-calendar-weekDay-color text-center pb-2", children: String(props2.children)?.toUpperCase()?.[0] }) });
       },
       Footer(props2) {
         if (showMonthGridSelection) return void 0;
@@ -3885,6 +3877,25 @@ function timeFormatIsValid(timeStr) {
   const regex = /^(?:[01]\d|2[0-3]):[0-5]\d$/;
   return regex.test(timeStr);
 }
+var formatDateToSubmit = (dateStr, timeFallback = "23:59") => {
+  try {
+    if (!dateStr) return;
+    const [date = "", time = timeFallback] = dateStr.split(" ");
+    if (!date) return;
+    const [p1, p2, p3] = date.split("/");
+    const parsedDate = new Date(
+      (() => {
+        if (getNebulaLanguage() === "en-US") {
+          return [p3, p1, p2].join("/") + " " + time;
+        }
+        return [p3, p2, p1].join("/") + " " + time;
+      })().trim()
+    ).toString();
+    return isValid(new Date(parsedDate)) ? parsedDate : void 0;
+  } catch (error2) {
+    return void 0;
+  }
+};
 var dateIsAvailable = (inputDate, disabledDates) => {
   if (!disabledDates || !inputDate) return true;
   const dateIsDisabled = (d, matcher) => {
@@ -3942,10 +3953,11 @@ var InputDatePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
+  const formattedDateByLanguage = formatDateToSubmit(value ?? "");
   const [innerDate, setInnerDate] = useState(
-    value ? new Date(value) : void 0
+    formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
   const { locale } = useNebulaI18n();
   const [month, setMonth] = useState(/* @__PURE__ */ new Date());
   const handleClearValue = () => {
@@ -4150,11 +4162,12 @@ var InputDateTimePickerSingle = ({
   disabledDates,
   ...rest
 }) => {
-  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
   const [innerTimeValue, setInnerTimeValue] = useState();
+  const formattedDateByLanguage = formatDateToSubmit(value ?? "");
   const [innerDate, setInnerDate] = useState(
-    value ? new Date(value) : void 0
+    formattedDateByLanguage ? new Date(formattedDateByLanguage) : void 0
   );
+  const [popoverIsOpen, setPopoverIsOpen] = useState(false);
   const { locale, messages: messages17 } = useNebulaI18n();
   const [month, setMonth] = useState(/* @__PURE__ */ new Date());
   const inputTimeRef = useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "React components",
   "publishConfig": {
     "access": "public"