chingyawhao / material-ui-next-pickers

A material ui next datepicker, demo on
http://chingyawhao.github.io/material-ui-pickers
MIT License
81 stars 23 forks source link

Datepicker is not responsive #34

Closed DDDDDanica closed 5 years ago

DDDDDanica commented 5 years ago

Hey there, Date picker is not responsive in small screen. To expose a className as props to parent and pass min-width as initial will fix the issue.


              <div className={classnames(classes.input, {[classes.outlinedInput]:variant === 'outlined', [classes.filledInput]:variant === 'filled'})}>{value}</div>
            }
              />```
DDDDDanica commented 5 years ago

Also it is broken in IE.

Screenshot 2019-04-12 at 10 25 29
DDDDDanica commented 5 years ago

Fixed using:

input: {
    "& div": {
      minWidth: "initial"
    }
  }

while InputProps={{ className: classes.input}}