react-hook-form-mui

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

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

closes #90

As the title say this is a minor bugfix for MultiSelectElement to support the small prop

New component ToggleButtonGroupElement

Check out the API:
https://react-hook-form-material-ui.vercel.app/?path=/story/togglebuttongroupelement--basic

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

Patches

• Propagate onChange for TextFieldElement closes #52: b58513500704ce1eac3038bfdf7d9601afbab8ae

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.

• Create DateTimePickerElement.tsx: e889050577be25f74896fea064738540a190ccbb
• Update index.ts: f7057d4403d46a98fb4209030187ae62a3849554
• Merge pull request #90 from Morriz/master: b5a3d39f158ca0eddef5c9f6310bd0072526bb4d
• Add stories for DateTimePickerElement: 9edb9f412fb7aa3ff8f4851641661ff4d7504fce

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: c67b8fff164b327d87be786328bc0bcf3bb2ae68

New Component SliderElement

For use check https://react-hook-form-material-ui.vercel.app/?path=/story/slider-element--basic

• New SliderElement added: d0e6146dee3de22d615033a6d7d90718f0af6c3f
• Merge pull request #88 from jacokok/slider: f557db0ad5f83f38ebb4f5e05eff46994ddef2b0
• Add slider element: 369d0e69fcc7624787c14ed6de6634529dbb21f8

Add missing AutocompleteProps

closes #85

Patches

• Add Autocomplete renderOption props: 8ea127db0c97049ffab1d97c7db63ae4f65e7685

Patches

• Forward inputProps to Autocomplete: 6e4e10ac5face9e8e06113c754d14cfc17e18a9e

Minor Changes

• Fix storybook and introduce new variable for MultiSelect: 1c9ea5cf6877849185e5fd33cfa9aa0c9ee117df

Fix AutocompleteElement

This release fixes #82
https://react-hook-form-material-ui.vercel.app/?path=/story/autocomplete--custom-input

Updated package.json fixes #81

• Bump terser from 4.8.0 to 4.8.1: 0ed8dce7d9187d72a5f30b923f26fe7bfa20ad7f
• Merge pull request #77 from dohomi/dependabot/npm_and_yarn/terser-4.8.1: b21d6c28f07b6bc9de6c85b781ee4075213d0623
• Forward InputProps for AutocompleteElement: d752daf97b203b73a7b8263d13c469db44f2e43d
• Add peerDependencyMeta and add some info into the readme: c0dab7c903fa010f313c39cd8a539314d31f5547

Automatic use of the id property for AutocompleteElement

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'
  }]}
  />

Minor Changes

• Add functionality to automatically use ID field for AutocompleteElement: b7be21d77bcf89fe0cf54712447541a508c2afb4

Changes to AutocompleteElement

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

Major Changes

• Change behaviour of Autocomplete to return objects for easier integration: 74635348512ef9776773cbf26f1ec916f998bf35

Fix typing regression and adjust MultiSelectElement

The latest release missed the typings improvement on MultiSelectElement and there was a typing mismatch.

Breaking change:
renamed MultiSelectElement menuItems => options.

Fixes #66

• Fix typings on select and adjust MultiSelect to the new typings changes: af5884deafd0410dbfff685211bc88773af8fb0e

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

Patches

• Allow clearing the autocomplete element without throwing an error: 6b1b56f0e2c57f688931ba60dfdf435195f6a0c2
• Merge pull request #64 from johnmoxley/master: c65921d6d3f37df6a8b871be1e8170e999a4554c

Thansk to @johnmoxley for his contribution

New Component: AutocompleteElement

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

Changelog

Thanks for all external contributors!

• Add logo with badges: 5f706048ba54b49f8fc65a0a4f28f006161ee53a
• Add link to the file: 4ac726b080cf4664e78de3dc478f97dc595ecdbd
• Add eslint + prettier support: 979530828fc57fc6f08337ef1395a80934069b47
• Add bug template: fcf45e3fd39f7f93d6b26d75c936d191dc377841
• Add feature template: 1dd37872701c33bf810d4dd380a1512c64fe67f6
• Merge pull request #63 from ChromeGG/add-issues-templates: 9f7bf29a748d658fa217c7df4a601a282026ca48
• Merge pull request #61 from ChromeGG/improve-readme: 8372d48dca346210d37cb3af04fb4d06d5a939f1
• Merge pull request #62 from ChromeGG/add-eslint-support: 60afc165a2e9e56db711a73d168d0a5e7dbbcdfe
• Add autocomplete component: caa33194db0dcd8c55a9a8854c667d5b67c63334