Esta es mi definición de componente:
<DateField name={formElement.name} type="date" label={formElement.name} onChange={(date) => formik.setFieldValue(formElement.name, date)} value={formik.values[formElement.name] || null} onBlur={blurHandler} className={classes.flexGrow} // defaultValue={dataMatchHandler(formElement.name) || ''} minDate={doj} maxDate={Date('1/1/2023')} error={formik.touched[formElement.name] && Boolean(formik.errors[formElement.name])} helperText={formik.touched[formElement.name] && formik.errors[formElement.name]} /> Ahora, cuando el valor cambia por debajo de minDate , el error se activa correctamente, pero también quiero mostrar un texto de ayuda, ¿cómo hago eso?
Mi sugerencia es que puede intentar usar TextField para poder usar helperText.
Aquí está el ejemplo que puedes probar:
<TextField name={formElement.name} type="date" label={formElement.name} onChange={(date) => formik.setFieldValue(formElement.name, date)} value={formik.values[formElement.name] || null} onBlur={blurHandler} className={classes.flexGrow} helperText={formik.touched[formElement.name] && formik.errors[formElement.name]} />