Merge pull request #25 from tushar-witbybit/main

added onBlur, touched and extrainfo in Field component
witbybit · Jan 8, 2024 · 2bb1a0f · 2bb1a0f
2 parents b5d7433 + 3fe82a8
commit 2bb1a0f
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/src/Field.tsx b/src/Field.tsx
@@ -35,20 +35,21 @@ export const Field = (props: IField) => {
     validate,
     depFields,
   } = props;
-  const { fieldValue, setFieldValue, error } = useField({
-    name,
-    ancestors,
-    defaultValue,
-    depFields,
-    validate: validate
-      ? validate
-      : (value) => {
-          if (required && !value) {
-            return 'Required';
-          }
-          return null;
-        },
-  });
+  const { fieldValue, setFieldValue, error, onBlur, touched, extraInfo } =
+    useField({
+      name,
+      ancestors,
+      defaultValue,
+      depFields,
+      validate: validate
+        ? validate
+        : (value) => {
+            if (required && !value) {
+              return 'Required';
+            }
+            return null;
+          },
+    });
 
   const fieldProps = {
     value: fieldValue ?? '',
@@ -57,7 +58,10 @@ export const Field = (props: IField) => {
       setFieldValue(val);
       handleChange?.(val);
     },
+    onBlur,
     error,
+    touched,
+    extraInfo,
   };
 
   if (typeof children === 'function') {