Material-ui-pickers: React does not recognize the `inputProps` prop on a DOM element.

[alex-hudenko]

Hi! Do you have any ideas why this warning appears?

"react": "^16.2.0",

[dmtrKovalenko]

Please provide the code, how you are using pickers, thank you.

[Mairu]

I think it's because of https://github.com/mui-org/material-ui/pull/9382, tried to fix this and other things in https://github.com/dmtrKovalenko/material-ui-pickers/pull/109

[alex-hudenko]

```
"material-ui": "^1.0.0-beta.23",
"material-ui-icons": "^1.0.0-beta.17",
"material-ui-pickers": "^1.0.0-beta.8"

style={{ paddingTop: 10 }}
value={store.reminder ? store.reminder.date : new Date()}
onChange={(date) => { this.handleSetReminder(date) }}
ampm={false}
minDate={new Date()}
maxDate={moment().add(2, 'week')}
returnMoment={false}
/>

[alitaheri]

Fixed in #109

[voroninpaul]

@alitaheri , the issue is still alive now with the "invalidDateMessage" property.

[cherniavskii]

@voroninpaul already fixed on current develop #138, next release will include that

[dmtrKovalenko]

@unutoiul Please note that all props passed down to TextField component So you should pass inputRef directly to the picker, not inside InputProps

[unutoiul]

I'm just initializing the date-picker library...where /what is wrong in my code?

[SKTheo]

I'm getting the same error:
Warning: React does not recognize the 'inputRef' prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase 'inputref' instead. If you accidentally passed it from a parent component, remove it from the DOM element.

I'm using DateTimePicker in a Dialog

My code:

<DateTimePicker
  value={this.state.tempStart}
  onChange={this.handleDateTimeStartChange}
  {...datetimepickerOptions}
/>

const datetimepickerOptions = {
  leftArrowIcon: <KeyboardArrowLeft />,
  rightArrowIcon: <KeyboardArrowRight />,
  dateRangeIcon: <DateRangeIcon />,
  timeIcon: <AccessTimeIcon />,
  keyboardIcon: <DateRangeIcon />,
  format: 'YYYY/MM/DD HH:mm',
  autoOk: true,
  okLabel: 'Ok',
  cancelLabel: 'Cancel',
  keyboard: true,
  invalidDateMessage: 'Wrong Date'
}

| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-beta.31 |
| Material-UI-pickers | 1.0.0-beta.13.1 |
| React | 16.2.0 |
| browser | Chrome 64.0.3282.119 (Official Build) (64-bit) |

Please help us solve this issue

[cherniavskii]

@SKTheo it's already fixed in beta.14