Skip to content
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

[CalendarPicker] Use transition components from core instead of a custom implementation #27043

Merged
merged 1 commit into from
Jul 5, 2021

Conversation

eps1lon
Copy link
Member

@eps1lon eps1lon commented Jun 30, 2021

The visuals might've slightly changed for fading but the implementation is now a lot simpler. Devs expecting that a customization of Fade affects every fade-like transition are no longer surprised.

We can't apply the same pattern to the sliding transition since it has different directions for enter an d exit which our Slide doesn't support as far as I can tell.

https://deploy-preview-27043--material-ui.netlify.app/components/date-picker/

@eps1lon eps1lon added the component: pickers This is the name of the generic UI component, not the React module! label Jun 30, 2021
@eps1lon eps1lon added this to the React.StrictMode milestone Jun 30, 2021
@mui-pr-bot
Copy link

mui-pr-bot commented Jun 30, 2021

Details of bundle changes (experimental)

@material-ui/lab: parsed: -0.14% 😍, gzip: +0.14%

Generated by 🚫 dangerJS against c9d5b08

@eps1lon eps1lon changed the title [CalendarPicker] Use Fade from core instead of a custom implementation [CalendarPicker] Use transition components from core instead of a custom implementation Jun 30, 2021
@eps1lon eps1lon force-pushed the fix/CalendarPicker/StrictMode branch from 17e63f2 to f45f814 Compare June 30, 2021 20:46
@eps1lon eps1lon marked this pull request as ready for review July 1, 2021 08:58
@eps1lon eps1lon force-pushed the fix/CalendarPicker/StrictMode branch from f45f814 to c9d5b08 Compare July 1, 2021 13:08
@eps1lon eps1lon merged commit bd64a49 into mui:next Jul 5, 2021
@eps1lon eps1lon deleted the fix/CalendarPicker/StrictMode branch July 5, 2021 17:59
@oliviertassinari
Copy link
Member

The transition is not working. I think that it would be better to have no transitions than the current UX:

PR

broken.transition.mp4

https://deploy-preview-27043--material-ui.netlify.app/components/date-picker/

HEAD

ok.mp4

https://deploy-preview-27043--material-ui.netlify.app/components/date-picker/

Baseline

baseline.mp4

https://material.io/components/date-pickers#desktop-pickers

@eps1lon
Copy link
Member Author

eps1lon commented Jul 12, 2021

Please file a proper bug report. How can I teach you this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: pickers This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants