Using Controller with React-Nice-Dates datepicker

Describe the bug I’m trying to use a date picker for selecting a booking date, using a yup schema for validation.

After selecting a date using react-nice-dates date picker, the input value is not acknowledged and the field is marked as a validation error.

To Reproduce Steps to reproduce the behaviour:

1. Go to this simplified CodeSandbox demo
2. Click on the input to open the date picker,
3. Select a date
4. Attempt to submit the form
5. See validation error message

Codesandbox link Simplified CodeSandbox demo

Expected behavior The selected date value should be correctly identified as a valid input and therefore pass schema validation.

Desktop

• OS: MacOS
• Browser: I’ve tried in both Chrome & Safari
• Version: Chrome (80.0.03987.132) & Safari (12.1.1)

Additional context

• I’ve included simplified versions of validation schema and date picker components I’m using
• From what I can gather, the Controller onChange event is never called 🤷‍♂️

[bluebill1049]

no worries 😃 here you go: https://codesandbox.io/s/react-hook-form-and-react-nice-dates-wrapped-at-controller-qogy4

because the external component is not following standard onChange and value props.

have a read on the doc: https://react-hook-form.com/api#Controller where you can change the method and value name 😃

[bluebill1049]

Oh man you are too kind! Thank you very much for your feedback. To be honest i am so glad this lib is working for you, you are definitely my target audience who is nice, kind and appreciative!