fix(DatePicker): explicitly update minDate and maxDate

Since flatpickr does not automatically update minDate and maxDate,
we need to explicitly do it when the user makes any change in the props
by using set(option, value) method from flatpickr
Aligned to the change in carbon-design-system#4856

packages/react/src/components/DatePicker/DatePicker.js

@@ -307,17 +307,6 @@ export default class DatePicker extends Component {
   };
 
   UNSAFE_componentWillUpdate(nextProps) {
-    //Explicitly update minDate and maxDate
-    const extraProps = ['minDate', 'maxDate'];
-    extraProps.forEach(prop => {
-      if (nextProps[prop] !== this.props[prop]) {
-        if (this.cal) {
-          this.cal.set(prop, nextProps[prop]);
-        } else if (this.inputField) {
-          this.inputField[prop] = nextProps[prop];
-        }
-      }
-    });
     if (nextProps.value !== this.props.value) {
       if (this.cal) {
         this.cal.setDate(nextProps.value);
@@ -394,11 +383,17 @@ export default class DatePicker extends Component {
     }
   }
 
-  componentDidUpdate({ dateFormat: prevDateFormat }) {
-    const { dateFormat } = this.props;
-    if (this.cal && prevDateFormat !== dateFormat) {
-      this.cal.set({ dateFormat });
-    }
+  componentDidUpdate(prevProps) {
+    const extraProps = ['dateFormat', 'minDate', 'maxDate'];
+    extraProps.forEach(prop => {
+      if (prevProps[prop] !== this.props[prop]) {
+        if (this.cal) {
+          this.cal.set(prop, this.props[prop]);
+        } else if (this.inputField) {
+          this.inputField[prop] = this.props[prop];
+        }
+      }
+    });
   }
 
   componentWillUnmount() {