envoc-form 6.0.1-1 → 6.0.1-3

package/README.md

@@ -10255,7 +10255,7 @@ ___
 
 #### Defined in
 
-packages/envoc-form/src/DatePicker/DatePickerGroup.tsx:122
+packages/envoc-form/src/DatePicker/DatePickerGroup.tsx:132
 
 ___
 

package/dist/index.cjs

@@ -6079,7 +6079,7 @@ function useAxiosRequest({
         // so, let's stop the old copy
         cleanupFunction();
       }
-      cleanupFunction = executeRequest$1(
+      cleanupFunction = executeRequest$2(
         requestConfig,
         autoExecute,
         cache,
@@ -6110,7 +6110,7 @@ function useAxiosRequest({
   return result;
 }
 
-function executeRequest$1(
+function executeRequest$2(
   requestConfig,
   autoExecute,
   cache,
@@ -12807,6 +12807,8 @@ function DatePickerGroup({
   required,
   disabled,
   convert,
+  maxDate = new Date(9999, 11, 31),
+  minDate = new Date(1e3, 0, 1),
   ...rest
 }) {
   const [displayDate, setDisplayDate] = React.useState(null);
@@ -12851,20 +12853,32 @@ function DatePickerGroup({
           ),
           document.body
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: datePickerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-          DatePicker$1,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            portalContainer: portalRef.current,
-            ...rest,
-            className: clsx(
-              FormDefaults.cssClassPrefix + "date-picker",
-              className
-            ),
-            value: displayDate,
-            onChange: handleChange,
-            disabled
+            ref: datePickerRef,
+            onBlur: () => {
+              input.onBlur();
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              DatePicker$1,
+              {
+                portalContainer: portalRef.current,
+                ...rest,
+                className: clsx(
+                  FormDefaults.cssClassPrefix + "date-picker",
+                  className
+                ),
+                value: displayDate,
+                onChange: handleChange,
+                disabled,
+                required,
+                maxDate,
+                minDate
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );
@@ -12893,7 +12907,7 @@ function DatePickerGroup({
   }
 }
 function convertToTimeZoneInsensitiveISOString(date) {
-  const year = new Intl.DateTimeFormat("en", { year: "numeric" }).format(date).padStart(4, "0");
+  const year = new Intl.DateTimeFormat("en", { year: "numeric" }).format(date).substring(0, 4).padStart(4, "0");
   const month = new Intl.DateTimeFormat("en", { month: "2-digit" }).format(
     date
   );
@@ -16508,6 +16522,8 @@ function DateTimePickerGroup({
   required,
   disabled,
   convert,
+  maxDate = new Date(9999, 11, 31),
+  minDate = new Date(1e3, 0, 1),
   ...rest
 }) {
   const [displayDateTime, setDisplayDateTime] = React.useState(null);
@@ -16555,18 +16571,31 @@ function DateTimePickerGroup({
           ),
           document.body
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: dateTimePickerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
-          DateTimePicker,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            ...rest,
-            className: clsx(
-              FormDefaults.cssClassPrefix + "date-time-picker",
-              className
-            ),
-            value: displayDateTime,
-            onChange: handleChange
+            ref: dateTimePickerRef,
+            onBlur: () => {
+              input.onBlur();
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              DateTimePicker,
+              {
+                ...rest,
+                className: clsx(
+                  FormDefaults.cssClassPrefix + "date-time-picker",
+                  className
+                ),
+                disabled,
+                required,
+                value: displayDateTime,
+                onChange: handleChange,
+                maxDate,
+                minDate
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );

package/dist/index.d.ts

@@ -133,7 +133,7 @@ declare interface CustomFieldMetaProps<TValue> extends FieldMetaProps<TValue> {
  *
  * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
  */
-export declare function DatePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX_2.Element;
+export declare function DatePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, maxDate, minDate, ...rest }: DatePickerGroupProps<T>): JSX_2.Element;
 
 export declare interface DatePickerGroupProps<T> extends InjectedFieldProps<T | undefined | null>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
     convert: (arg: Date) => T;
@@ -147,7 +147,7 @@ export declare interface DatePickerHelper<T> extends Omit<DatePickerGroupProps<T
  *
  * Uses [react-datetime-picker](https://www.npmjs.com/package/react-datetime-picker)
  */
-export declare function DateTimePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, ...rest }: DateTimePickerGroupProps<T>): JSX_2.Element;
+export declare function DateTimePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, maxDate, minDate, ...rest }: DateTimePickerGroupProps<T>): JSX_2.Element;
 
 export declare interface DateTimePickerGroupProps<T> extends InjectedFieldProps<T | undefined | null>, Omit<DateTimePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
     convert: (date: Date) => T;

package/dist/index.js

@@ -6057,7 +6057,7 @@ function useAxiosRequest({
         // so, let's stop the old copy
         cleanupFunction();
       }
-      cleanupFunction = executeRequest$1(
+      cleanupFunction = executeRequest$2(
         requestConfig,
         autoExecute,
         cache,
@@ -6088,7 +6088,7 @@ function useAxiosRequest({
   return result;
 }
 
-function executeRequest$1(
+function executeRequest$2(
   requestConfig,
   autoExecute,
   cache,
@@ -12785,6 +12785,8 @@ function DatePickerGroup({
   required,
   disabled,
   convert,
+  maxDate = new Date(9999, 11, 31),
+  minDate = new Date(1e3, 0, 1),
   ...rest
 }) {
   const [displayDate, setDisplayDate] = useState(null);
@@ -12829,20 +12831,32 @@ function DatePickerGroup({
           ),
           document.body
         ),
-        /* @__PURE__ */ jsx$1("div", { ref: datePickerRef, children: /* @__PURE__ */ jsx$1(
-          DatePicker$1,
+        /* @__PURE__ */ jsx$1(
+          "div",
           {
-            portalContainer: portalRef.current,
-            ...rest,
-            className: clsx(
-              FormDefaults.cssClassPrefix + "date-picker",
-              className
-            ),
-            value: displayDate,
-            onChange: handleChange,
-            disabled
+            ref: datePickerRef,
+            onBlur: () => {
+              input.onBlur();
+            },
+            children: /* @__PURE__ */ jsx$1(
+              DatePicker$1,
+              {
+                portalContainer: portalRef.current,
+                ...rest,
+                className: clsx(
+                  FormDefaults.cssClassPrefix + "date-picker",
+                  className
+                ),
+                value: displayDate,
+                onChange: handleChange,
+                disabled,
+                required,
+                maxDate,
+                minDate
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );
@@ -12871,7 +12885,7 @@ function DatePickerGroup({
   }
 }
 function convertToTimeZoneInsensitiveISOString(date) {
-  const year = new Intl.DateTimeFormat("en", { year: "numeric" }).format(date).padStart(4, "0");
+  const year = new Intl.DateTimeFormat("en", { year: "numeric" }).format(date).substring(0, 4).padStart(4, "0");
   const month = new Intl.DateTimeFormat("en", { month: "2-digit" }).format(
     date
   );
@@ -16486,6 +16500,8 @@ function DateTimePickerGroup({
   required,
   disabled,
   convert,
+  maxDate = new Date(9999, 11, 31),
+  minDate = new Date(1e3, 0, 1),
   ...rest
 }) {
   const [displayDateTime, setDisplayDateTime] = useState(null);
@@ -16533,18 +16549,31 @@ function DateTimePickerGroup({
           ),
           document.body
         ),
-        /* @__PURE__ */ jsx$1("div", { ref: dateTimePickerRef, children: /* @__PURE__ */ jsx$1(
-          DateTimePicker,
+        /* @__PURE__ */ jsx$1(
+          "div",
           {
-            ...rest,
-            className: clsx(
-              FormDefaults.cssClassPrefix + "date-time-picker",
-              className
-            ),
-            value: displayDateTime,
-            onChange: handleChange
+            ref: dateTimePickerRef,
+            onBlur: () => {
+              input.onBlur();
+            },
+            children: /* @__PURE__ */ jsx$1(
+              DateTimePicker,
+              {
+                ...rest,
+                className: clsx(
+                  FormDefaults.cssClassPrefix + "date-time-picker",
+                  className
+                ),
+                disabled,
+                required,
+                value: displayDateTime,
+                onChange: handleChange,
+                maxDate,
+                minDate
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "6.0.1-1",
+  "version": "6.0.1-3",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -35,7 +35,7 @@
   "sideEffects": false,
   "dependencies": {
     "date-fns": "^3.2.0",
-    "envoc-request": "^6.0.1-1",
+    "envoc-request": "^6.0.1-3",
     "history": "^5.3.0",
     "react-date-picker": "^10.6.0",
     "react-dropzone": "^14.2.3",