fix(date-picker): disable mobile UI (#4443)

This change disables `flatpickr`'s mobile mode, given we have been not supporting the mobile UI and the mobile UI has caused several JavaScript errors. Fixes #4420.
carbon-design-system · Oct 25, 2019 · ad98531 · ad98531
1 parent 2811a2c
commit ad98531
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/components/src/components/date-picker/date-picker.js b/packages/components/src/components/date-picker/date-picker.js
@@ -246,6 +246,7 @@ class DatePicker extends mixin(
       Object.assign(flattenOptions(this.options), {
         allowInput: true,
         mode: type,
+        disableMobile: true,
         positionElement:
           type === 'range' &&
           this.element.querySelector(this.options.selectorDatePickerInputFrom),

diff --git a/packages/react/src/components/DatePicker/DatePicker.js b/packages/react/src/components/DatePicker/DatePicker.js
@@ -338,6 +338,7 @@ export default class DatePicker extends Component {
       // inputField ref might not be set in enzyme tests
       if (this.inputField) {
         this.cal = new flatpickr(this.inputField, {
+          disableMobile: true,
           defaultDate: value,
           appendTo,
           mode: datePickerType,