@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/DataTableSkeleton/DataTableSkeleton.js

@@ -15,12 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _span, _span2;
 const DataTableSkeleton = ({
   headers,
@@ -34,7 +28,7 @@ const DataTableSkeleton = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const dataTableSkeletonClasses = cx__default["default"](className, {
+  const dataTableSkeletonClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
     [`${prefix}--data-table`]: true,
     [`${prefix}--data-table--zebra`]: zebra,
@@ -46,71 +40,71 @@ const DataTableSkeleton = ({
     length: columnCount
   }, (_, index) => index);
   for (let i = 0; i < rowRepeat; i++) {
-    rows[i] = /*#__PURE__*/React__default["default"].createElement("tr", {
+    rows[i] = /*#__PURE__*/React.createElement("tr", {
       key: i
-    }, columnsArray.map(j => /*#__PURE__*/React__default["default"].createElement("td", {
+    }, columnsArray.map(j => /*#__PURE__*/React.createElement("td", {
       key: j
-    }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null)))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null)))));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--data-table-container`
-  }, showHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, showHeader ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header__title`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header__description`
-  })) : null, showToolbar ? /*#__PURE__*/React__default["default"].createElement("section", {
+  })) : null, showToolbar ? /*#__PURE__*/React.createElement("section", {
     "aria-label": "data table toolbar",
     className: `${prefix}--table-toolbar`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toolbar-content`
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--skeleton ${prefix}--btn ${prefix}--btn--sm`
-  }))) : null, /*#__PURE__*/React__default["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({
+  }))) : null, /*#__PURE__*/React.createElement("table", _rollupPluginBabelHelpers.extends({
     className: dataTableSkeletonClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columnsArray.map(i => /*#__PURE__*/React__default["default"].createElement("th", {
+  }, rest), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, columnsArray.map(i => /*#__PURE__*/React.createElement("th", {
     key: i
-  }, headers ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, headers ? /*#__PURE__*/React.createElement("div", {
     className: "cds--table-header-label"
-  }, headers[i]?.header) : _span2 || (_span2 = /*#__PURE__*/React__default["default"].createElement("span", null)))))), /*#__PURE__*/React__default["default"].createElement("tbody", null, rows)));
+  }, headers[i]?.header) : _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("tbody", null, rows)));
 };
 DataTableSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the number of columns that you want to render in the skeleton state
    */
-  columnCount: PropTypes__default["default"].number,
+  columnCount: PropTypes.number,
   /**
    * Optionally specify whether you want the Skeleton to be rendered as a
    * compact DataTable
    */
-  compact: PropTypes__default["default"].bool,
+  compact: PropTypes.bool,
   /**
    * Optionally specify the displayed headers
    */
-  headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    header: PropTypes__default["default"].node.isRequired
+  headers: PropTypes.arrayOf(PropTypes.shape({
+    header: PropTypes.node.isRequired
   }).isRequired),
   /**
    * Specify the number of rows that you want to render in the skeleton state
    */
-  rowCount: PropTypes__default["default"].number,
+  rowCount: PropTypes.number,
   /**
    * Specify if the table header should be rendered as part of the skeleton.
    */
-  showHeader: PropTypes__default["default"].bool,
+  showHeader: PropTypes.bool,
   /**
    * Specify if the table toolbar should be rendered as part of the skeleton.
    */
-  showToolbar: PropTypes__default["default"].bool,
+  showToolbar: PropTypes.bool,
   /**
    * Optionally specify whether you want the DataTable to be zebra striped
    */
-  zebra: PropTypes__default["default"].bool
+  zebra: PropTypes.bool
 };
 
-exports["default"] = DataTableSkeleton;
+exports.default = DataTableSkeleton;

package/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -15,12 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const DatePickerSkeleton = ({
   range,
   id,
@@ -29,45 +23,45 @@ const DatePickerSkeleton = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const dateInput = /*#__PURE__*/React__default["default"].createElement("div", {
+  const dateInput = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker-container`
-  }, !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label`,
     id: id
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker__input ${prefix}--skeleton`
   }));
   if (range) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--form-item`
-    }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-      className: cx__default["default"](`${prefix}--date-picker`, `${prefix}--date-picker--range`, `${prefix}--skeleton`, className)
+    }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+      className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--range`, `${prefix}--skeleton`, className)
     }, rest), dateInput, dateInput));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-item`
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--date-picker`, `${prefix}--date-picker--short`, `${prefix}--date-picker--simple`, `${prefix}--skeleton`, className)
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--short`, `${prefix}--date-picker--simple`, `${prefix}--skeleton`, className)
   }, rest), dateInput));
 };
 DatePickerSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify the id to add.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether the skeleton should be of range date picker.
    */
-  range: PropTypes__default["default"].bool
+  range: PropTypes.bool
 };
 
 exports.DatePickerSkeleton = DatePickerSkeleton;
-exports["default"] = DatePickerSkeleton;
+exports.default = DatePickerSkeleton;

package/lib/components/DatePicker/DatePicker.js

@@ -28,23 +28,20 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var iconsReact = require('@carbon/icons-react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var flatpickr__default = /*#__PURE__*/_interopDefaultLegacy(flatpickr);
-var l10n__default = /*#__PURE__*/_interopDefaultLegacy(l10n);
-
-// Weekdays shorthand for english locale
-l10n__default["default"].en.weekdays.shorthand.forEach((_day, index) => {
-  const currentDay = l10n__default["default"].en.weekdays.shorthand;
-  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {
-    currentDay[index] = 'Th';
-  } else {
-    currentDay[index] = currentDay[index].charAt(0);
+// Weekdays shorthand for English locale
+// Ensure localization exists before trying to access it
+function initializeWeekdayShorthand() {
+  if (l10n?.en?.weekdays?.shorthand) {
+    l10n.en.weekdays.shorthand.forEach((_day, index) => {
+      const currentDay = l10n.en.weekdays.shorthand;
+      if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {
+        currentDay[index] = 'Th';
+      } else {
+        currentDay[index] = currentDay[index].charAt(0);
+      }
+    });
   }
-});
+}
 const forEach = Array.prototype.forEach;
 
 /**
@@ -144,7 +141,7 @@ function updateClassNames(calendar, prefix) {
     });
   }
 }
-const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function DatePicker({
+const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
   allowInput,
   appendTo,
   children,
@@ -222,7 +219,7 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
   const lastFocusedField = React.useRef(null);
   const savedOnChange = useSavedCallback.useSavedCallback(onChange);
   const savedOnOpen = useSavedCallback.useSavedCallback(onOpen);
-  const datePickerClasses = cx__default["default"](`${prefix}--date-picker`, {
+  const datePickerClasses = cx(`${prefix}--date-picker`, {
     [`${prefix}--date-picker--short`]: short,
     [`${prefix}--date-picker--light`]: light,
     [`${prefix}--date-picker--simple`]: datePickerType === 'simple',
@@ -230,37 +227,40 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
     [`${prefix}--date-picker--range`]: datePickerType === 'range',
     [`${prefix}--date-picker--nolabel`]: datePickerType === 'range' && isLabelTextEmpty(children)
   });
-  const wrapperClasses = cx__default["default"](`${prefix}--form-item`, {
+  const wrapperClasses = cx(`${prefix}--form-item`, {
     [String(className)]: className
   });
-  const childrenWithProps = React__default["default"].Children.toArray(children).map((child, index) => {
-    if (index === 0 && child.type === React__default["default"].createElement(DatePickerInput["default"], child.props).type) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
+    if (index === 0 && child.type === /*#__PURE__*/React.createElement(DatePickerInput.default, child.props).type) {
+      return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: startInputField,
         readOnly
       });
     }
-    if (index === 1 && child.type === React__default["default"].createElement(DatePickerInput["default"], child.props).type) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+    if (index === 1 && child.type === /*#__PURE__*/React.createElement(DatePickerInput.default, child.props).type) {
+      return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: endInputField,
         readOnly
       });
     }
     if (index === 0) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ref: startInputField,
         readOnly
       });
     }
     if (index === 1) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ref: endInputField,
         readOnly
       });
     }
   });
+  React.useEffect(() => {
+    initializeWeekdayShorthand();
+  }, []);
   React.useEffect(() => {
     if (datePickerType !== 'single' && datePickerType !== 'range') {
       return;
@@ -293,11 +293,11 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
     if (typeof locale === 'object') {
       const location = locale.locale ? locale.locale : 'en';
       localeData = {
-        ...l10n__default["default"][location],
+        ...l10n[location],
         ...locale
       };
     } else {
-      localeData = l10n__default["default"][locale];
+      localeData = l10n[locale];
     }
 
     /**
@@ -350,16 +350,15 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
       minDate: minDate,
       maxDate: maxDate,
       parseDate: parseDate,
-      plugins: [datePickerType === 'range' ? rangePlugin["default"]({
+      plugins: [datePickerType === 'range' ? rangePlugin.default({
         input: endInputField.current
       }) : () => {}, appendTo ? appendToPlugin.appendToPlugin({
         appendTo
       }) : () => {}, carbonFlatpickrMonthSelectPlugin({
         selectorFlatpickrMonthYearContainer: '.flatpickr-current-month',
         selectorFlatpickrYearContainer: '.numInputWrapper',
-        selectorFlatpickrCurrentMonth: '.cur-month',
         classFlatpickrCurrentMonth: 'cur-month'
-      }), fixEventsPlugin["default"]({
+      }), fixEventsPlugin.default({
         inputFrom: startInputField.current,
         inputTo: endInputField.current,
         lastStartValue
@@ -382,7 +381,7 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
       },
       onValueUpdate: onHook
     };
-    const calendar = flatpickr__default["default"](start, flatpickerConfig);
+    const calendar = flatpickr(start, flatpickerConfig);
     calendarRef.current = calendar;
     const handleInputFieldKeyDown = event => {
       const {
@@ -603,28 +602,28 @@ const DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Da
   let fluidError;
   if (isFluid) {
     if (invalid) {
-      fluidError = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+      fluidError = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
         className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
-      }), /*#__PURE__*/React__default["default"].createElement("hr", {
+      }), /*#__PURE__*/React.createElement("hr", {
         className: `${prefix}--date-picker__divider`
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--form-requirement`
       }, invalidText));
     }
     if (warn && !invalid) {
-      fluidError = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+      fluidError = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
         className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
-      }), /*#__PURE__*/React__default["default"].createElement("hr", {
+      }), /*#__PURE__*/React.createElement("hr", {
         className: `${prefix}--date-picker__divider`
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--form-requirement`
       }, warnText));
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: wrapperClasses,
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: datePickerClasses
   }, childrenWithProps), fluidError);
 });
@@ -633,27 +632,27 @@ DatePicker.propTypes = {
    * Flatpickr prop passthrough enables direct date input, and when set to false,
    * we must clear dates manually by resetting the value prop to a falsy value (such as `""`, `null`, or `undefined`) or an array of all falsy values, making it a controlled input.
    */
-  allowInput: PropTypes__default["default"].bool,
+  allowInput: PropTypes.bool,
   /**
    * The DOM element the Flatpicker should be inserted into. `<body>` by default.
    */
-  appendTo: PropTypes__default["default"].object,
+  appendTo: PropTypes.object,
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.
    */
-  closeOnSelect: PropTypes__default["default"].bool,
+  closeOnSelect: PropTypes.bool,
   /**
    * The date format.
    */
-  dateFormat: PropTypes__default["default"].string,
+  dateFormat: PropTypes.string,
   /**
    * The type of the date picker:
    *
@@ -661,35 +660,35 @@ DatePicker.propTypes = {
    * * `single` - With calendar dropdown and single date.
    * * `range` - With calendar dropdown and a date range.
    */
-  datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range']),
+  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
   /**
    * The flatpickr `disable` option that allows a user to disable certain dates.
    */
-  disable: PropTypes__default["default"].array,
+  disable: PropTypes.array,
   /**
    * The flatpickr `enable` option that allows a user to enable certain dates.
    */
-  enable: PropTypes__default["default"].array,
+  enable: PropTypes.array,
   /**
    * The flatpickr `inline` option.
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * Specify whether or not the control is invalid (Fluid only)
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in error state (Fluid Only)
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * `true` to use the light version.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `DatePicker` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `DatePicker` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    *  The language locale used to format the days of the week, months, and numbers. The full list of supported locales can be found here https://github.com/flatpickr/flatpickr/tree/master/src/l10n
    */
-  locale: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].oneOf(['ar',
+  locale: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['ar',
   // Arabic
   'at',
   // Austria
@@ -814,53 +813,53 @@ DatePicker.propTypes = {
   /**
    * The maximum date that a user can pick to.
    */
-  maxDate: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  maxDate: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * The minimum date that a user can start picking from.
    */
-  minDate: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  minDate: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * The `change` event handler.
    * `(dates: Date[], dStr: string, fp: Instance, data?: any):void;`
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * The `close` event handler.
    * `(dates: Date[], dStr: string, fp: Instance, data?: any):void;`
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * The `open` event handler.
    * `(dates: Date[], dStr: string, fp: Instance, data?: any):void;`
    */
-  onOpen: PropTypes__default["default"].func,
+  onOpen: PropTypes.func,
   /**
    * flatpickr prop passthrough. Controls how dates are parsed.
    */
-  parseDate: PropTypes__default["default"].func,
+  parseDate: PropTypes.func,
   /**
    * whether the DatePicker is to be readOnly
    * if boolean applies to all inputs
    * if array applies to each input in order
    */
-  readOnly: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].array]),
+  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
   /**
    * `true` to use the short version.
    */
-  short: PropTypes__default["default"].bool,
+  short: PropTypes.bool,
   /**
    * The value of the date value provided to flatpickr, could
    * be a date, a date number, a date string, an array of dates.
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].object])), PropTypes__default["default"].object, PropTypes__default["default"].number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object])), PropTypes.object, PropTypes.number]),
   /**
    * Specify whether the control is currently in warning state (Fluid only)
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state (Fluid only)
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = DatePicker;
+exports.default = DatePicker;

package/lib/components/DatePicker/index.js

@@ -14,6 +14,6 @@ var DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
 
 
 
-exports.DatePicker = DatePicker["default"];
-exports["default"] = DatePicker["default"];
-exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
+exports.DatePicker = DatePicker.default;
+exports.default = DatePicker.default;
+exports.DatePickerSkeleton = DatePicker_Skeleton.default;

package/lib/components/DatePicker/plugins/appendToPlugin.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const appendToPlugin = config => fp => {
   /**
    * Adjusts the floating menu position after Flatpickr sets it.

package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts

@@ -0,0 +1,2 @@
+declare function _default(config: object): Plugin;
+export default _default;

package/lib/components/DatePicker/plugins/fixEventsPlugin.js

@@ -156,4 +156,4 @@ var carbonFlatpickrFixEventsPlugin = config => fp => {
   };
 };
 
-exports["default"] = carbonFlatpickrFixEventsPlugin;
+exports.default = carbonFlatpickrFixEventsPlugin;

package/lib/components/DatePicker/plugins/rangePlugin.d.ts

@@ -0,0 +1,2 @@
+declare function _default(config: object): Plugin;
+export default _default;

package/lib/components/DatePicker/plugins/rangePlugin.js

@@ -11,10 +11,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var rangePlugin = require('flatpickr/dist/plugins/rangePlugin');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var rangePlugin__default = /*#__PURE__*/_interopDefaultLegacy(rangePlugin);
-
 /**
  * @param {object} config Plugin configuration.
  * @returns {Plugin} An extension of Flatpickr `rangePlugin` that does the following:
@@ -23,7 +19,7 @@ var rangePlugin__default = /*#__PURE__*/_interopDefaultLegacy(rangePlugin);
  *   * A logic to ensure `fp.setDate()` call won't end up with "startDate to endDate" set to the first `<input>`
  */
 var carbonFlatpickrRangePlugin = config => {
-  const factory = rangePlugin__default["default"](Object.assign({
+  const factory = rangePlugin(Object.assign({
     position: 'left'
   }, config));
   return fp => {
@@ -59,4 +55,4 @@ var carbonFlatpickrRangePlugin = config => {
   };
 };
 
-exports["default"] = carbonFlatpickrRangePlugin;
+exports.default = carbonFlatpickrRangePlugin;