Material-ui-pickers: @material-ui/icons not supported

Created on 18 Jun 2018 · 4Comments · Source: mui-org/material-ui-pickers

Environment

| Tech | Version |
|---------------------|---------|
| material-ui-pickers | 1.0.0-rc.10 |
| @material-ui/core | 1.2.1 |
| @material-ui/icons | 1.1.0 |
| React | 16.4.1 |
| Browser | Chrome |
| Platform | OS X 10.13.5 |

Steps to reproduce

Copy and paste DateTimePicker example

Expected behavior

Tabs should be icons

Actual behavior

Tabs have cutoff text

Live example

Source

dustingraves

👍2

Most helpful comment

I was just about to come back and close this as I did read the docs again. I think you should show in the examples using @material-ui/icons

import DateRange from '@material-ui/icons/DateRange'
import AccessTime from '@material-ui/icons/AccessTime'

<DateTimePickerComponent
 dateRangeIcon={<DateRange />}
 timeIcon={<AccessTime />}
  //... other props
/>

dustingraves on 18 Jun 2018

👍5

All 4 comments

Please read installation guide one more timr

dmtrKovalenko on 18 Jun 2018

I was just about to come back and close this as I did read the docs again. I think you should show in the examples using @material-ui/icons

import DateRange from '@material-ui/icons/DateRange'
import AccessTime from '@material-ui/icons/AccessTime'

<DateTimePickerComponent
 dateRangeIcon={<DateRange />}
 timeIcon={<AccessTime />}
  //... other props
/>

dustingraves on 18 Jun 2018

👍5

Yes, you are right I will add an example with svg icons in the installation guide

dmtrKovalenko on 18 Jun 2018

Just what I was looking for, thanks!