Make sure switching AM/PM works

Author: chollier

src/DateTimeField.jsx

@@ -53,15 +53,16 @@ DateTimeField = React.createClass({
     }
   },
   onChange: function(event) {
-    if (moment(event.target.value, this.props.inputFormat, true).isValid()) {
+    var value = event.target == null ? event : event.target.value;
+    if (moment(value, this.props.inputFormat, true).isValid()) {
       this.setState({
-        selectedDate: moment(event.target.value, this.props.inputFormat, true),
-        viewDate: moment(event.target.value, this.props.inputFormat, true).startOf("month")
+        selectedDate: moment(value, this.props.inputFormat, true),
+        viewDate: moment(value, this.props.inputFormat, true).startOf("month")
       });
     }
 
     return this.setState({
-      inputValue: event.target.value
+      inputValue: value
     }, function() {
       return this.props.onChange(moment(this.state.inputValue, this.props.inputFormat, true).format(this.props.format));
     });
@@ -170,13 +171,9 @@ DateTimeField = React.createClass({
   },
   togglePeriod: function() {
     if (this.state.selectedDate.hour() > 12) {
-      return this.setState({
-        selectedDate: this.state.selectedDate.clone().subtract(12, 'hours')
-      });
+      return this.onChange(this.state.selectedDate.clone().subtract(12, 'hours').format(this.props.inputFormat));
     } else {
-      return this.setState({
-        selectedDate: this.state.selectedDate.clone().add(12, 'hours')
-      });
+      return this.onChange(this.state.selectedDate.clone().add(12, 'hours').format(this.props.inputFormat));
     }
   },
   togglePicker: function() {