Merge pull request quri#30 from mattdell/inputprops

Custom input attributes

Author: chollier

README.md

@@ -37,7 +37,8 @@ DateTimeField
 | **onChange** | function | x => console.log(x) | Callback trigger when the date changes |
 | **showToday** | boolean | true | Highlights today's date |
 | **daysOfWeekDisabled** | array of integer | [] | Disables clicking on some days. Goes from 0 (Sunday) to 6 (Saturday). |
-| ** viewMode ** | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |
+| **viewMode** | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |
+| **inputProps** | object | undefined | Defines additional attributes for the input element of the component. |
 
 Update Warning
 ===============================

src/DateTimeField.jsx

@@ -13,7 +13,8 @@ DateTimeField = React.createClass({
     dateTime: React.PropTypes.string,
     onChange: React.PropTypes.func,
     format: React.PropTypes.string,
-    inputFormat: React.PropTypes.string
+    inputFormat: React.PropTypes.string,
+    inputProps: React.PropTypes.object
   },
   getDefaultProps: function() {
     return {
@@ -285,7 +286,7 @@ DateTimeField = React.createClass({
                   togglePeriod={this.togglePeriod}
             />
             <div className="input-group date" ref="datetimepicker">
-              <input type="text" className="form-control" onChange={this.onChange} value={this.state.inputValue} />
+              <input type="text" className="form-control" onChange={this.onChange} value={this.state.inputValue} {...this.props.inputProps}/>
               <span className="input-group-addon" onClick={this.onClick} onBlur={this.onBlur} ref="dtpbutton"><Glyphicon glyph="calendar" /></span>
             </div>
           </div>