Fixes mui#441

DatePicker onChange should be onChangeDate

docs/src/app/components/pages/components/DatePicker/ExampleControlled.jsx

@@ -11,7 +11,7 @@ export default class DatePickerExampleControlled extends React.Component {
     };
   }
 
-  _handleChange = (event, date) => {
+  _handleChange = (date) => {
     this.setState({
       controlledDate: date,
     });
@@ -22,7 +22,7 @@ export default class DatePickerExampleControlled extends React.Component {
       <DatePicker
         hintText="Controlled Date Input"
         value={this.state.controlledDate}
-        onChange={this._handleChange}
+        onChangeDate={this._handleChange}
       />
     );
   }

src/date-picker/date-picker.jsx

@@ -85,11 +85,10 @@ const DatePicker = React.createClass({
     mode: React.PropTypes.oneOf(['portrait', 'landscape']),
 
     /**
-     * Callback function that is fired when the date value changes. Since there
-     * is no particular event associated with the change the first argument
-     * will always be null and the second argument will be the new Date instance.
+     * Callback function that is fired when the date value changes.The first argument
+     * will be the selected Date instance.
      */
-    onChange: React.PropTypes.func,
+    onChangeDate: React.PropTypes.func,
 
     /**
      * Fired when the datepicker dialog is dismissed.
@@ -242,10 +241,14 @@ const DatePicker = React.createClass({
         date: date,
       });
     }
-    if (this.props.onChange) this.props.onChange(null, date);
+    if (this.props.onChangeDate) this.props.onChangeDate(date);
     if (this.props.valueLink) this.props.valueLink.requestChange(date);
   },
 
+  _handleInputChange(e, value) {
+    if (this.props.onChangeDate) this.props.onChangeDate(value);
+  },
+
   _handleInputFocus(e) {
     e.target.blur();
     if (this.props.onFocus) this.props.onFocus(e);
@@ -298,6 +301,7 @@ const DatePicker = React.createClass({
       textFieldStyle,
       valueLink,
       firstDayOfWeek,
+      onChangeDate,
       ...other,
     } = this.props;
 
@@ -310,6 +314,7 @@ const DatePicker = React.createClass({
           value={this.state.date ? formatDate(this.state.date) : undefined}
           onFocus={this._handleInputFocus}
           onTouchTap={this._handleInputTouchTap}
+          onChange={this._handleInputChange}
         />
         <DatePickerDialog
           container={container}