},
});
-export const TextField = withStyles(styles)((props: WrappedFieldProps & WithStyles<CssRules> & { label?: string, autoFocus?: boolean, required?: boolean }) =>
+type TextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
+
+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}
/>);
label?: string;
}
-type RichEditorTextFieldProps = RichEditorTextFieldData & WrappedFieldProps & WithStyles<CssRules>;
+type RichEditorTextFieldProps = RichEditorTextFieldData & TextFieldProps;
export const RichEditorTextField = withStyles(styles)(
class RichEditorTextField extends React.Component<RichEditorTextFieldProps> {
}
render() {
- return <RichTextEditor
+ return <RichTextEditor
value={this.state.value}
onChange={this.onChange}
placeholder={this.props.label} />;
}
);
-type DataTextFieldProps = WrappedFieldProps & WithStyles<CssRules>;
-
export const DateTextField = withStyles(styles)
- ((props: DataTextFieldProps) =>
+ ((props: TextFieldProps) =>
<MaterialTextField
- disabled={props.meta.submitting}
- error={props.meta.touched && !!props.meta.error}
type="date"
+ disabled={props.meta.submitting}
+ helperText={props.meta.error}
+ error={!!props.meta.error}
fullWidth={true}
- name={props.input.name}
InputLabelProps={{
shrink: true
}}
+ name={props.input.name}
onChange={props.input.onChange}
value={props.input.value}
- />
+ />
);
\ No newline at end of file