@elliemae/ds-date-picker 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/components/DSDatePickerImpl.js

@@ -1,113 +1,93 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var moment = require('moment');
-var dsForm = require('@elliemae/ds-form');
-var DatePickerController = require('./DatePickerController/DatePickerController.js');
-var DatePickerDropdown = require('./DatePickerDropdown.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const FORMAT = 'MMDDYYYY';
-class DSdatePickerImpl extends React__default["default"].Component {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSDatePickerImpl_exports = {};
+__export(DSDatePickerImpl_exports, {
+  DSDatePickerImpl: () => DSDatePickerImpl,
+  default: () => DSDatePickerImpl
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_DatePickerController = require("./DatePickerController/DatePickerController");
+var import_DatePickerDropdown = require("./DatePickerDropdown");
+const FORMAT = "MMDDYYYY";
+class DSDatePickerImpl extends import_react.default.Component {
   constructor(props) {
     super(props);
-
     this.onClickPicker = () => {
-      this.setState({
-        inputFocused: true
-      });
+      this.setState({ inputFocused: true });
     };
-
     this.getSafeValue = () => {
-      const {
-        value,
-        date,
-        defaultValue
-      } = this.props;
-      const {
-        selectedDate
-      } = this.state;
-
+      const { value, date, defaultValue } = this.props;
+      const { selectedDate } = this.state;
       if (value) {
-        return moment__default["default"](value, FORMAT, true);
+        return (0, import_moment.default)(value, FORMAT, true);
       }
-
       if (date) {
-        return moment__default["default"](date, FORMAT, true);
+        return (0, import_moment.default)(date, FORMAT, true);
       }
-
       if (defaultValue) {
-        return moment__default["default"](defaultValue, FORMAT, true);
+        return (0, import_moment.default)(defaultValue, FORMAT, true);
       }
-
       if (selectedDate) {
         return selectedDate;
       }
-
       return null;
     };
-
     this.getSafeInputValue = () => {
       const safeValue = this.getSafeValue();
-
       if (safeValue && safeValue.isValid()) {
         return safeValue.format(FORMAT);
       }
-
-      const {
-        dataInput
-      } = this.state;
+      const { dataInput } = this.state;
       return dataInput;
     };
-
     this.isControlled = () => {
-      const {
-        value,
-        date
-      } = this.props;
+      const { value, date } = this.props;
       return Boolean(value) || Boolean(date);
     };
-
     this.handleDateChange = (date, event) => {
-      const {
-        readOnly,
-        onDateChange,
-        keepOpenOnDateSelect,
-        onChange,
-        onBlur
-      } = this.props;
-
+      const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;
       if (!readOnly) {
         if (!this.isControlled()) {
-          this.setState({
-            dataInput: date.format(FORMAT),
-            selectedDate: date
-          });
+          this.setState({ dataInput: date.format(FORMAT), selectedDate: date });
         }
-
         onChange(date.format(FORMAT), date);
         onDateChange(date);
-
-        if (!keepOpenOnDateSelect || event.key === 'Enter') {
-          this.setState({
-            inputFocused: false
-          });
+        if (!keepOpenOnDateSelect || event.key === "Enter") {
+          this.setState({ inputFocused: false });
           onBlur(date.format(FORMAT), date);
         }
       }
     };
-
     this.handleInputChange = (dataInput, newDate) => {
-      const {
-        onChange
-      } = this.props;
+      const { onChange } = this.props;
       const newState = {
         dataInput,
         selectedDate: newDate
@@ -115,152 +95,98 @@ class DSdatePickerImpl extends React__default["default"].Component {
       this.setState(() => newState);
       onChange(dataInput, newDate);
     };
-
-    this.handleChange = newDate => {
-      if (!newDate) return;
-      const {
-        onDateChange
-      } = this.props;
-      const momentValue = moment__default["default"](newDate, FORMAT, true);
-      if (!momentValue.isValid()) return;
-      this.setState({
-        selectedDate: momentValue
-      });
+    this.handleChange = (newDate) => {
+      if (!newDate)
+        return;
+      const { onDateChange } = this.props;
+      const momentValue = (0, import_moment.default)(newDate, FORMAT, true);
+      if (!momentValue.isValid())
+        return;
+      this.setState({ selectedDate: momentValue });
       onDateChange(momentValue);
     };
-
-    this.handleFocus = _ref => {
-      let {
-        focused
-      } = _ref;
-      this.setState({
-        inputFocused: focused
-      });
+    this.handleFocus = ({ focused }) => {
+      this.setState({ inputFocused: focused });
     };
-
     this.handleCalendarClose = () => {
-      const {
-        onClose
-      } = this.props;
-      this.setState({
-        inputFocused: false
-      });
+      const { onClose } = this.props;
+      this.setState({ inputFocused: false });
       this.handleOnBlur();
       onClose();
     };
-
     this.handleClickEscape = () => {
-      const {
-        onClose
-      } = this.props;
-      this.setState({
-        inputFocused: false
-      });
+      const { onClose } = this.props;
+      this.setState({ inputFocused: false });
       this.handleOnBlur();
       onClose();
     };
-
     this.handleOnBlur = () => {
       setTimeout(() => {
-        const {
-          onBlur,
-          autoClear
-        } = this.props;
-        const {
-          dataInput,
-          selectedDate
-        } = this.state;
-
-        if (moment__default["default"](selectedDate, FORMAT, true).isValid()) {
+        const { onBlur, autoClear } = this.props;
+        const { dataInput, selectedDate } = this.state;
+        if ((0, import_moment.default)(selectedDate, FORMAT, true).isValid()) {
           onBlur(dataInput, selectedDate);
         } else {
           if (autoClear) {
-            this.setState({
-              dataInput: undefined
-            });
+            this.setState({ dataInput: void 0 });
           }
-
           onBlur(dataInput, null);
         }
       });
     };
-
-    this.handleInputFocus = dataInput => {
-      const {
-        onFocus
-      } = this.props;
+    this.handleInputFocus = (dataInput) => {
+      const { onFocus } = this.props;
       onFocus(dataInput);
     };
-
     this.state = {
-      pickerRef: /*#__PURE__*/React__default["default"].createRef(),
-      dataInput: '',
+      pickerRef: import_react.default.createRef(),
+      dataInput: "",
       selectedDate: null,
       inputFocused: false
     };
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
-    const {
-      dataInput: prevVal,
-      selectedDate: prevDate
-    } = prevState || {};
-    const {
-      value: nextVal,
-      date: nextDate
-    } = nextProps;
-    const isPrevValMoment = prevVal instanceof moment__default["default"];
-    const isPrevDateMoment = prevDate instanceof moment__default["default"];
-    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal; // if users wants to clear, we use '==' to catch both undefined AND null
-
+    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};
+    const { value: nextVal, date: nextDate } = nextProps;
+    const isPrevValMoment = prevVal instanceof import_moment.default;
+    const isPrevDateMoment = prevDate instanceof import_moment.default;
+    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;
     if (nextVal == null && nextDate == null) {
       return {
-        dataInput: '',
+        dataInput: "",
         selectedDate: null
       };
-    } // when val is an incomplete state, we don't want to mess with the state
-    //  it's incomplete when length is not the full mmddyyyy (length === 8)
-
-
-    if ((prevValAsString === null || prevValAsString === void 0 ? void 0 : prevValAsString.length) < 8) {
+    }
+    if (prevValAsString?.length < 8) {
       return null;
     }
-
     const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;
-    const isNextValMoment = nextVal instanceof moment__default["default"];
-    const isNextDateMoment = nextDate instanceof moment__default["default"];
+    const isNextValMoment = nextVal instanceof import_moment.default;
+    const isNextDateMoment = nextDate instanceof import_moment.default;
     const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;
-    const nextValAsMoment = isNextValMoment ? nextVal : moment__default["default"](nextVal);
+    const nextValAsMoment = isNextValMoment ? nextVal : (0, import_moment.default)(nextVal);
     const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;
-    const nextDateAsMoment = isNextDateMoment ? nextDate : moment__default["default"](nextDate);
+    const nextDateAsMoment = isNextDateMoment ? nextDate : (0, import_moment.default)(nextDate);
     const hasValChanged = nextValAsString !== prevValAsString;
     const hasDateChanged = nextDateAsString !== prevDateAsString;
     const newState = {};
-    let skipStateChange = true; // value has priority over date, if both date and value change we take date
-    // as such, order of condition is meaningful
-
+    let skipStateChange = true;
     if (hasDateChanged) {
       skipStateChange = false;
       newState.dataInput = nextDateAsString;
       newState.selectedDate = nextDateAsMoment;
     }
-
     if (hasValChanged) {
       skipStateChange = false;
       newState.dataInput = nextValAsString;
       newState.selectedDate = nextValAsMoment;
     }
-
-    if (skipStateChange) return null;
+    if (skipStateChange)
+      return null;
     return newState;
   }
-
   render() {
-    var _this = this;
-
-    const {
-      inputFocused
-    } = this.state;
+    const { inputFocused } = this.state;
     const {
       disabled,
       numberOfMonths,
@@ -288,67 +214,61 @@ class DSdatePickerImpl extends React__default["default"].Component {
     const safedate = this.getSafeValue();
     const safeInputValue = this.getSafeInputValue();
     const hasSelectedDate = !!safedate;
-    return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
-      rightAddon: /*#__PURE__*/_jsx__default["default"](DatePickerDropdown, {
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
+      rightAddon: /* @__PURE__ */ import_react.default.createElement(import_DatePickerDropdown.DatePickerDropdown, {
         pickerRef: this.state.pickerRef,
-        disabled: disabled,
+        disabled,
         isOpen: inputFocused,
-        menu: /*#__PURE__*/_jsx__default["default"]("div", {
-          style: {
-            minHeight: '310px',
-            zIndex: 1
-          },
-          className: hasSelectedDate ? 'has-selected-date' : 'without-selected-date',
+        menu: /* @__PURE__ */ import_react.default.createElement("div", {
+          style: { minHeight: "310px", zIndex: 1 },
+          className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
           "data-testid": "date-picker-portal-wrapper"
-        }, void 0, /*#__PURE__*/_jsx__default["default"](DatePickerController, {
+        }, /* @__PURE__ */ import_react.default.createElement(import_DatePickerController.DSDatePickerController, {
           date: safedate,
-          displayFormatDay: displayFormatDay,
-          enableOutsideDays: enableOutsideDays,
-          firstDayOfWeek: firstDayOfWeek,
-          hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-          isDayBlocked: isDayBlocked,
-          isDayHighlighted: isDayHighlighted,
-          isOutsideRange: isOutsideRange,
-          keepOpenOnDateSelect: keepOpenOnDateSelect,
-          numberOfMonths: numberOfMonths,
+          displayFormatDay,
+          enableOutsideDays,
+          firstDayOfWeek,
+          hideKeyboardShortcutsPanel,
+          isDayBlocked,
+          isDayHighlighted,
+          isOutsideRange,
+          keepOpenOnDateSelect,
+          numberOfMonths,
           onClickEscape: this.handleClickEscape,
-          onClose: function () {
-            if (_this.state.pickerRef.current) _this.state.pickerRef.current.focus();
-            onClose(...arguments);
-
-            _this.setState({
-              inputFocused: false
-            });
+          onClose: (...args) => {
+            if (this.state.pickerRef.current)
+              this.state.pickerRef.current.focus();
+            onClose(...args);
+            this.setState({ inputFocused: false });
           },
           onDateChange: this.handleDateChange,
           onFocusChange: this.handleFocus,
-          onNextMonthClick: onNextMonthClick,
+          onNextMonthClick,
           onOutsideClick: this.handleCalendarClose,
-          onPrevMonthClick: onPrevMonthClick,
-          phrases: phrases,
-          transitionDuration: transitionDuration,
-          calendarProps: calendarProps,
-          focusCurrentDate: focusCurrentDate
+          onPrevMonthClick,
+          phrases,
+          transitionDuration,
+          calendarProps,
+          focusCurrentDate
         })),
         onClick: this.onClickPicker,
-        readOnly: readOnly,
-        zIndex: zIndex,
-        pickerProps: pickerProps
+        readOnly,
+        zIndex,
+        pickerProps
       })
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
       "data-testid": "datepicker-input",
-      "aria-label": placeholder || 'Date Picker Input',
-      disabled: disabled,
+      "aria-label": placeholder || "Date Picker Input",
+      disabled,
       onBlur: this.handleOnBlur,
       onChange: this.handleInputChange,
       onDateChange: this.handleChange,
       onFocus: this.handleInputFocus,
-      placeholder: placeholder,
-      tabIndex: tabIndex,
+      placeholder,
+      tabIndex,
       value: safeInputValue
     }));
   }
-
 }
-
-module.exports = DSdatePickerImpl;
+module.exports = __toCommonJS(DSDatePickerImpl_exports);
+//# sourceMappingURL=DSDatePickerImpl.js.map

package/cjs/components/DSDatePickerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DSDatePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable react/state-in-constructor */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport moment from 'moment';\nimport { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';\nimport { DSDatePickerController } from './DatePickerController/DatePickerController';\nimport { DatePickerDropdown } from './DatePickerDropdown';\n\nconst FORMAT = 'MMDDYYYY';\nexport default class DSDatePickerImpl extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      pickerRef: React.createRef(),\n      dataInput: '',\n      selectedDate: null,\n      inputFocused: false,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};\n    const { value: nextVal, date: nextDate } = nextProps;\n\n    const isPrevValMoment = prevVal instanceof moment;\n    const isPrevDateMoment = prevDate instanceof moment;\n    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;\n\n    // if users wants to clear, we use '==' to catch both undefined AND null\n    if (nextVal == null && nextDate == null) {\n      return {\n        dataInput: '',\n        selectedDate: null,\n      };\n    }\n\n    // when val is an incomplete state, we don't want to mess with the state\n    //  it's incomplete when length is not the full mmddyyyy (length === 8)\n    if (prevValAsString?.length < 8) {\n      return null;\n    }\n\n    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;\n\n    const isNextValMoment = nextVal instanceof moment;\n    const isNextDateMoment = nextDate instanceof moment;\n    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;\n    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);\n    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;\n    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(nextDate);\n\n    const hasValChanged = nextValAsString !== prevValAsString;\n    const hasDateChanged = nextDateAsString !== prevDateAsString;\n\n    const newState = {};\n    let skipStateChange = true;\n\n    // value has priority over date, if both date and value change we take date\n    // as such, order of condition is meaningful\n    if (hasDateChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextDateAsString;\n      newState.selectedDate = nextDateAsMoment;\n    }\n\n    if (hasValChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextValAsString;\n      newState.selectedDate = nextValAsMoment;\n    }\n\n    if (skipStateChange) return null;\n    return newState;\n  }\n\n  onClickPicker = () => {\n    this.setState({ inputFocused: true });\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n    if (value) {\n      return moment(value, FORMAT, true);\n    }\n    if (date) {\n      return moment(date, FORMAT, true);\n    }\n    if (defaultValue) {\n      return moment(defaultValue, FORMAT, true);\n    }\n    if (selectedDate) {\n      return selectedDate;\n    }\n    return null;\n  };\n\n  getSafeInputValue = () => {\n    const safeValue = this.getSafeValue();\n    if (safeValue && safeValue.isValid()) {\n      return safeValue.format(FORMAT);\n    }\n    const { dataInput } = this.state;\n    return dataInput;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date, event) => {\n    const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;\n\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ dataInput: date.format(FORMAT), selectedDate: date });\n      }\n      onChange(date.format(FORMAT), date);\n      onDateChange(date);\n      if (!keepOpenOnDateSelect || event.key === 'Enter') {\n        this.setState({ inputFocused: false });\n        onBlur(date.format(FORMAT), date);\n      }\n    }\n  };\n\n  handleInputChange = (dataInput, newDate) => {\n    const { onChange } = this.props;\n    const newState = {\n      dataInput,\n      selectedDate: newDate,\n    };\n    this.setState(() => newState);\n    onChange(dataInput, newDate);\n  };\n\n  handleChange = (newDate) => {\n    if (!newDate) return;\n    const { onDateChange } = this.props;\n    const momentValue = moment(newDate, FORMAT, true);\n    if (!momentValue.isValid()) return;\n    this.setState({ selectedDate: momentValue });\n\n    onDateChange(momentValue);\n  };\n\n  handleFocus = ({ focused }) => {\n    this.setState({ inputFocused: focused });\n  };\n\n  handleCalendarClose = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleClickEscape = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleOnBlur = () => {\n    setTimeout(() => {\n      const { onBlur, autoClear } = this.props;\n      const { dataInput, selectedDate } = this.state;\n\n      if (moment(selectedDate, FORMAT, true).isValid()) {\n        onBlur(dataInput, selectedDate);\n      } else {\n        if (autoClear) {\n          this.setState({ dataInput: undefined });\n        }\n        onBlur(dataInput, null);\n      }\n    });\n  };\n\n  handleInputFocus = (dataInput) => {\n    const { onFocus } = this.props;\n    onFocus(dataInput);\n  };\n\n  render() {\n    const { inputFocused } = this.state;\n    const {\n      disabled,\n      numberOfMonths,\n      readOnly,\n      enableOutsideDays,\n      transitionDuration,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onPrevMonthClick,\n      onNextMonthClick,\n      onClose,\n      phrases,\n      placeholder,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      tabIndex,\n      zIndex,\n      pickerProps,\n      calendarProps,\n      focusCurrentDate,\n    } = this.props;\n    const safedate = this.getSafeValue();\n    const safeInputValue = this.getSafeInputValue();\n    const hasSelectedDate = !!safedate;\n    return (\n      <DSInputGroup\n        rightAddon={\n          <DatePickerDropdown\n            pickerRef={this.state.pickerRef}\n            disabled={disabled}\n            isOpen={inputFocused}\n            menu={\n              <div\n                style={{ minHeight: '310px', zIndex: 1 }}\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={safedate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={this.handleClickEscape}\n                  onClose={(...args) => {\n                    if (this.state.pickerRef.current) this.state.pickerRef.current.focus();\n                    onClose(...args);\n                    this.setState({ inputFocused: false });\n                  }}\n                  onDateChange={this.handleDateChange}\n                  onFocusChange={this.handleFocus}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={this.handleCalendarClose}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                  calendarProps={calendarProps}\n                  focusCurrentDate={focusCurrentDate}\n                />\n              </div>\n            }\n            onClick={this.onClickPicker}\n            readOnly={readOnly}\n            zIndex={zIndex}\n            pickerProps={pickerProps}\n          />\n        }\n      >\n        <DSDateInputV2\n          data-testid=\"datepicker-input\"\n          aria-label={placeholder || 'Date Picker Input'}\n          disabled={disabled}\n          onBlur={this.handleOnBlur}\n          onChange={this.handleInputChange}\n          onDateChange={this.handleChange}\n          onFocus={this.handleInputFocus}\n          placeholder={placeholder}\n          tabIndex={tabIndex}\n          value={safeInputValue}\n        />\n      </DSInputGroup>\n    );\n  }\n}\n\nexport { DSDatePickerImpl };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}