-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs] Cleanup the pickers migration guide #15310
[docs] Cleanup the pickers migration guide #15310
Conversation
@@ -141,19 +141,14 @@ these props will now be passed to the hidden `<input />` element. | |||
If you are passing a custom field component to your pickers, you need to create a new one that is using the accessible DOM structure. | |||
This new component will need to use the `PickersSectionList` component instead of an `<input />` HTML element. | |||
|
|||
You can have a look at the [Using a custom input](/x/react-date-pickers/custom-field/#using-a-custom-input) to have a concrete example. | |||
|
|||
:::info |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is not going to happen 😆
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clearly. 😆
|
||
### Migrate `slots.textField` | ||
|
||
If you are passing a custom `TextField` component to your fields and pickers, | ||
you need to create a new one that is using the accessible DOM structure. | ||
|
||
You can have a look at the second demo of the [Wrapping PickersTextField](/x/react-date-pickers/custom-field/#wrapping-pickerstextfield) to have a concrete example. | ||
You can have a look at the [Wrapping PickersTextField](/x/react-date-pickers/custom-field/#wrapping-pickerstextfield) section to have a concrete example. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is just one demo on this section
@@ -293,7 +288,28 @@ The following variables were renamed to have a coherent `Picker` / `Pickers` pre | |||
+ const pickerContext = usePickerContext(); | |||
``` | |||
|
|||
## Removed types | |||
## Typing breaking changes |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I want to wait for the full typing rework before spending time doing a good migration guide, but since it can impact a lot of people, I added a very summarized version both here and on the changelog.
Deploy preview: https://deploy-preview-15310--material-ui-x.netlify.app/ Updated pages: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. 👍
@@ -141,19 +141,14 @@ these props will now be passed to the hidden `<input />` element. | |||
If you are passing a custom field component to your pickers, you need to create a new one that is using the accessible DOM structure. | |||
This new component will need to use the `PickersSectionList` component instead of an `<input />` HTML element. | |||
|
|||
You can have a look at the [Using a custom input](/x/react-date-pickers/custom-field/#using-a-custom-input) to have a concrete example. | |||
|
|||
:::info |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clearly. 😆
docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
Outdated
Show resolved
Hide resolved
docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
Outdated
Show resolved
Hide resolved
docs/data/migration/migration-pickers-v7/migration-pickers-v7.md
Outdated
Show resolved
Hide resolved
Co-authored-by: Lukas Tyla <[email protected]> Signed-off-by: Flavien DELANGLE <[email protected]>
Co-authored-by: Lukas Tyla <[email protected]> Signed-off-by: Flavien DELANGLE <[email protected]>
Co-authored-by: Lukas Tyla <[email protected]> Signed-off-by: Flavien DELANGLE <[email protected]>
No description provided.