@bsol-oss/react-datatable5 12.0.0-beta.66 → 12.0.0-beta.68

package/dist/index.js

@@ -3718,6 +3718,7 @@ const validateData = (data, schema) => {
     const validate = ajv.compile(schema);
     const validationResult = validate(data);
     const errors = validate.errors;
+    console.log(errors, data);
     return {
         isValid: validationResult,
         validate,
@@ -5141,9 +5142,11 @@ function TimePicker$1({ hour, setHour, minute, setMinute, meridiem, setMeridiem,
                     setInputValue(e.currentTarget.value);
                 }, onBlur: (e) => {
                     handleBlur(e.currentTarget.value);
+                }, onFocus: (e) => {
+                    e.currentTarget.select();
                 }, value: inputValue, display: showInput ? undefined : "none", ref: inputRef }), jsxRuntime.jsxs(react.Button, { onClick: () => {
                     setShowInput(true);
-                    setInputValue(dayjs(`1970-01-01T${getTimeString(hour, minute, meridiem)}`, "hh:mmZ").format("hh:mm a"));
+                    setInputValue(dayjs(`1970-01-01T${getTimeString(hour, minute, meridiem)}`, "hh:mmZ").format("HH:mm"));
                     inputRef.current?.focus();
                 }, display: showInput ? "none" : "flex", alignItems: "center", justifyContent: "start", variant: "outline", gap: 2, children: [jsxRuntime.jsx(react.Icon, { size: "sm", children: jsxRuntime.jsx(bs.BsClock, {}) }), jsxRuntime.jsx(react.Text, { fontSize: "sm", children: stringTime
                             ? dayjs(`1970-01-01T${stringTime}`, "hh:mmZ").format("hh:mm a")
@@ -5154,7 +5157,7 @@ dayjs.extend(timezone);
 const TimePicker = ({ column, schema, prefix }) => {
     const { watch, formState: { errors }, setValue, } = reactHookForm.useFormContext();
     const { translate, timezone } = useSchemaContext();
-    const { required, gridColumn = "span 4", gridRow = "span 1", timeFormat = "HH:mmZ", displayTimeFormat = "hh:mm A", } = schema;
+    const { required, gridColumn = "span 4", gridRow = "span 1", timeFormat = "HH:mm:ssZ", displayTimeFormat = "hh:mm A", } = schema;
     const isRequired = required?.some((columnId) => columnId === column);
     const colLabel = `${prefix}${column}`;
     const [open, setOpen] = React.useState(false);
@@ -5196,7 +5199,7 @@ const TimePicker = ({ column, schema, prefix }) => {
         if (meridiem === "pm" && hour !== 12) {
             newHour = hour + 12;
         }
-        return dayjs().tz(timezone).hour(newHour).minute(minute).format(timeFormat);
+        return dayjs().tz(timezone).hour(newHour).minute(minute).second(0).format(timeFormat);
     };
     // Handle changes to time parts
     const handleTimeChange = ({ hour: newHour, minute: newMinute, meridiem: newMeridiem, }) => {

package/dist/index.mjs

@@ -3698,6 +3698,7 @@ const validateData = (data, schema) => {
     const validate = ajv.compile(schema);
     const validationResult = validate(data);
     const errors = validate.errors;
+    console.log(errors, data);
     return {
         isValid: validationResult,
         validate,
@@ -5121,9 +5122,11 @@ function TimePicker$1({ hour, setHour, minute, setMinute, meridiem, setMeridiem,
                     setInputValue(e.currentTarget.value);
                 }, onBlur: (e) => {
                     handleBlur(e.currentTarget.value);
+                }, onFocus: (e) => {
+                    e.currentTarget.select();
                 }, value: inputValue, display: showInput ? undefined : "none", ref: inputRef }), jsxs(Button$1, { onClick: () => {
                     setShowInput(true);
-                    setInputValue(dayjs(`1970-01-01T${getTimeString(hour, minute, meridiem)}`, "hh:mmZ").format("hh:mm a"));
+                    setInputValue(dayjs(`1970-01-01T${getTimeString(hour, minute, meridiem)}`, "hh:mmZ").format("HH:mm"));
                     inputRef.current?.focus();
                 }, display: showInput ? "none" : "flex", alignItems: "center", justifyContent: "start", variant: "outline", gap: 2, children: [jsx(Icon, { size: "sm", children: jsx(BsClock, {}) }), jsx(Text, { fontSize: "sm", children: stringTime
                             ? dayjs(`1970-01-01T${stringTime}`, "hh:mmZ").format("hh:mm a")
@@ -5134,7 +5137,7 @@ dayjs.extend(timezone);
 const TimePicker = ({ column, schema, prefix }) => {
     const { watch, formState: { errors }, setValue, } = useFormContext();
     const { translate, timezone } = useSchemaContext();
-    const { required, gridColumn = "span 4", gridRow = "span 1", timeFormat = "HH:mmZ", displayTimeFormat = "hh:mm A", } = schema;
+    const { required, gridColumn = "span 4", gridRow = "span 1", timeFormat = "HH:mm:ssZ", displayTimeFormat = "hh:mm A", } = schema;
     const isRequired = required?.some((columnId) => columnId === column);
     const colLabel = `${prefix}${column}`;
     const [open, setOpen] = useState(false);
@@ -5176,7 +5179,7 @@ const TimePicker = ({ column, schema, prefix }) => {
         if (meridiem === "pm" && hour !== 12) {
             newHour = hour + 12;
         }
-        return dayjs().tz(timezone).hour(newHour).minute(minute).format(timeFormat);
+        return dayjs().tz(timezone).hour(newHour).minute(minute).second(0).format(timeFormat);
     };
     // Handle changes to time parts
     const handleTimeChange = ({ hour: newHour, minute: newMinute, meridiem: newMeridiem, }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.66",
+  "version": "12.0.0-beta.68",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",