@ikatec/nebula-react 1.0.20 → 1.0.22

package/dist/index.js

@@ -3914,10 +3914,6 @@ function dateFormatIsValid(dateStr, locale) {
   const regex = locale === "en-US" ? regexUS : regexBR;
   return regex.test(dateStr);
 }
-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;
@@ -4229,7 +4225,7 @@ var InputDateTimePickerSingle = ({
     setMonth(/* @__PURE__ */ new Date());
   };
   const handleInnerInputChange = (text) => {
-    let [dateSlice = "", hourSlice = ""] = text.split(DATA_TIME_SEPARATOR);
+    const [dateSlice = "", hourSlice = ""] = text.split(DATA_TIME_SEPARATOR);
     if (!text) {
       onChange?.(text);
       handleClearValue();
@@ -4246,22 +4242,31 @@ var InputDateTimePickerSingle = ({
       handleClearValue();
       return;
     }
-    if (!timeFormatIsValid(hourSlice)) {
-      hourSlice = "";
-      setInnerTimeValue("");
-    } else {
-      setInnerTimeValue(hourSlice);
-    }
-    onChange?.(text, date, hourSlice);
+    const [hour, minutes] = hourSlice.split(":");
+    const normalizedTime = [
+      hour ? Math.min(Math.max(+hour, 0), 23).toString() : "",
+      minutes ? Math.min(Math.max(+minutes, 0), 59).toString() : ""
+    ].filter(Boolean).join(":");
+    setInnerTimeValue(normalizedTime);
+    const [dateStr] = text.split(DATA_TIME_SEPARATOR);
+    onChange?.(
+      [dateStr, normalizedTime].filter(Boolean).join(DATA_TIME_SEPARATOR),
+      date,
+      normalizedTime
+    );
     setInnerDate(date);
   };
   const handleOnChangeTime = (newTime) => {
-    const [date = ""] = value?.split(" ") ?? [];
+    const [date = ""] = value?.split(DATA_TIME_SEPARATOR) ?? [];
     setInnerTimeValue(newTime);
     if (date && !dateFormatIsValid(date, locale)) {
       handleClearValue();
     }
-    onChange?.(date + " " + newTime, innerDate, newTime);
+    onChange?.(
+      date + (newTime ? DATA_TIME_SEPARATOR + newTime : ""),
+      innerDate,
+      newTime
+    );
   };
   const handleKeyDown = (e) => {
     if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
@@ -4289,7 +4294,7 @@ var InputDateTimePickerSingle = ({
     }).format(date);
     setInnerDate(date);
     onChange?.(
-      [dateToStr, innerTimeValue].filter(Boolean).join(" "),
+      [dateToStr, innerTimeValue].filter(Boolean).join(DATA_TIME_SEPARATOR),
       date,
       innerTimeValue
     );
@@ -4379,7 +4384,7 @@ var InputDateTimePickerSingle = ({
               /* @__PURE__ */ jsxRuntime.jsx(
                 InputTime,
                 {
-                  placeholder: "00:00",
+                  placeholder: "hh:mm",
                   value: innerTimeValue,
                   onChange: handleOnChangeTime,
                   ref: inputTimeRef,

package/dist/index.mjs

@@ -3874,10 +3874,6 @@ function dateFormatIsValid(dateStr, locale) {
   const regex = locale === "en-US" ? regexUS : regexBR;
   return regex.test(dateStr);
 }
-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;
@@ -4189,7 +4185,7 @@ var InputDateTimePickerSingle = ({
     setMonth(/* @__PURE__ */ new Date());
   };
   const handleInnerInputChange = (text) => {
-    let [dateSlice = "", hourSlice = ""] = text.split(DATA_TIME_SEPARATOR);
+    const [dateSlice = "", hourSlice = ""] = text.split(DATA_TIME_SEPARATOR);
     if (!text) {
       onChange?.(text);
       handleClearValue();
@@ -4206,22 +4202,31 @@ var InputDateTimePickerSingle = ({
       handleClearValue();
       return;
     }
-    if (!timeFormatIsValid(hourSlice)) {
-      hourSlice = "";
-      setInnerTimeValue("");
-    } else {
-      setInnerTimeValue(hourSlice);
-    }
-    onChange?.(text, date, hourSlice);
+    const [hour, minutes] = hourSlice.split(":");
+    const normalizedTime = [
+      hour ? Math.min(Math.max(+hour, 0), 23).toString() : "",
+      minutes ? Math.min(Math.max(+minutes, 0), 59).toString() : ""
+    ].filter(Boolean).join(":");
+    setInnerTimeValue(normalizedTime);
+    const [dateStr] = text.split(DATA_TIME_SEPARATOR);
+    onChange?.(
+      [dateStr, normalizedTime].filter(Boolean).join(DATA_TIME_SEPARATOR),
+      date,
+      normalizedTime
+    );
     setInnerDate(date);
   };
   const handleOnChangeTime = (newTime) => {
-    const [date = ""] = value?.split(" ") ?? [];
+    const [date = ""] = value?.split(DATA_TIME_SEPARATOR) ?? [];
     setInnerTimeValue(newTime);
     if (date && !dateFormatIsValid(date, locale)) {
       handleClearValue();
     }
-    onChange?.(date + " " + newTime, innerDate, newTime);
+    onChange?.(
+      date + (newTime ? DATA_TIME_SEPARATOR + newTime : ""),
+      innerDate,
+      newTime
+    );
   };
   const handleKeyDown = (e) => {
     if ((e.altKey || e.ctrlKey || e.metaKey) && e.key !== "z") return;
@@ -4249,7 +4254,7 @@ var InputDateTimePickerSingle = ({
     }).format(date);
     setInnerDate(date);
     onChange?.(
-      [dateToStr, innerTimeValue].filter(Boolean).join(" "),
+      [dateToStr, innerTimeValue].filter(Boolean).join(DATA_TIME_SEPARATOR),
       date,
       innerTimeValue
     );
@@ -4339,7 +4344,7 @@ var InputDateTimePickerSingle = ({
               /* @__PURE__ */ jsx(
                 InputTime,
                 {
-                  placeholder: "00:00",
+                  placeholder: "hh:mm",
                   value: innerTimeValue,
                   onChange: handleOnChangeTime,
                   ref: inputTimeRef,

package/package.json

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