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 mui/material-ui#9382, tried to fix this and other things in #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"

<DateTimePicker
    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

[unutoiul]

i get the same error....

<StyledDatePicker
format={"DD-MM-YYYY"}
value={selectedDate}
leftArrowIcon={

}
rightArrowIcon={

}
onChange={this.handleChange}
{...this.props}
/>

package.json:

"material-ui": "1.0.0-beta.30",
"material-ui-pickers": "^1.0.0-beta.13.1",
"moment": "^2.19.3",
"react": "^16.0.0",

[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