title: Redux form in custom input of material ui not working
body: <p>I am working in material ui and react where i have custom input. I am using redux form for validation of a form. Redux form is successful for <strong>@redux-form/INITIALIZE and  @redux-form/REGISTER_FIELD</strong> however onBlur, onFocus event are not dispatching. If i changed component of Field to something like <code>&lt;Field name="email" component="input" /&gt;</code> it will work but it is not working in React Material UI custom input.</p>
  
  <p><strong>CustomInput:</strong> </p>
  
  <pre><code>class CustomInput extends React.Component {
    render() {
        const { classes, formControlProps, label, id, labelProps,inputRef, inputProps, error, success,meta} = this.props;
        return (
          &lt;FormControl {...formControlProps} className={classes.formControl}&gt;
              {label !== undefined ? (&lt;InputLabel
                  classes={{
                      root: classes.labelRoot + (error ? " " + classes.labelRootError:success ? " " + classes.labelRootSuccess:""),
                  }}
                  htmlFor={id}
                  {...labelProps}
              &gt;
                  {label}
              &lt;/InputLabel&gt;):null}
              &lt;Input
                  classes={{
                      root: (label !== undefined ? "":classes.marginTop),
                      disabled: classes.disabled,
                      underline: classes.underline,
                      inkbar: (error ? classes.inkbarError:success ? classes.inkbarSuccess:classes.inkbar),
                  }}
                  id={id}
                  inputRef={inputRef}
                  {...inputProps}
              /&gt;
              {error ? &lt;Clear className={classes.feedback + " " + classes.labelRootError}/&gt;:success ? &lt;Check className={classes.feedback + " " + classes.labelRootSuccess}/&gt;:null}
          &lt;/FormControl&gt;
      );
    }
  }
  
  CustomInput.propTypes = {
      classes: PropTypes.object.isRequired,
      labelText: PropTypes.node,
      labelProps: PropTypes.object,
      id: PropTypes.string,
      inputProps: PropTypes.object,
      formControlProps: PropTypes.object,
      meta:PropTypes.object,
      error: PropTypes.bool,
      success: PropTypes.bool
  }
  
  export default withStyles(customInputStyle)(CustomInput);
  </code></pre>
  
  <p><strong>Add User Form:</strong></p>
  
  <pre><code>const required = value =&gt; (value == null ? 'Required' : undefined)
  class AddUser extends React.Component {
  
      handleSubmit(event){
          event.preventDefault();
          console.log("Hello")
      }
  
      render(){
          return (
              &lt;div&gt;
                  &lt;form onSubmit={this.handleSubmit.bind(this)}&gt;
                   &lt;Field
                      name="email"
                      component={CustomInput}
                      label="Email"  validate={required} formControlProps=
                      {{fullWidth:true}}  
                    /&gt;
                 &lt;/form&gt;
            &lt;/div&gt;)
         }
     }
  
  export default reduxForm({
      form: 'add-user-form',
      initialValues: {
          email: ''
      },
  })(AddUser);
  </code></pre>