Fixed passProps

src/extras/geocoder.js

@@ -156,7 +156,7 @@ class GeocoderFieldComponent extends FieldType {
           onChange={this.onChange.bind(this)}
           onBlur={() => this.props.onChange(this.state.value)}
           componentClass={'input'}
-          {...this.passProps}
+          {...this.props.passProps}
         />
         {this.props.errorMessage &&
           <HelpBlock>{this.props.errorMessage}</HelpBlock>
@@ -167,7 +167,7 @@ class GeocoderFieldComponent extends FieldType {
             query={{
               v: `3`,
               libraries: 'geometry,drawing,places',
-              key: this.passProps.apiKey
+              key: this.props.passProps.apiKey
             }}
             loadingElement={
               <div>

src/fields/autocomplete.js

@@ -23,7 +23,7 @@ class AutocompleteFieldComponent extends React.Component {
     super(props);
     this.state = {
       value: props.value,
-      multi: (this.passProps && this.passProps.multi) || false
+      multi: (props.passProps && props.passProps.multi) || false
     };
   }
 
@@ -58,7 +58,7 @@ class AutocompleteFieldComponent extends React.Component {
           onBlur={() => this.props.onChange(this.state.value)}
           disabled={this.props.disabled}
           placeholder={this.props.placeholder || this.props.passProps.placeholder}
-          {...this.passProps}
+          {...this.props.passProps}
         />
         {this.props.errorMessage &&
           <HelpBlock>{this.props.errorMessage}</HelpBlock>

src/fields/datetime.js

@@ -46,7 +46,7 @@ class DateTimeFieldComponent extends React.Component {
           inputProps={{
             placeholder: this.props.placeholder || this.props.passProps.placeholder
           }}
-          {...this.passProps}
+          {...this.props.passProps}
         />
         {this.props.errorMessage &&
           <HelpBlock>{this.props.errorMessage}</HelpBlock>

src/fields/select.js

@@ -74,7 +74,7 @@ class SelectFieldComponent extends React.Component {
           onChange={this.onChange.bind(this)}
           onBlur={() => this.props.onChange(this.state.value)}
           componentClass="select"
-          {...this.passProps}
+          {...this.props.passProps}
         >
           {this.renderItems()}
         </FormControl>

src/fields/string.js

@@ -37,7 +37,7 @@ export default class TextFieldComponent extends React.Component {
   }
 
   render() {
-    var fieldType = this.props.fieldType || this.type;
+    const fieldType = this.props.fieldType || this.type;
     return (
       <FormGroup
         validationState={this.props.errorMessage ? 'error' : undefined}
@@ -53,7 +53,7 @@ export default class TextFieldComponent extends React.Component {
           onKeyDown={this.onKeyDown.bind(this)}
           onBlur={() => this.props.onChange(this.state.value)}
           componentClass={fieldType === 'textarea' ? 'textarea' : 'input'}
-          {...this.passProps}
+          {...this.props.passProps}
         />
         {this.props.errorMessage &&
           <HelpBlock>{this.props.errorMessage}</HelpBlock>

src/fields/tags.js

@@ -35,7 +35,7 @@ class TagsFieldComponent extends React.Component {
           ref='input'
           value={this.state.value}
           onChange={this.onChange.bind(this)}
-          {...this.passProps}
+          {...this.props.passProps}
         />
         {this.props.errorMessage &&
           <HelpBlock>{this.props.errorMessage}</HelpBlock>