| Tech | Version |
|---------------------|---------|
| material-ui-pickers | 1.0.0-beta.12 |
| material-ui | v1.0.0-beta.28 |
| React | ^16.0.0 |
| Browser | Chrome |
| Platform | |
Breaking change in https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.28 affects how colors are used in MUI. This results in colors not being displayed at the moment.
@jonsbaa Until this library fixes this issue you can use the below hack to make it work as before.
export const myPalette = {
50: '#e9f2fc',
100: '#c9def6',
200: '#a5c8f1',
300: '#80b1eb',
400: '#65a1e6',
500: '#4a90e2',
600: '#4388df',
700: '#3a7dda',
800: '#3273d6',
900: '#2261cf',
A100: '#ffffff',
A200: '#d5e3ff',
A400: '#a2c1ff',
A700: '#89b0ff',
contrastDefaultColor: 'dark'
};
const theme = createMuiTheme({
palette: {
primary: {
light: myPalette[300],
main: myPalette[500],
dark: myPalette[700],
...myPalette
}
}
});
Hi Joanna,
please try material-ui-v1.0.0-beta.29 and let us know if issue still present :)
@cherniavskii I tried with material-ui-v1.0.0-beta.29 and still had the same problem
@cherniavskii @gcmestre For me, v1.0.0-beta.29 solved the problem :)
@jonsbaa what version of the picker did you use? 1.0.0-beta.12?
@gcmestre yup, 12!
I've installed beta.12 along with [email protected] and I get this:

I think we should go for beta.30 now :)
https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.30
Hi. I am having exactly this same issue and I am already on beta 12 of pickers and beta 30 of mui. Any other ideas what could the issue be?
@muhammadtalha-13 wait for material-ui-pickers beta.13 - it will be compatible with mui-beta.30.
@dmtrKovalenko any ETA on beta.13 release?
Closed by #187
Any idea on when the new update comes? Thanks!
@AidanRRR It was fixed, if you have any issues with the newest material-ui-pickers please provide steps to reproduce here or please open a new issue.
Most helpful comment
I think we should go for beta.30 now :)
https://github.com/mui-org/material-ui/releases/tag/v1.0.0-beta.30