final fix of custom validator. Removing supportive prop.

Author: dashu-baba

src/components/FormField/index.jsx

@@ -35,7 +35,7 @@ const FormField = ({ field, isGroupField }) => {
               placeholder={field.placeholder}
               value={input.value ?? ""}
               type="text"
-              className={meta.error && (meta.touched || field.showError) ? "error" : ""}
+              className={meta.error && meta.touched ? "error" : ""}
               readonly={field.readonly}
               onChange={input.onChange}
               onBlur={input.onBlur}
@@ -51,7 +51,7 @@ const FormField = ({ field, isGroupField }) => {
               onChange={input.onChange}
               onBlur={input.onBlur}
               onFocus={input.onFocus}
-              className={meta.error && (meta.touched || field.showError) ? "error" : ""}
+              className={meta.error && meta.touched ? "error" : ""}
             />
           )}
           {field.type === FORM_FIELD_TYPE.TEXTAREA && (
@@ -61,7 +61,7 @@ const FormField = ({ field, isGroupField }) => {
               onChange={input.onChange}
               onBlur={input.onBlur}
               onFocus={input.onFocus}
-              className={meta.error && (meta.touched || field.showError) ? "error" : ""}
+              className={meta.error && meta.touched ? "error" : ""}
             />
           )}
           {field.type === FORM_FIELD_TYPE.DATE && (
@@ -71,7 +71,7 @@ const FormField = ({ field, isGroupField }) => {
               onChange={input.onChange}
               onBlur={input.onBlur}
               onFocus={input.onFocus}
-              className={meta.error && (meta.touched || field.showError) ? "error" : ""}
+              className={meta.error && meta.touched ? "error" : ""}
             />
           )}
           {field.type === FORM_FIELD_TYPE.SELECT && (
@@ -84,7 +84,7 @@ const FormField = ({ field, isGroupField }) => {
               onFocus={input.onFocus}
             />
           )}
-          {(field.isRequired || field.customValidator) && meta.error &&  (meta.touched || field.showError) && (
+          {(field.isRequired || field.customValidator) && meta.error &&  meta.touched && (
             <div styleName="field-error">{meta.error}</div>
           )}
         </div>
@@ -112,7 +112,6 @@ FormField.prototype = {
       maxLength: PT.number,
       styleName: PT.string,
       readonly: PT.string,
-      showError: PT.bool
     })
   ).isRequired,
   isGroupField: PT.bool,

src/components/TCForm/index.jsx

@@ -120,7 +120,6 @@ TCForm.propTypes = {
         maxLength: PT.number,
         styleName: PT.string,
         readonly: PT.string,
-        showError: PT.bool
       })
     ).isRequired,
     onSubmit: PT.func,

src/routes/ResourceBookingForm/utils.js

@@ -52,10 +52,8 @@ export const getEditResourceBookingConfig = (onSubmit) => {
           const startDate = values[field.name];
           const endDate = values['endDate'];
           if(startDate && endDate && moment(endDate).startOf('day').isBefore(moment(startDate).startOf('day'))){
-            endDateField.showError = true;
             return 'Start Date should not be after End Date';
           }
-          endDateField.showError = false;
           return null;
         }
       },
@@ -69,10 +67,8 @@ export const getEditResourceBookingConfig = (onSubmit) => {
           const endDate = values[field.name];
           const startDate = values['startDate'];
           if(startDate && endDate && moment(endDate).startOf('day').isBefore(moment(startDate).startOf('day'))){
-            startDateField.showError = true;
             return 'End Date should not be before Start Date';
           }
-          startDateField.showError = false;
           return null;
         }
       },