fix(date-picker): support changing date format (#4856)

This change allows change in `dateFormat` prop after initialization reflected correctly to the underlying Flatpickr.
carbon-design-system · Jan 13, 2020 · c168321 · c168321
1 parent 4ca6a2d
commit c168321
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/react/src/components/DatePicker/DatePicker.js b/packages/react/src/components/DatePicker/DatePicker.js
@@ -383,6 +383,13 @@ export default class DatePicker extends Component {
     }
   }
 
+  componentDidUpdate({ dateFormat: prevDateFormat }) {
+    const { dateFormat } = this.props;
+    if (this.cal && prevDateFormat !== dateFormat) {
+      this.cal.set({ dateFormat });
+    }
+  }
+
   componentWillUnmount() {
     if (this.cal) {
       this.cal.destroy();