Can we combine the validation of MUI date picker with controller validation rules ?

[nphdiem]

Versions
react-hook-form: 7.x
@mui/x-date-picker: 5.0.20

Issue
Hi everyone, I would like to combine react hook form validation rules with date picker native validation (such as: invalid date, disableFuture ...), so that when I input invalid date from keyboard, the form will prevent submitting.

This is my example sandbox:
https://codesandbox.io/s/tender-haibt-yltywf?file=/demo.tsx

In the above example, when I input the invalid date (validated by mui datepicker), I can still submit (expect prevent submitting).

I also think about setError or changing the controller rules, but I don't know what is the best solution for my case.

Please help me if you know how to do it right. Thanks.