@jetbrains/ring-ui 6.0.3-beta.0 → 6.0.3

package/dist/date-picker/date-input.js

@@ -1,180 +0,0 @@
-import { a as _inherits, b as _createSuper, d as _createClass, _ as _defineProperty, c as _classCallCheck, k as _assertThisInitialized } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
-import React from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { I as Input } from '../_helpers/input.js';
-import { ControlsHeight } from '../global/controls-height.js';
-import { I18nContext } from '../i18n/i18n-context.js';
-import { dateType } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import 'core-js/modules/es.object.values.js';
-import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
-import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import '../global/composeRefs.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import '../control-label/control-label.js';
-import '../i18n/i18n.js';
-import 'core-js/modules/es.set.js';
-import 'date-fns/add';
-
-var DateInput = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(DateInput, _React$PureComponent);
-  var _super = _createSuper(DateInput);
-  function DateInput() {
-    var _this;
-    _classCallCheck(this, DateInput);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "input", void 0);
-    _defineProperty(_assertThisInitialized(_this), "inputRef", function (el) {
-      _this.input = el;
-      _this.updateInput(_this.props);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (e) {
-      return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
-      return e.key === 'Enter' && _this.props.onConfirm();
-    });
-    return _this;
-  }
-  _createClass(DateInput, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props = this.props,
-        hidden = _this$props.hidden,
-        text = _this$props.text,
-        active = _this$props.active;
-      if (!hidden && prevProps.hidden || text !== prevProps.text || active !== prevProps.active) {
-        this.updateInput({
-          text: text,
-          active: active
-        });
-      }
-    }
-  }, {
-    key: "updateInput",
-    value: function updateInput(_ref) {
-      var text = _ref.text,
-        active = _ref.active;
-      var el = this.input;
-      if (!el) {
-        return;
-      }
-      if (active) {
-        el.focus();
-        if (!text) {
-          el.select();
-        }
-      } else {
-        el.blur();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        active = _this$props2.active,
-        divider = _this$props2.divider,
-        text = _this$props2.text,
-        time = _this$props2.time,
-        name = _this$props2.name,
-        hoverDate = _this$props2.hoverDate,
-        date = _this$props2.date,
-        displayFormat = _this$props2.displayFormat,
-        translations = _this$props2.translations,
-        onActivate = _this$props2.onActivate,
-        onClear = _this$props2.onClear,
-        fromPlaceholder = _this$props2.fromPlaceholder,
-        toPlaceholder = _this$props2.toPlaceholder,
-        timePlaceholder = _this$props2.timePlaceholder,
-        locale = _this$props2.locale;
-      var translate = this.context.translate;
-      var displayText = '';
-      if (active && hoverDate) {
-        displayText = displayFormat(hoverDate, locale);
-      } else if (active && text != null) {
-        displayText = text;
-      } else if (date) {
-        displayText = displayFormat(date, locale);
-      } else if (name === 'time') {
-        displayText = time || '';
-      }
-      var placeholder = function (_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) {
-        switch (name) {
-          case 'from':
-            return fromPlaceholder || ((_translations$addFirs = translations === null || translations === void 0 ? void 0 : translations.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
-          case 'to':
-            return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : translations.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
-          case 'time':
-            return timePlaceholder || ((_translations$addTime = translations === null || translations === void 0 ? void 0 : translations.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
-          default:
-            return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
-        }
-      }();
-      var classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
-      return /*#__PURE__*/React.createElement(Input, {
-        autoComplete: "off",
-        borderless: true,
-        height: ControlsHeight.L,
-        "data-name": name,
-        inputRef: this.inputRef,
-        className: classes,
-        value: displayText,
-        onChange: this.handleChange,
-        onFocus: onActivate,
-        onKeyDown: this.handleKeyDown,
-        onClear: onClear,
-        placeholder: placeholder
-      });
-    }
-  }]);
-  return DateInput;
-}(React.PureComponent);
-_defineProperty(DateInput, "propTypes", {
-  active: PropTypes.bool,
-  divider: PropTypes.bool,
-  name: PropTypes.string,
-  text: PropTypes.string,
-  hoverDate: dateType,
-  date: dateType,
-  time: PropTypes.string,
-  displayFormat: PropTypes.func,
-  hidden: PropTypes.bool,
-  translations: PropTypes.object,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string,
-  onInput: PropTypes.func,
-  onActivate: PropTypes.func,
-  onConfirm: PropTypes.func,
-  onClear: PropTypes.func,
-  locale: PropTypes.object
-});
-_defineProperty(DateInput, "contextType", I18nContext);
-
-export { DateInput as default };

package/dist/date-picker/date-picker.d.ts

@@ -1,77 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import type { Locale } from 'date-fns';
-import Popup from '../popup/popup';
-import { DropdownAttrs } from '../dropdown/dropdown';
-import { Size } from '../input/input';
-import { DatePopupProps } from './date-popup';
-import { DateInputTranslations, DatePickerChange } from './consts';
-export interface DatePickerTranslations extends Partial<DateInputTranslations> {
-    setDate: string;
-    setDateTime: string;
-    setPeriod: string;
-}
-export type DatePickerProps = Omit<DatePopupProps, 'translations' | 'parseDateInput' | 'onComplete' | 'hidden'> & {
-    className: string;
-    clear: boolean;
-    inline: boolean;
-    popupClassName?: string | null | undefined;
-    dropdownProps?: DropdownAttrs;
-    translations?: DatePickerTranslations | null | undefined;
-    displayMonthFormat: (date: Date, locale: Locale | undefined) => string;
-    displayDayFormat: (date: Date, locale: Locale | undefined) => string;
-    displayTimeFormat: (date: Date, locale: Locale | undefined) => string;
-    applyTimeInput: (date: Date, time: string | null | undefined) => Date;
-    datePlaceholder?: string;
-    dateTimePlaceholder?: string;
-    rangePlaceholder?: string;
-    disabled?: boolean | null | undefined;
-    parseDateInput: (input: string | null | undefined) => Date | null;
-    size?: Size;
-};
-/**
- * @name Date Picker
- */
-export default class DatePicker extends PureComponent<DatePickerProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        popupClassName: PropTypes.Requireable<string>;
-        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        withTime: PropTypes.Requireable<boolean>;
-        range: PropTypes.Requireable<boolean>;
-        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        clear: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayMonthFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayDayFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        displayTimeFormat: PropTypes.Requireable<(...args: any[]) => any>;
-        parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
-        applyTimeInput: PropTypes.Requireable<(...args: any[]) => any>;
-        datePlaceholder: PropTypes.Requireable<string>;
-        dateTimePlaceholder: PropTypes.Requireable<string>;
-        rangePlaceholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        dropdownProps: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        translations: PropTypes.Requireable<object>;
-        locale: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<Size>;
-    };
-    static defaultProps: DatePickerProps;
-    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
-    context: React.ContextType<typeof DatePicker.contextType>;
-    handleChange: (change: DatePickerChange | Date | null | undefined) => void;
-    clear: () => void;
-    popup?: Popup | null;
-    popupRef: (el: Popup | null) => void;
-    closePopup: () => void;
-    parse: (arg: string | number | Date | null | undefined) => Date | null;
-    formatTime(): string | null;
-    getAnchorText: () => string;
-    render(): React.JSX.Element;
-}
-export type DatePickerAttrs = JSX.LibraryManagedAttributes<typeof DatePicker, DatePickerProps>;

package/dist/date-picker/date-picker.js

@@ -1,406 +0,0 @@
-import { _ as _defineProperty, j as _slicedToArray, n as _createForOfIteratorHelper, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.values.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.number.constructor.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import format from 'date-fns/format';
-import isSameDay from 'date-fns/isSameDay';
-import isSameMonth from 'date-fns/isSameMonth';
-import isSameYear from 'date-fns/isSameYear';
-import isValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
-import set from 'date-fns/set';
-import calendarIcon from '@jetbrains/icons/calendar';
-import chevronDownIcon from '@jetbrains/icons/chevron-down';
-import memoize from '../global/memoize.js';
-import Popup from '../popup/popup.js';
-import Dropdown from '../dropdown/dropdown.js';
-import Icon from '../icon/icon.js';
-import { Button } from '../button/button.js';
-import Link from '../link/link.js';
-import { S as Size } from '../_helpers/input.js';
-import { I18nContext } from '../i18n/i18n-context.js';
-import DatePopup from './date-popup.js';
-import { dateType } from './consts.js';
-import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import formats from './formats.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
-import 'core-js/modules/es.set.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import '../global/typescript-utils.js';
-import '../_helpers/anchor.js';
-import '@jetbrains/icons/chevron-10px';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../link/clickableLink.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../control-label/control-label.js';
-import '../i18n/i18n.js';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/startOfDay';
-import 'date-fns';
-import './date-input.js';
-import 'date-fns/add';
-import './months.js';
-import 'date-fns/addMonths';
-import 'date-fns/getDay';
-import 'date-fns/getDaysInMonth';
-import 'date-fns/startOfMonth';
-import 'date-fns/subMonths';
-import 'date-fns/endOfMonth';
-import '../global/linear-function.js';
-import '../global/use-event-callback.js';
-import './month.js';
-import 'date-fns/addDays';
-import 'date-fns/setDay';
-import './day.js';
-import 'date-fns/getDate';
-import 'date-fns/isToday';
-import './month-names.js';
-import 'date-fns/isThisMonth';
-import 'date-fns/startOfYear';
-import './month-slider.js';
-import 'date-fns/addYears';
-import 'date-fns/subYears';
-import './years.js';
-import 'date-fns/getYear';
-import 'date-fns/isThisYear';
-import 'date-fns/setYear';
-import './weekdays.js';
-
-var _excluded = ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"],
-  _excluded2 = ["className", "popupClassName", "clear", "inline", "dropdownProps", "translations"];
-var PopupComponent = function PopupComponent(_ref) {
-  var _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-    className = _ref.className,
-    popupRef = _ref.popupRef,
-    onClear = _ref.onClear,
-    datePopupProps = _ref.datePopupProps,
-    onComplete = _ref.onComplete,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Popup, _extends({
-    hidden: hidden,
-    keepMounted: true,
-    className: className,
-    ref: popupRef,
-    directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT]
-  }, restProps), /*#__PURE__*/React.createElement(DatePopup, _extends({
-    onClear: onClear
-  }, datePopupProps, {
-    onComplete: onComplete,
-    hidden: hidden
-  })));
-};
-PopupComponent.propTypes = {
-  hidden: PropTypes.bool,
-  className: PropTypes.string,
-  popupRef: PropTypes.func,
-  onClear: PropTypes.func,
-  datePopupProps: PropTypes.shape(DatePopup.propTypes),
-  onComplete: PropTypes.func
-};
-/**
- * @name Date Picker
- */
-var DatePicker = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DatePicker, _PureComponent);
-  var _super = _createSuper(DatePicker);
-  function DatePicker() {
-    var _this;
-    _classCallCheck(this, DatePicker);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (change) {
-      var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        withTime = _this$props.withTime,
-        applyTimeInput = _this$props.applyTimeInput;
-      var adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
-      onChange(adjustedChange);
-    });
-    _defineProperty(_assertThisInitialized(_this), "clear", function () {
-      var change = null;
-      if (_this.props.range) {
-        change = {
-          from: null,
-          to: null
-        };
-      }
-      _this.handleChange(change);
-    });
-    _defineProperty(_assertThisInitialized(_this), "popup", void 0);
-    _defineProperty(_assertThisInitialized(_this), "popupRef", function (el) {
-      _this.popup = el;
-    });
-    _defineProperty(_assertThisInitialized(_this), "closePopup", function () {
-      var _this$popup;
-      (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup._onCloseAttempt();
-    });
-    _defineProperty(_assertThisInitialized(_this), "parse", memoize(function (date) {
-      var parseDateInput = _this.props.parseDateInput;
-      if (date instanceof Date) {
-        return date;
-      }
-      if (typeof date === 'number') {
-        return new Date(date);
-      }
-      return parseDateInput(date);
-    }));
-    _defineProperty(_assertThisInitialized(_this), "getAnchorText", function () {
-      var _this$props2 = _this.props,
-        range = _this$props2.range,
-        datePlaceholder = _this$props2.datePlaceholder,
-        dateTimePlaceholder = _this$props2.dateTimePlaceholder,
-        rangePlaceholder = _this$props2.rangePlaceholder,
-        withTime = _this$props2.withTime,
-        displayFormat = _this$props2.displayFormat,
-        displayMonthFormat = _this$props2.displayMonthFormat,
-        displayDayFormat = _this$props2.displayDayFormat,
-        translations = _this$props2.translations,
-        locale = _this$props2.locale;
-      var translate = _this.context.translate;
-      var date = _this.parse(_this.props.date);
-      var from = _this.parse(_this.props.from);
-      var to = _this.parse(_this.props.to);
-      var time = _this.formatTime();
-      if (!range && !withTime) {
-        var _ref2;
-        return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
-      } else if (!range && withTime) {
-        if (!date && !time) {
-          var _ref3;
-          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
-        } else {
-          return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
-        }
-      } else if (from && to) {
-        if (!isSameYear(from, to)) {
-          return "".concat(displayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else if (!isSameMonth(from, to)) {
-          return "".concat(displayMonthFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else if (!isSameDay(from, to)) {
-          return "".concat(displayDayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
-        } else {
-          return "".concat(displayFormat(to, locale));
-        }
-      } else if (from) {
-        return "".concat(displayFormat(from, locale), " \u2014");
-      } else if (to) {
-        return "\u2014 ".concat(displayFormat(to, locale));
-      } else {
-        var _ref4;
-        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
-      }
-    });
-    return _this;
-  }
-  _createClass(DatePicker, [{
-    key: "formatTime",
-    value: function formatTime() {
-      var _this$props3 = this.props,
-        displayTimeFormat = _this$props3.displayTimeFormat,
-        locale = _this$props3.locale;
-      var date = this.parse(this.props.date);
-      if (date != null) {
-        return displayTimeFormat(date, locale);
-      }
-      return null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props$disabled, _this$props$disabled2;
-      var anchorContent = /*#__PURE__*/React.createElement("div", {
-        className: modules_0c7b7d96.anchorContent
-      }, /*#__PURE__*/React.createElement(Icon, {
-        glyph: calendarIcon,
-        className: modules_0c7b7d96.calendarIcon
-      }), this.getAnchorText(), /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronDownIcon,
-        className: modules_0c7b7d96.chevronDownIcon
-      }));
-      var _this$props4 = this.props,
-        className = _this$props4.className,
-        popupClassName = _this$props4.popupClassName,
-        clear = _this$props4.clear,
-        inline = _this$props4.inline,
-        dropdownProps = _this$props4.dropdownProps,
-        translations = _this$props4.translations,
-        datePopupProps = _objectWithoutProperties(_this$props4, _excluded2);
-      var classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], _defineProperty({}, modules_0c7b7d96.inline, inline));
-      return /*#__PURE__*/React.createElement(Dropdown, _extends({
-        className: classes,
-        disabled: this.props.disabled,
-        anchor: inline ? /*#__PURE__*/React.createElement(Link, {
-          "data-test-ring-dropdown-anchor": true,
-          className: modules_0c7b7d96.anchor,
-          disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
-          pseudo: true
-        }, this.getAnchorText()) : /*#__PURE__*/React.createElement(Button, {
-          "data-test-ring-dropdown-anchor": true,
-          className: modules_0c7b7d96.anchor,
-          text: false,
-          disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
-        }, anchorContent)
-      }, dropdownProps), /*#__PURE__*/React.createElement(PopupComponent, {
-        className: popupClassName,
-        popupRef: this.popupRef,
-        onClear: clear ? this.clear : null,
-        datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
-          translations: translations,
-          onChange: this.handleChange,
-          parseDateInput: this.parse,
-          time: this.formatTime()
-        }),
-        onComplete: this.closePopup
-      }));
-    }
-  }]);
-  return DatePicker;
-}(PureComponent);
-_defineProperty(DatePicker, "propTypes", {
-  className: PropTypes.string,
-  popupClassName: PropTypes.string,
-  date: dateType,
-  withTime: PropTypes.bool,
-  range: PropTypes.bool,
-  from: dateType,
-  to: dateType,
-  clear: PropTypes.bool,
-  inline: PropTypes.bool,
-  displayFormat: PropTypes.func,
-  displayMonthFormat: PropTypes.func,
-  displayDayFormat: PropTypes.func,
-  displayTimeFormat: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  applyTimeInput: PropTypes.func,
-  datePlaceholder: PropTypes.string,
-  dateTimePlaceholder: PropTypes.string,
-  rangePlaceholder: PropTypes.string,
-  onChange: PropTypes.func,
-  dropdownProps: PropTypes.object,
-  disabled: PropTypes.bool,
-  minDate: dateType,
-  maxDate: dateType,
-  translations: PropTypes.object,
-  locale: PropTypes.object,
-  size: PropTypes.oneOf(Object.values(Size))
-});
-_defineProperty(DatePicker, "defaultProps", {
-  className: '',
-  date: null,
-  withTime: false,
-  range: false,
-  from: null,
-  to: null,
-  clear: false,
-  inline: false,
-  size: Size.M,
-  displayFormat: function displayFormat(date, locale) {
-    return date ? format(date, 'd MMM yyyy', {
-      locale: locale
-    }) : '';
-  },
-  displayMonthFormat: function displayMonthFormat(date, locale) {
-    return date ? format(date, 'd MMM', {
-      locale: locale
-    }) : '';
-  },
-  displayDayFormat: function displayDayFormat(date, locale) {
-    return date ? format(date, 'd', {
-      locale: locale
-    }) : '';
-  },
-  displayTimeFormat: function displayTimeFormat(date, locale) {
-    return date ? format(date, 'HH:mm', {
-      locale: locale
-    }) : '';
-  },
-  minDate: null,
-  maxDate: null,
-  onChange: function onChange() {},
-  applyTimeInput: function applyTimeInput(date, timeString) {
-    var _timeString$split$map;
-    var _ref5 = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [],
-      _ref6 = _slicedToArray(_ref5, 2),
-      hours = _ref6[0],
-      minutes = _ref6[1];
-    return minutes != null ? set(date, {
-      hours: hours,
-      minutes: minutes
-    }) : date;
-  },
-  parseDateInput: function parseDateInput(string) {
-    if (!string) {
-      return null;
-    }
-    var today = new Date();
-    var _iterator = _createForOfIteratorHelper(formats),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var format = _step.value;
-        var date = parse(string, format, today);
-        if (isValid(date)) {
-          return date;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return null;
-  }
-});
-_defineProperty(DatePicker, "contextType", I18nContext);
-
-export { DatePicker as default };