like-gold
like-gold•3y ago

DatePicker value is not being read upon submit.

I'm using DatePicker from Material UI with DayJs adapter. https://mui.com/x/react-date-pickers/date-picker/ import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers-pro'; import dayjs, { Dayjs } from 'dayjs'; import { AdapterDayjs } from '@mui/x-date-pickers-pro/AdapterDayjs'; And being submitted via useModalForm hook. const createDrawerFormProps = useModalForm<ICurrencyRate, HttpError, ICurrencyRate>({ refineCoreProps: { action: "create", resource: currency-rates, redirect: false, onMutationSuccess: () => { tableQueryResult.refetch(); } }, warnWhenUnsavedChanges: true, modalProps: { autoSubmitClose: true, autoResetForm: true, }, }); Anyone have any idea what is wrong in my code? I'm new to refine and react as well. Appreciate your help. Thanks!
React Date Picker component - MUI X
The date picker let the user select a date.
No description
No description
2 Replies
Omer
Omer•3y ago
Hey @Jams 👋 , Thank you for contacting us! This seems to be a Material UI and React Hook Form issue. Have you looked at this question? https://stackoverflow.com/questions/72842158/material-ui-mui-date-picker-with-react-hook-form
Stack Overflow
Material UI (MUI) date picker with react-hook-form
I'm creating a form which has a date field. I'm using MUI and react-hook-form for validation. I've tried to render the field in two different ways, but when submitting my form I'm not getting the
like-gold
like-goldOP•3y ago
Thanks @Omer for your quick response. Yeah, it seems that it is indeed the issue. Issue has been solved. Attached is my changes. Cheers!
No description

Did you find this page helpful?