Skip to content

v5.0.0-alpha.23

Pre-release
Pre-release
Compare
Choose a tag to compare
@mnajdova mnajdova released this 14 Jan 13:30
· 8820 commits to next since this release
Jan 14, 2021

Big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

@material-ui/core@v5.0.0-alpha.23/@material-ui/unstyled@v5.0.0-alpha.23

@material-ui/lab@v5.0.0-alpha.23

Breaking changes

  • [DateRangePicker] Remove DateRangDelimiter (#24298) @huzaima

    You can migrate away from it with:

    diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    index 72a89f9a11..2742fa6811 100644
    --- a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    +++ b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx
    @@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
    import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker';
    import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
    import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
    -import DateRangeDelimiter from '@material-ui/lab/DateRangeDelimiter';
    +import Box from '@material-ui/core/Box';
    
    export default function BasicDateRangePicker() {
      const [value, setValue] = React.useState<DateRange<Date>>([null, null]);
    @@ -20,7 +20,7 @@ export default function BasicDateRangePicker() {
            renderInput={(startProps, endProps) => (
              <React.Fragment>
                <TextField {...startProps} variant="standard" />
    -            <DateRangeDelimiter> to </DateRangeDelimiter>
    +            <Box sx={{ mx: 2 }}>to</Box>
                <TextField {...endProps} variant="standard" />
              </React.Fragment>
            )}

Changes

@material-ui/styled-engine@v5.0.0-alpha.23/@material-ui/styled-engine-sc@v5.0.0-alpha.23

Docs

Core