import React, { PropTypes } from 'react';
import TextField from 'material-ui/TextField';

const LongTextInput = ({ input, label, meta: { touched, error }, options }) => (
    <TextField
        value={input.value}
        onChange={input.onChange}
        {...options}
        multiLine
        fullWidth
        floatingLabelText={label}
        errorText={touched && error}
    />
);

LongTextInput.propTypes = {
    includesLabel: PropTypes.bool.isRequired,
    input: PropTypes.object,
    label: PropTypes.string,
    meta: PropTypes.object,
    name: PropTypes.string,
    options: PropTypes.object,
    validation: PropTypes.object,
};

LongTextInput.defaultProps = {
    includesLabel: true,
    input: {},
    options: {},
    includesLabel: true,
};

export default LongTextInput;

import React, { PropTypes } from 'react';
import TextField from 'material-ui/TextField';

const LongTextInput = ({ input, label, meta: { touched, error }, options }) => (
    <TextField
        value={input.value}
        onChange={input.onChange}
        {...options}
        multiLine
        fullWidth
        floatingLabelText={label}
        errorText={touched && error}
    />
);

LongTextInput.propTypes = {
    includesLabel: PropTypes.bool.isRequired,
    input: PropTypes.object,
    label: PropTypes.string,
    meta: PropTypes.object,
    name: PropTypes.string,
    options: PropTypes.object,
    validation: PropTypes.object,
};

LongTextInput.defaultProps = {
    includesLabel: true,
    input: {},
    options: {},
};

export default LongTextInput;

Clarify redux form input binding
Clarify redux form input binding
