Releases: dohomi/react-hook-form-mui
react-hook-form-mui v9.0.0
Breaking: This release targets MUI v9 only. Peer dependencies are now @mui/material, @mui/system, @mui/icons-material, and @mui/x-date-pickers ^9, with React >=18 <21.
Highlights
Components updated for MUI v9 APIs (including slotProps where v9 expects them).
X Date Pickers v9 integration: picker-related elements aligned with the current picker APIs and typings.
Autocomplete ref handling updated for v9 (compatible with MUI’s ref utilities).
Tighter validation / picker prop typings where the library surfaces MUI types.
Upgrade
Upgrade your app to MUI 9 and @mui/x-date-pickers 9, then bump react-hook-form-mui to 9.0.0. Fix any remaining compile errors from your own MUI v9 migration (slots, slotProps, menu/paper props, etc.).
MUI pickers version 6 and some more improvements
Breaking change due to new version of Pickers.
Upgrade to https://next.mui.com/x/migration/migration-pickers-v5/
Steps to upgrade:
@mui/x-date-pickers=> >=6
The component signature did not change
fixes #144
Add readonly prop to DatePicker and DateTimePicker
New prop is available to disable keyboard input:
<DatePickerElement name="date" textReadOnly/>https://react-hook-form-material-ui.vercel.app/?path=/story/datepickerelement--disable-text-input
https://react-hook-form-material-ui.vercel.app/?path=/story/datetimepickerelement--disable-text-input
Add DateTimePicker
Add Datetimepicker
closes #90
Support small prop on MultiSelectElement
As the title say this is a minor bugfix for MultiSelectElement to support the small prop
New Component
New component ToggleButtonGroupElement
Check out the API:
https://react-hook-form-material-ui.vercel.app/?path=/story/togglebuttongroupelement--basic
Restructure Repo as Monorepo and re-export react-hook-form API
Due to context issues this release got refactored to a monorepo and the NextJS and Storybook examples are now using the compiled version of the library.
Beside that the API of react-hook-form is getting re-exported so the context of useWatch can be defined inside of NextJS.
https://github.com/dohomi/react-hook-form-mui/blob/master/apps/nextjs/src/pages/withSub.tsx#L5
Fixes #89
Minor fix for onChange TextFieldElement
New DateTimePickerElement
Add new component DateTimePickerElement
For the use of the new element checkout the docs:
https://react-hook-form-material-ui.vercel.app/?path=/story/datetimepickerelement--basic
Thanks to @Morriz for his contribution.
Contributors
Assets 2
Add example for month picker
Small fix on Multi-Select to support grid layout
Add example how a UI of a month picker could look like
Multi-Select:
https://react-hook-form-material-ui.vercel.app/?path=/story/multiselectelement--month-picker
Select:
https://react-hook-form-material-ui.vercel.app/?path=/story/selectelement--month-picker
- Add example for month picker: c67b8ff