How to use custom Input with Formik in React?

Question

I\'m trying to use DatePicker within Formik. But when I click DatePicker\'s date its form value is not changed. Instead, I got this error:

Uncaught T

Answer 1

If you have deeper nesting, you should use Formik Field. Example:

 {}}
>

  



const ColorsEditor = ({ field, colors, form, ...props }) => {

    return (
        

             form.setFieldValue('colors', "myValue")}>
            
        
    )
}

So the Field component already include the form, where live the setFieldValue that you can use where you need. It also include the errors and needed fields for additional customization.