Material-UI form components ready to use with react-hook-form
MIT License
Published by dohomi over 1 year ago
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
=> >=6The component signature did not change
fixes #144
Published by dohomi almost 2 years ago
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
Published by dohomi almost 2 years ago
Add Datetimepicker
closes #90
Published by dohomi about 2 years ago
As the title say this is a minor bugfix for MultiSelectElement to support the small prop
Published by dohomi about 2 years ago
Check out the API:
https://react-hook-form-material-ui.vercel.app/?path=/story/togglebuttongroupelement--basic
Published by dohomi about 2 years ago
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
Published by dohomi about 2 years ago
Published by dohomi about 2 years ago
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.
Published by dohomi about 2 years ago
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
Published by dohomi about 2 years ago
For use check https://react-hook-form-material-ui.vercel.app/?path=/story/slider-element--basic
This release fixes #82
https://react-hook-form-material-ui.vercel.app/?path=/story/autocomplete--custom-input
Updated package.json fixes #81
Published by dohomi over 2 years ago
This option lets you use the id field of the AutocompleteElement options. This is useful if you want to only safe the id field in your database and don't need the full object of the value to be exposed (example).
<AutocompleteElement
matchId
options={[{
id: 1,
label: 'One'
},{
id: 2,
label: 'Two'
}]}
/>
Published by dohomi over 2 years ago
For aligning better with structured data the AutocompleteElement is taking the value as is. This simplifies the built-in API and returns the object or the string - depends on the defined options.
This improves https://github.com/dohomi/react-hook-form-mui/issues/65
Published by dohomi over 2 years ago
The latest release missed the typings improvement on MultiSelectElement and there was a typing mismatch.
Breaking change:
renamed MultiSelectElement menuItems => options.
Fixes #66
Published by dohomi over 2 years ago
Typings are more strict and improved. Please have a look at form variants:
Here is a new example on strict typings of the form names:
https://react-hook-form-material-ui.vercel.app/?path=/story/formcontainer--strict-typing-form
Published by dohomi over 2 years ago
Thansk to @johnmoxley for his contribution
Published by dohomi over 2 years ago
A new component AutocompleteElement
is available.
<AutocompleteElement options=[{id: 1, label: 'One'}, {id: 2, label: 'Two'}] name="autocomplete" />
Visit the demo to see the use: https://react-hook-form-material-ui.vercel.app/?path=/story/autocomplete--basic
Thanks for all external contributors!