@jetbrains/ring-ui-built 6.0.1

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

@@ -0,0 +1,177 @@
+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/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,
+        text = _this$props.text,
+        active = _this$props.active;
+      if (text !== prevProps.text || active !== prevProps.active) {
+        this.updateInput({
+          text,
+          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,
+  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/components/date-picker/date-picker.d.ts

@@ -0,0 +1,77 @@
+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/components/date-picker/date-picker.js

@@ -0,0 +1,404 @@
+import { _ as _defineProperty, j as _slicedToArray, m 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 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/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.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 '../_helpers/link.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,
+    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
+  })));
+};
+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 || _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)], {
+        [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,
+          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
+    }) : '';
+  },
+  displayMonthFormat: function displayMonthFormat(date, locale) {
+    return date ? format(date, 'd MMM', {
+      locale
+    }) : '';
+  },
+  displayDayFormat: function displayDayFormat(date, locale) {
+    return date ? format(date, 'd', {
+      locale
+    }) : '';
+  },
+  displayTimeFormat: function displayTimeFormat(date, locale) {
+    return date ? format(date, 'HH:mm', {
+      locale
+    }) : '';
+  },
+  minDate: null,
+  maxDate: null,
+  onChange() {},
+  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,
+      minutes
+    }) : date;
+  },
+  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 };