@bsol-oss/react-datatable5 12.0.0-beta.23 → 12.0.0-beta.24

package/dist/index.d.ts

@@ -469,6 +469,7 @@ interface CustomJSONSchema7 extends JSONSchema7 {
         prefix: string;
         formContext: UseFormReturn;
     }) => ReactNode;
+    dateFormat?: string;
 }
 
 interface FormRootProps<TData extends FieldValues> {

package/dist/index.js

@@ -3793,7 +3793,7 @@ const PopoverTrigger = react.Popover.Trigger;
 const DatePicker = ({ column, schema, prefix }) => {
     const { watch, formState: { errors }, setValue, } = reactHookForm.useFormContext();
     const { translate } = useSchemaContext();
-    const { required, gridColumn, gridRow } = schema;
+    const { required, gridColumn, gridRow, dateFormat = "YYYY-MM-DD[T]HH:mm:ss[Z]", } = schema;
     const isRequired = required?.some((columnId) => columnId === column);
     const colLabel = `${prefix}${column}`;
     const [open, setOpen] = React.useState(false);
@@ -3809,7 +3809,7 @@ const DatePicker = ({ column, schema, prefix }) => {
                                     selected: new Date(selectedDate), 
                                     // @ts-expect-error TODO: find appropriate types
                                     onDateSelected: ({ date }) => {
-                                        setValue(colLabel, dayjs(date).format("YYYY-MM-DD"));
+                                        setValue(colLabel, dayjs(date).format(dateFormat));
                                         setOpen(false);
                                     } })] }) })] }), errors[`${column}`] && (jsxRuntime.jsx(react.Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
 };

package/dist/index.mjs

@@ -3773,7 +3773,7 @@ const PopoverTrigger = Popover.Trigger;
 const DatePicker = ({ column, schema, prefix }) => {
     const { watch, formState: { errors }, setValue, } = useFormContext();
     const { translate } = useSchemaContext();
-    const { required, gridColumn, gridRow } = schema;
+    const { required, gridColumn, gridRow, dateFormat = "YYYY-MM-DD[T]HH:mm:ss[Z]", } = schema;
     const isRequired = required?.some((columnId) => columnId === column);
     const colLabel = `${prefix}${column}`;
     const [open, setOpen] = useState(false);
@@ -3789,7 +3789,7 @@ const DatePicker = ({ column, schema, prefix }) => {
                                     selected: new Date(selectedDate), 
                                     // @ts-expect-error TODO: find appropriate types
                                     onDateSelected: ({ date }) => {
-                                        setValue(colLabel, dayjs(date).format("YYYY-MM-DD"));
+                                        setValue(colLabel, dayjs(date).format(dateFormat));
                                         setOpen(false);
                                     } })] }) })] }), errors[`${column}`] && (jsx(Text, { color: "red.400", children: translate.t(removeIndex(`${colLabel}.field_required`)) }))] }));
 };

package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts

@@ -20,6 +20,7 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
         prefix: string;
         formContext: UseFormReturn;
     }) => ReactNode;
+    dateFormat?: string;
 }
 export interface TagPickerProps {
     column: string;

package/package.json

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