Change this.state.inputFormat when this.props.inputFormat changes

Author: chollier

src/DateTimeField.jsx

@@ -35,17 +35,6 @@ DateTimeField = React.createClass({
  }
  };
  },
- resolvePropsInputFormat: function() {
- if(this.props.inputFormat) return this.props.inputFormat;
- switch(this.props.mode) {
- case Constants.MODE_TIME:
- return "h:mm A";
- case Constants.MODE_DATE:
- return "MM/DD/YY";
- default:
- return "MM/DD/YY h:mm A";
- }
- },
  getInitialState: function() {
  return {
  showDatePicker: this.props.mode !== Constants.MODE_TIME,
@@ -71,6 +60,22 @@ DateTimeField = React.createClass({
  inputValue: moment(nextProps.dateTime, nextProps.format, true).format(nextProps.inputFormat)
  });
  }
+ if (nextProps.inputFormat !== this.props.inputFormat) {
+ return this.setState({
+ inputFormat: nextProps.inputFormat
+ });
+ }
+ },
+ resolvePropsInputFormat: function() {
+ if(this.props.inputFormat) return this.props.inputFormat;
+ switch(this.props.mode) {
+ case Constants.MODE_TIME:
+ return "h:mm A";
+ case Constants.MODE_DATE:
+ return "MM/DD/YY";
+ default:
+ return "MM/DD/YY h:mm A";
+ }
  },
  onChange: function(event) {
  var value = event.target == null ? event : event.target.value;