@dnb/eufemia 10.55.0 → 10.56.0

package/cjs/components/date-picker/DatePickerOld.js

@@ -1,538 +0,0 @@
-"use strict";
-"use client";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _componentHelper = require("../../shared/component-helper");
-var _AlignmentHelper2 = _interopRequireDefault(require("../../shared/AlignmentHelper"));
-var _SpacingHelper = require("../space/SpacingHelper");
-var _filterValidProps = require("../../shared/helpers/filterValidProps");
-var _SkeletonHelper = require("../skeleton/SkeletonHelper");
-var _format = _interopRequireDefault(require("date-fns/format"));
-var _nb = _interopRequireDefault(require("date-fns/locale/nb"));
-var _enGB = _interopRequireDefault(require("date-fns/locale/en-GB"));
-var _Context = _interopRequireDefault(require("../../shared/Context"));
-var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
-var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
-var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
-var _DatePickerProvider = _interopRequireDefault(require("./DatePickerProvider"));
-var _DatePickerRange = _interopRequireDefault(require("./DatePickerRange"));
-var _DatePickerInput = _interopRequireDefault(require("./DatePickerInput"));
-var _DatePickerAddon = _interopRequireDefault(require("./DatePickerAddon"));
-var _DatePickerFooter = _interopRequireDefault(require("./DatePickerFooter"));
-var _AlignmentHelper;
-const _excluded = ["hidePicker"],
-  _excluded2 = ["label", "title", "label_direction", "label_sr_only", "only_month", "hide_last_week", "disable_autofocus", "enable_keyboard_nav", "hide_navigation_buttons", "show_input", "range", "first_day", "reset_date", "locale", "link", "sync", "input_element", "addon_element", "shortcuts", "disabled", "stretch", "skeleton", "size", "status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "mask_order", "mask_placeholder", "align_picker", "submit_button_text", "cancel_button_text", "reset_button_text", "tooltip", "hide_navigation", "return_format", "date_format", "hide_days", "month", "date", "start_date", "end_date", "min_date", "max_date", "correct_invalid_date", "opened", "direction", "id", "className", "show_submit_button", "show_cancel_button", "show_reset_button"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class DatePicker extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "setTrianglePosition", () => {
-      const {
-        show_input,
-        align_picker
-      } = this.props;
-      const triangleWidth = 16;
-      if ((0, _componentHelper.isTrue)(show_input) && this._triangleRef.current && this._innerRef.current) {
-        try {
-          const shellWidth = this._innerRef.current.querySelector('.dnb-input__shell').getBoundingClientRect().width;
-          const buttonWidth = this._innerRef.current.querySelector('.dnb-input__submit-button__button').getBoundingClientRect().width;
-          if (align_picker === 'right') {
-            const distance = buttonWidth / 2 - triangleWidth / 2;
-            this._triangleRef.current.style.marginRight = `${distance / 16}rem`;
-          } else {
-            const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2;
-            this._triangleRef.current.style.marginLeft = `${distance / 16}rem`;
-          }
-        } catch (e) {
-          (0, _componentHelper.warn)(e);
-        }
-      }
-    });
-    _defineProperty(this, "setOutsideClickHandler", () => {
-      this.outsideClick = (0, _componentHelper.detectOutsideClick)(this._innerRef.current, e => {
-        var _e$event;
-        this.hidePicker({
-          focusOnHide: e === null || e === void 0 ? void 0 : (_e$event = e.event) === null || _e$event === void 0 ? void 0 : _e$event.key
-        });
-      });
-    });
-    _defineProperty(this, "onPickerChange", _ref => {
-      let {
-          hidePicker = true
-        } = _ref,
-        args = _objectWithoutProperties(_ref, _excluded);
-      if (hidePicker && !(0, _componentHelper.isTrue)(this.props.show_submit_button) && !(0, _componentHelper.isTrue)(this.props.show_cancel_button)) {
-        this.hidePicker(args);
-      }
-    });
-    _defineProperty(this, "onSubmitHandler", args => {
-      this.hidePicker(args);
-      (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_submit', this.getReturnObject(args));
-    });
-    _defineProperty(this, "onCancelHandler", args => {
-      this.hidePicker(args);
-      (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_cancel', this.getReturnObject(args));
-    });
-    _defineProperty(this, "onResetHandler", args => {
-      this.hidePicker(args);
-      (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_reset', this.getReturnObject(args));
-    });
-    _defineProperty(this, "showPicker", args => {
-      if (this._hideTimeout) {
-        clearTimeout(this._hideTimeout);
-      }
-      this.setState({
-        opened: true,
-        hidden: false,
-        _listenForPropChanges: false
-      });
-      (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_show', this.getReturnObject(args));
-      this.setTrianglePosition();
-      this.setOutsideClickHandler();
-    });
-    _defineProperty(this, "hidePicker", args => {
-      if ((0, _componentHelper.isTrue)(this.props.prevent_close)) {
-        return;
-      }
-      if (args && args.event && args.event.persist) {
-        args.event.persist();
-      }
-      this.setState({
-        opened: false,
-        _listenForPropChanges: false
-      }, () => {
-        (0, _componentHelper.dispatchCustomElementEvent)(this, 'on_hide', this.getReturnObject(args));
-      });
-      this._hideTimeout = setTimeout(() => {
-        this.setState({
-          hidden: true,
-          _listenForPropChanges: false
-        }, () => {
-          if (args !== null && args !== void 0 && args.focusOnHide) {
-            try {
-              this._submitButtonRef.current.focus({
-                preventScroll: true
-              });
-            } catch (e) {
-              (0, _componentHelper.warn)(e);
-            }
-          }
-        });
-      }, (0, _componentHelper.isTrue)(this.props.no_animation) ? 1 : DatePicker.blurDelay);
-      this.removeOutsideClickHandler();
-    });
-    _defineProperty(this, "togglePicker", args => {
-      !this.state.opened ? this.showPicker(args && args.event || args) : this.hidePicker(args && args.event || args);
-    });
-    this._id = props.id || (0, _componentHelper.makeUniqueId)();
-    const opened = (0, _componentHelper.isTrue)(props.opened);
-    this.state = {
-      showInput: (0, _componentHelper.isTrue)(props.show_input),
-      opened,
-      hidden: !opened,
-      direction: props.direction,
-      _listenForPropChanges: true
-    };
-    if (props.end_date && !(0, _componentHelper.isTrue)(props.range)) {
-      (0, _componentHelper.warn)(`The DatePicker got a "end_date". You have to set range={true} as well!.`);
-    }
-    this._innerRef = _react.default.createRef();
-    this._triangleRef = _react.default.createRef();
-    this._submitButtonRef = _react.default.createRef();
-  }
-  removeOutsideClickHandler() {
-    if (this.outsideClick) {
-      this.outsideClick.remove();
-    }
-  }
-  componentWillUnmount() {
-    clearTimeout(this._hideTimeout);
-    this.removeOutsideClickHandler();
-  }
-  componentDidMount() {
-    if ((0, _componentHelper.isTrue)(this.props.opened)) {
-      this.showPicker();
-    }
-  }
-  formatSelectedDateTitle() {
-    const {
-      range
-    } = this.props;
-    const {
-      startDate,
-      endDate
-    } = this.state;
-    const {
-      selected_date,
-      start,
-      end
-    } = this.context.getTranslation(this.props).DatePicker;
-    let currentDate = startDate ? (0, _format.default)(startDate, 'PPPP') : null;
-    if ((0, _componentHelper.isTrue)(range) && startDate && endDate) {
-      currentDate = `${start} ${currentDate} - ${end} ${(0, _format.default)(endDate, 'PPPP')}`;
-    }
-    return currentDate ? selected_date.replace(/%s/, currentDate) : '';
-  }
-  render() {
-    var _this$context, _this$context2, _this$context3;
-    const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, DatePicker.defaultProps, {
-      skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.getTranslation({
-      lang: this.props.lang,
-      locale: this.props.locale.code
-    }).DatePicker, (0, _filterValidProps.pickFormElementProps)((_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.FormRow), (0, _filterValidProps.pickFormElementProps)((_this$context3 = this.context) === null || _this$context3 === void 0 ? void 0 : _this$context3.formElement), this.context.DatePicker);
-    if (props.locale !== _enGB.default && /en-/.test(this.context.locale)) {
-      props.locale = _enGB.default;
-    }
-    const {
-        label,
-        title,
-        label_direction,
-        label_sr_only,
-        only_month,
-        hide_last_week,
-        disable_autofocus,
-        enable_keyboard_nav,
-        hide_navigation_buttons,
-        show_input,
-        range,
-        first_day,
-        reset_date,
-        locale,
-        link,
-        sync,
-        input_element,
-        addon_element,
-        shortcuts,
-        disabled,
-        stretch,
-        skeleton,
-        size,
-        status,
-        status_state,
-        status_props,
-        status_no_animation,
-        globalStatus,
-        suffix,
-        mask_order,
-        mask_placeholder,
-        align_picker,
-        submit_button_text,
-        cancel_button_text,
-        reset_button_text,
-        tooltip,
-        hide_navigation: _hide_navigation,
-        return_format: _return_format,
-        date_format: _date_format,
-        hide_days: _hide_days,
-        month: _month,
-        date: _date,
-        start_date: _start_date,
-        end_date: _end_date,
-        min_date: _min_date,
-        max_date: _max_date,
-        correct_invalid_date: _correct_invalid_date,
-        opened: _opened,
-        direction: _direction,
-        id: _id,
-        className,
-        show_submit_button,
-        show_cancel_button,
-        show_reset_button
-      } = props,
-      attributes = _objectWithoutProperties(props, _excluded2);
-    let {
-      hide_navigation,
-      hide_days
-    } = this.props;
-    if ((0, _componentHelper.isTrue)(only_month)) {
-      hide_days = true;
-      hide_navigation = (0, _componentHelper.isTrue)(hide_navigation_buttons) ? false : true;
-    }
-    const {
-      opened,
-      hidden,
-      showInput
-    } = this.state;
-    const id = this._id;
-    const showStatus = (0, _componentHelper.getStatusState)(status);
-    const pickerParams = {};
-    if (showStatus || suffix) {
-      pickerParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(pickerParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
-    }
-    const submitParams = {
-      ['aria-expanded']: opened,
-      ref: this._submitButtonRef,
-      tabIndex: props.tabIndex,
-      tooltip
-    };
-    const selectedDateTitle = this.formatSelectedDateTitle();
-    const mainParams = {
-      className: (0, _classnames.default)("dnb-date-picker dnb-form-component", ((0, _componentHelper.isTrue)(range) || (0, _componentHelper.isTrue)(show_submit_button) || (0, _componentHelper.isTrue)(show_cancel_button) || (0, _componentHelper.isTrue)(show_reset_button)) && 'dnb-date-picker--show-footer', (0, _SpacingHelper.createSpacingClasses)(props), className, status && `dnb-date-picker__status--${status_state}`, label_direction && `dnb-date-picker--${label_direction}`, opened && 'dnb-date-picker--opened', hidden && 'dnb-date-picker--hidden', showInput && 'dnb-date-picker--show-input', align_picker && `dnb-date-picker--${align_picker}`, (0, _componentHelper.isTrue)(stretch) && `dnb-date-picker--stretch`, size && `dnb-date-picker--${size}`)
-    };
-    if (locale !== null && locale !== void 0 && locale.code) {
-      mainParams.lang = locale.code;
-    }
-    (0, _SkeletonHelper.skeletonDOMAttributes)(pickerParams, skeleton, this.context);
-    (0, _componentHelper.validateDOMAttributes)(this.props, attributes);
-    (0, _componentHelper.validateDOMAttributes)(null, submitParams);
-    (0, _componentHelper.validateDOMAttributes)(null, pickerParams);
-    return _react.default.createElement(_DatePickerProvider.default, _extends({}, this.props, {
-      attributes: attributes,
-      setReturnObject: fn => this.getReturnObject = fn,
-      enhanceWithMethods: {
-        hidePicker: this.hidePicker
-      }
-    }), _react.default.createElement("span", mainParams, label && _react.default.createElement(_FormLabel.default, {
-      id: id + '-label',
-      forId: id,
-      text: label,
-      labelDirection: label_direction,
-      srOnly: label_sr_only,
-      disabled: disabled,
-      skeleton: skeleton
-    }), _react.default.createElement("span", _extends({
-      className: "dnb-date-picker__inner",
-      ref: this._innerRef
-    }, pickerParams), _AlignmentHelper || (_AlignmentHelper = _react.default.createElement(_AlignmentHelper2.default, null)), _react.default.createElement(_FormStatus.default, _extends({
-      show: showStatus,
-      id: id + '-form-status',
-      globalStatus: globalStatus,
-      label: label,
-      text_id: id + '-status',
-      width_selector: id + '-shell',
-      text: status,
-      state: status_state,
-      no_animation: status_no_animation,
-      skeleton: skeleton
-    }, status_props)), _react.default.createElement("span", {
-      className: "dnb-date-picker__row"
-    }, _react.default.createElement("span", {
-      className: "dnb-date-picker__shell",
-      id: `${id}-shell`
-    }, _react.default.createElement(_DatePickerInput.default, _extends({
-      id: id,
-      title: title,
-      disabled: (0, _componentHelper.isTrue)(disabled),
-      stretch: (0, _componentHelper.isTrue)(stretch),
-      skeleton: (0, _componentHelper.isTrue)(skeleton),
-      maskOrder: mask_order,
-      maskPlaceholder: mask_placeholder,
-      isRange: (0, _componentHelper.isTrue)(range),
-      showInput: showInput,
-      selectedDateTitle: selectedDateTitle,
-      input_element: input_element,
-      opened: opened,
-      hidden: hidden,
-      size: size,
-      status: status ? 'error' : null,
-      status_state: status_state,
-      locale: locale
-    }, attributes, {
-      submitAttributes: submitParams,
-      onSubmit: this.togglePicker,
-      onBlur: this.props.onBlur
-    }, status_props)), _react.default.createElement("span", {
-      className: "dnb-date-picker__container"
-    }, _react.default.createElement("span", {
-      className: "dnb-date-picker__triangle",
-      ref: this._triangleRef
-    }), !hidden && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_DatePickerRange.default, {
-      id: id,
-      firstDayOfWeek: first_day,
-      locale: locale,
-      resetDate: (0, _componentHelper.isTrue)(reset_date),
-      isRange: (0, _componentHelper.isTrue)(range),
-      isLink: (0, _componentHelper.isTrue)(link),
-      isSync: (0, _componentHelper.isTrue)(sync),
-      hideDays: (0, _componentHelper.isTrue)(hide_days),
-      hideNav: (0, _componentHelper.isTrue)(hide_navigation),
-      views: (0, _componentHelper.isTrue)(hide_navigation_buttons) ? [{
-        nextBtn: false,
-        prevBtn: false
-      }] : null,
-      onlyMonth: (0, _componentHelper.isTrue)(only_month),
-      hideNextMonthWeek: (0, _componentHelper.isTrue)(hide_last_week),
-      noAutofocus: (0, _componentHelper.isTrue)(disable_autofocus),
-      onChange: this.onPickerChange
-    }), (addon_element || shortcuts) && _react.default.createElement(_DatePickerAddon.default, _extends({}, props, {
-      renderElement: addon_element,
-      shortcuts: shortcuts
-    })), _react.default.createElement(_DatePickerFooter.default, {
-      isRange: (0, _componentHelper.isTrue)(range),
-      onSubmit: this.onSubmitHandler,
-      onCancel: this.onCancelHandler,
-      onReset: this.onResetHandler,
-      submitButtonText: submit_button_text,
-      cancelButtonText: cancel_button_text,
-      resetButtonText: reset_button_text
-    })))), suffix && _react.default.createElement(_Suffix.default, {
-      className: "dnb-date-picker__suffix",
-      id: id + '-suffix',
-      context: props
-    }, suffix))), _react.default.createElement("p", {
-      className: "dnb-sr-only",
-      "aria-live": "assertive"
-    }, selectedDateTitle)));
-  }
-}
-exports.default = DatePicker;
-_defineProperty(DatePicker, "contextType", _Context.default);
-_defineProperty(DatePicker, "defaultProps", {
-  id: null,
-  title: null,
-  date: undefined,
-  start_date: undefined,
-  end_date: undefined,
-  month: undefined,
-  start_month: undefined,
-  end_month: undefined,
-  mask_order: 'dd/mm/yyyy',
-  mask_placeholder: 'dd/mm/åååå',
-  date_format: 'yyyy-MM-dd',
-  return_format: 'yyyy-MM-dd',
-  hide_navigation: false,
-  hide_navigation_buttons: false,
-  hide_days: false,
-  only_month: false,
-  hide_last_week: false,
-  disable_autofocus: false,
-  enable_keyboard_nav: false,
-  show_input: false,
-  show_submit_button: null,
-  show_cancel_button: null,
-  show_reset_button: null,
-  submit_button_text: 'Ok',
-  cancel_button_text: 'Avbryt',
-  reset_button_text: 'Tilbakestill',
-  reset_date: true,
-  first_day: 'monday',
-  min_date: undefined,
-  max_date: undefined,
-  correct_invalid_date: null,
-  locale: _nb.default,
-  range: false,
-  link: false,
-  sync: true,
-  label: null,
-  label_direction: null,
-  label_sr_only: null,
-  input_element: null,
-  addon_element: null,
-  shortcuts: null,
-  disabled: null,
-  stretch: null,
-  skeleton: null,
-  size: null,
-  status: null,
-  status_state: 'error',
-  status_props: null,
-  status_no_animation: null,
-  globalStatus: null,
-  suffix: null,
-  opened: false,
-  prevent_close: null,
-  no_animation: false,
-  direction: 'auto',
-  align_picker: null,
-  className: null,
-  on_days_render: null,
-  on_change: null,
-  on_type: null,
-  on_show: null,
-  on_hide: null,
-  on_submit: null,
-  on_cancel: null,
-  on_reset: null,
-  onBlur: null
-});
-_defineProperty(DatePicker, "blurDelay", 201);
-process.env.NODE_ENV !== "production" ? DatePicker.propTypes = _objectSpread(_objectSpread({
-  id: _propTypes.default.string,
-  title: _propTypes.default.string,
-  date: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  start_date: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  end_date: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  month: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  start_month: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  end_month: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  min_date: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  max_date: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string]),
-  correct_invalid_date: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  mask_order: _propTypes.default.string,
-  mask_placeholder: _propTypes.default.string,
-  date_format: _propTypes.default.string,
-  return_format: _propTypes.default.string,
-  hide_navigation: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  hide_navigation_buttons: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  hide_days: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  only_month: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  hide_last_week: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  disable_autofocus: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  enable_keyboard_nav: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  show_input: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  show_submit_button: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  show_cancel_button: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  show_reset_button: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  submit_button_text: _propTypes.default.string,
-  cancel_button_text: _propTypes.default.string,
-  reset_button_text: _propTypes.default.string,
-  reset_date: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  first_day: _propTypes.default.string,
-  locale: _propTypes.default.object,
-  range: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  link: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  sync: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
-  label_direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
-  label_sr_only: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  input_element: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
-  addon_element: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  shortcuts: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
-  disabled: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  stretch: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  size: _propTypes.default.oneOf(['default', 'small', 'medium', 'large']),
-  status: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.func, _propTypes.default.node]),
-  status_state: _propTypes.default.string,
-  status_props: _propTypes.default.object,
-  status_no_animation: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  globalStatus: _propTypes.default.shape({
-    id: _propTypes.default.string,
-    message: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
-  }),
-  suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
-  opened: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  prevent_close: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  no_animation: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  direction: _propTypes.default.oneOf(['auto', 'top', 'bottom']),
-  align_picker: _propTypes.default.oneOf(['auto', 'left', 'right']),
-  className: _propTypes.default.string
-}, _SpacingHelper.spacingPropTypes), {}, {
-  on_days_render: _propTypes.default.func,
-  on_change: _propTypes.default.func,
-  on_type: _propTypes.default.func,
-  on_show: _propTypes.default.func,
-  on_hide: _propTypes.default.func,
-  on_submit: _propTypes.default.func,
-  on_cancel: _propTypes.default.func,
-  on_reset: _propTypes.default.func,
-  onBlur: _propTypes.default.func
-}) : void 0;
-DatePicker._formElement = true;
-DatePicker._supportsSpacingProps = true;
-//# sourceMappingURL=DatePickerOld.js.map