Fix #81: Make readonly work on datetime field

Author: bhch

src/components/form.js

@@ -743,21 +743,22 @@ export class FormDateTimeInput extends React.Component {
     }
 
     showTimePicker = () => {
-        this.setState({showTimePicker: true});
+        this.setState({showTimePicker: !this.props.readOnly && true});
     }
 
     render() {
         return (
             <div className={this.props.error ? "rjf-datetime-field has-error" : "rjf-datetime-field"}>
                 <Label label={this.props.label} required={this.props.required} />
                 <div className="rjf-datetime-field-inner">
-                    <div className="rjf-datetime-field-inputs">
+                    <div className={this.props.readOnly ? "rjf-datetime-field-inputs readonly" : "rjf-datetime-field-inputs"}>
                         <div className="rjf-datetime-field-date">
                             <FormInput
                                 label='Date'
                                 type='date'
                                 value={this.state.date}
                                 onChange={this.handleDateChange}
+                                readOnly={this.props.readOnly}
                             />
                         </div>
                         <div className="rjf-datetime-field-time">