type TextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
-export const TextField = withStyles(styles)((props: TextFieldProps & { label?: string, autoFocus?: boolean, required?: boolean }) =>
+export const TextField = withStyles(styles)((props: TextFieldProps & {
+ label?: string, autoFocus?: boolean, required?: boolean, select?: boolean, disabled?: boolean, children: React.ReactNode
+}) =>
<MaterialTextField
helperText={props.meta.touched && props.meta.error}
className={props.classes.textField}
label={props.label}
- disabled={props.meta.submitting}
+ disabled={props.disabled || props.meta.submitting}
error={props.meta.touched && !!props.meta.error}
autoComplete='off'
autoFocus={props.autoFocus}
fullWidth={true}
required={props.required}
+ select={props.select}
+ children={props.children}
{...props.input}
/>);
}
render() {
- return <RichTextEditor
+ return <RichTextEditor
value={this.state.value}
onChange={this.onChange}
placeholder={this.props.label} />;
);
export const DateTextField = withStyles(styles)
- ((props: TextFieldProps) =>
+ ((props: TextFieldProps) =>
<MaterialTextField
type="date"
disabled={props.meta.submitting}
name={props.input.name}
onChange={props.input.onChange}
value={props.input.value}
- />
+ />
);
\ No newline at end of file