@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/date-picker.js

@@ -1,1398 +0,0 @@
-import { b as _defineProperty, a as _extends, c as _objectSpread2, _ as _objectWithoutProperties } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, 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 { m as memoize } from './_helpers/memoize.js';
-import { P as Popup } from './_helpers/popup.js';
-import Dropdown, { Anchor } from './dropdown.js';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import startOfDay from 'date-fns/startOfDay';
-import calendarIcon from '@jetbrains/icons/calendar';
-import Icon from './icon.js';
-import Input from './input.js';
-import add from 'date-fns/add';
-import addMonths from 'date-fns/addMonths';
-import getDay from 'date-fns/getDay';
-import getDaysInMonth from 'date-fns/getDaysInMonth';
-import startOfHour from 'date-fns/startOfHour';
-import startOfMonth from 'date-fns/startOfMonth';
-import subMonths from 'date-fns/subMonths';
-import endOfMonth from 'date-fns/endOfMonth';
-import { s as scheduleRAF } from './_helpers/schedule-raf.js';
-import { l as linearFunction } from './_helpers/linear-function.js';
-import addDays from 'date-fns/addDays';
-import setDay from 'date-fns/setDay';
-import getDate from 'date-fns/getDate';
-import isToday from 'date-fns/isToday';
-import isThisMonth from 'date-fns/isThisMonth';
-import startOfYear from 'date-fns/startOfYear';
-import addYears from 'date-fns/addYears';
-import subYears from 'date-fns/subYears';
-import getYear from 'date-fns/getYear';
-import isThisYear from 'date-fns/isThisYear';
-import setYear from 'date-fns/setYear';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/dom.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/data-tests.js';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-import '@jetbrains/icons/chevron-10px';
-import './_helpers/button.js';
-import 'focus-visible';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-import 'util-deprecate';
-import '@jetbrains/icons/close';
-
-const unit$1 = 8; // px;
-
-const units = {
-  unit: unit$1,
-
-  /* eslint-disable no-magic-numbers */
-  cellSize: unit$1 * 3,
-  calHeight: unit$1 * 36,
-  yearHeight: unit$1 * 4
-  /* eslint-enable */
-
-};
-const YEAR = 12;
-const WEEK = 7;
-const weekdays = {
-  MO: 1,
-  TU: 2,
-  WE: 3,
-  TH: 4,
-  FR: 5,
-  SA: 6,
-  SU: 0
-};
-const MIDDLE_DAY = 15;
-
-const durationToMillis = duration => +add(0, duration);
-
-const yearDuration = durationToMillis({
-  years: 1
-});
-const yearScrollSpeed = yearDuration / (YEAR * units.cellSize);
-const DOUBLE = 2;
-const HALF = 0.5;
-const deprecatedPropType = replacement => (props, propName) => {
-  if (propName in props) {
-    return new Error(`"${propName}" prop is deprecated and will be removed in 5.0. ${replacement} instead. See https://github.com/JetBrains/ring-ui/blob/master/CHANGELOG.md#310 for details`);
-  }
-
-  return undefined;
-};
-const dateType = PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number]);
-function parseTime(time) {
-  let result = null;
-
-  if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = time;
-  } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = `0${time}`;
-  }
-
-  return result;
-}
-
-var modules_0c7b7d96 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"datePicker_container__382b47f4","hoverable":"datePicker_hoverable__382b47f4","datePicker":"datePicker_datePicker__382b47f4","displayDate":"datePicker_displayDate__382b47f4","displayRange":"datePicker_displayRange__382b47f4","clear":"datePicker_clear__382b47f4","datePopup":"datePicker_datePopup__382b47f4","filterWrapper":"datePicker_filterWrapper__382b47f4 selectPopup_filterWrapper__7e997a1d","filter":"datePicker_filter__382b47f4 selectPopup_filter__7e997a1d","filterIcon":"datePicker_filterIcon__382b47f4 selectPopup_filterIcon__7e997a1d","fromInput":"datePicker_fromInput__382b47f4","fromInputWithDivider":"datePicker_fromInputWithDivider__382b47f4","toInput":"datePicker_toInput__382b47f4","dateInput":"datePicker_dateInput__382b47f4","timeInputWithDivider":"datePicker_timeInputWithDivider__382b47f4","weekdays":"datePicker_weekdays__382b47f4","weekday":"datePicker_weekday__382b47f4","weekend":"datePicker_weekend__382b47f4","calendar":"datePicker_calendar__382b47f4","months":"datePicker_months__382b47f4","days":"datePicker_days__382b47f4","month":"datePicker_month__382b47f4","monthTitle":"datePicker_monthTitle__382b47f4","day":"datePicker_day__382b47f4 global_resetButton__0f8f4370","between":"datePicker_between__382b47f4","activeBetween":"datePicker_activeBetween__382b47f4","current":"datePicker_current__382b47f4","active":"datePicker_active__382b47f4","disabled":"datePicker_disabled__382b47f4","from":"datePicker_from__382b47f4","to":"datePicker_to__382b47f4","Monday":"datePicker_Monday__382b47f4","spread":"datePicker_spread__382b47f4","activeSpread":"datePicker_activeSpread__382b47f4","first":"datePicker_first__382b47f4","Tuesday":"datePicker_Tuesday__382b47f4","Friday":"datePicker_Friday__382b47f4","Saturday":"datePicker_Saturday__382b47f4","Sunday":"datePicker_Sunday__382b47f4","empty":"datePicker_empty__382b47f4","today":"datePicker_today__382b47f4","year":"datePicker_year__382b47f4 datePicker_hoverable__382b47f4 global_resetButton__0f8f4370","monthNames":"datePicker_monthNames__382b47f4","monthName":"datePicker_monthName__382b47f4 datePicker_hoverable__382b47f4 global_resetButton__0f8f4370","monthSlider":"datePicker_monthSlider__382b47f4 global_resetButton__0f8f4370","dragging":"datePicker_dragging__382b47f4","range":"datePicker_range__382b47f4","years":"datePicker_years__382b47f4","currentYear":"datePicker_currentYear__382b47f4"};
-
-class DateInput extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.updateInput(this.props);
-    });
-
-    _defineProperty(this, "handleChange", e => this.props.onInput(e.target.value, e.target.dataset.name));
-
-    _defineProperty(this, "handleKeyDown", e => e.key === 'Enter' && this.props.onConfirm());
-  }
-
-  componentDidUpdate(prevProps) {
-    const {
-      hidden,
-      text,
-      active
-    } = this.props;
-
-    if (!hidden && prevProps.hidden || text !== prevProps.text || active !== prevProps.active) {
-      this.updateInput({
-        text,
-        active
-      });
-    }
-  }
-
-  updateInput({
-    text,
-    active
-  }) {
-    const el = this.input;
-
-    if (!el) {
-      return;
-    }
-
-    if (active) {
-      el.focus();
-
-      if (!text) {
-        el.select();
-      }
-    } else {
-      el.blur();
-    }
-  }
-
-  render() {
-    const {
-      active,
-      divider,
-      text,
-      time,
-      name,
-      hoverDate,
-      date,
-      displayFormat,
-      translations,
-      onActivate,
-      onClear,
-      fromPlaceholder,
-      toPlaceholder,
-      timePlaceholder
-    } = this.props;
-    let displayText = '';
-
-    if (active && hoverDate) {
-      displayText = displayFormat(hoverDate);
-    } else if (active && text != null) {
-      displayText = text;
-    } else if (date) {
-      displayText = displayFormat(date);
-    } else if (name === 'time') {
-      displayText = time || '';
-    }
-
-    const placeholder = (() => {
-      switch (name) {
-        case 'from':
-          return fromPlaceholder || translations.addFirstDate;
-
-        case 'to':
-          return toPlaceholder || translations.addSecondDate;
-
-        case 'time':
-          return timePlaceholder || translations.addTime;
-
-        default:
-          return translations.selectName.replace('%name%', name);
-      }
-    })();
-
-    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96[`${name}Input`], divider && modules_0c7b7d96[`${name}InputWithDivider`], 'ring-js-shortcuts');
-    return /*#__PURE__*/React.createElement(Input, {
-      autoComplete: "off",
-      borderless: true,
-      "data-name": name,
-      inputRef: this.inputRef,
-      className: classes,
-      value: displayText,
-      onChange: this.handleChange,
-      onFocus: onActivate,
-      onKeyDown: this.handleKeyDown,
-      onClear: onClear,
-      placeholder: placeholder
-    });
-  }
-
-}
-
-_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
-});
-
-_defineProperty(DateInput, "defaultProps", {
-  fromPlaceholder: null,
-  toPlaceholder: null,
-  timePlaceholder: null,
-  translations: {
-    addFirstDate: 'Add first date',
-    addSecondDate: 'Add second date',
-    addTime: 'Add time',
-    selectName: 'Select %name%'
-  }
-});
-
-let hoverTO;
-class Day extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "handleClick", () => this.props.onSelect(this.props.day));
-
-    _defineProperty(this, "handleMouseOver", () => {
-      if (hoverTO) {
-        window.clearTimeout(hoverTO);
-        hoverTO = null;
-      }
-
-      this.props.onHover(this.props.day);
-    });
-
-    _defineProperty(this, "handleMouseOut", () => {
-      hoverTO = window.setTimeout(this.props.onHover, 0);
-    });
-
-    _defineProperty(this, "isDay", date => isSameDay(this.props.day, date));
-
-    _defineProperty(this, "is", name => this.props[name] && this.isDay(this.props[name]));
-
-    _defineProperty(this, "inRange", range => range && isAfter(startOfDay(this.props.day), startOfDay(range[0])) && isBefore(startOfDay(this.props.day), startOfDay(range[1])));
-
-    _defineProperty(this, "isDisabled", date => {
-      const min = this.parse(this.props.minDate);
-      const max = this.parse(this.props.maxDate);
-      return this.props.minDate && isBefore(startOfDay(date), startOfDay(min)) || this.props.maxDate && isAfter(startOfDay(date), startOfDay(max));
-    });
-  }
-
-  parse(text) {
-    return this.props.parseDateInput(text);
-  }
-
-  render() {
-    const {
-      day,
-      from,
-      currentRange,
-      activeRange,
-      empty
-    } = this.props;
-    const reverse = activeRange && activeRange[1] === from;
-
-    function makeSpreadRange(range) {
-      return range && [range[0], addDays(range[1], 1)];
-    }
-
-    const spreadRange = makeSpreadRange(currentRange);
-    const disabled = this.isDisabled(day);
-    const activeSpreadRange = makeSpreadRange(activeRange);
-    return (
-      /*#__PURE__*/
-      // TODO make keyboard navigation actually work
-      React.createElement("button", {
-        type: "button",
-        className: classNames(modules_0c7b7d96.day, modules_0c7b7d96[format(day, 'EEEE')], {
-          [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
-          [modules_0c7b7d96.active]: !disabled && this.is('activeDate'),
-          [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
-          [modules_0c7b7d96.empty]: empty,
-          [modules_0c7b7d96.from]: currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0]),
-          [modules_0c7b7d96.to]: currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1]),
-          [modules_0c7b7d96.between]: this.inRange(currentRange),
-          [modules_0c7b7d96.activeBetween]: !disabled && this.inRange(activeRange),
-          [modules_0c7b7d96.first]: getDate(day) === 1,
-          [modules_0c7b7d96.spread]: this.inRange(spreadRange),
-          [modules_0c7b7d96.activeSpread]: !disabled && this.inRange(activeSpreadRange),
-          [modules_0c7b7d96.disabled]: disabled
-        }),
-        onClick: this.handleClick,
-        onMouseOver: this.handleMouseOver,
-        onFocus: this.handleMouseOver,
-        onMouseOut: this.handleMouseOut,
-        onBlur: this.handleMouseOut,
-        disabled: disabled
-      }, empty || /*#__PURE__*/React.createElement("span", {
-        className: classNames({
-          [modules_0c7b7d96.today]: isToday(day)
-        })
-      }, format(day, 'd')))
-    );
-  }
-
-}
-Day.propTypes = {
-  day: dateType,
-  from: dateType,
-  currentRange: PropTypes.arrayOf(dateType),
-  activeRange: PropTypes.arrayOf(dateType),
-  empty: PropTypes.bool,
-  onSelect: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  onHover: PropTypes.func,
-  minDate: dateType,
-  maxDate: dateType
-};
-
-function Month(props) {
-  const start = props.month;
-  const end = endOfMonth(start); // pad with empty cells starting from last friday
-
-  const weekday = getDay(start);
-  let day = setDay(start, weekday >= weekdays.FR ? weekdays.FR : weekdays.FR - WEEK);
-  const days = [];
-
-  while (day < end) {
-    days.push(day);
-    day = addDays(day, 1);
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.month
-  }, /*#__PURE__*/React.createElement("span", {
-    className: modules_0c7b7d96.monthTitle
-  }, format(props.month, 'MMMM')), days.map(date => /*#__PURE__*/React.createElement(Day, _extends({}, props, {
-    day: date,
-    empty: date < start,
-    key: +date
-  }))));
-}
-Month.propTypes = {
-  month: dateType
-};
-
-const COVERYEARS = 3;
-class MonthSlider extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      dragging: false
-    });
-
-    _defineProperty(this, "onMouseDown", () => {
-      this.setState({
-        dragging: true
-      });
-    });
-
-    _defineProperty(this, "onMouseUp", () => {
-      this.setState({
-        dragging: false
-      });
-    });
-
-    _defineProperty(this, "onMouseMove", e => {
-      this.props.onScroll(linearFunction(0, this.props.scrollDate, yearScrollSpeed).y(e.movementY));
-    });
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    if (this.state.dragging && !prevState.dragging) {
-      window.addEventListener('mousemove', this.onMouseMove);
-      window.addEventListener('mouseup', this.onMouseUp);
-    } else if (!this.state.dragging && prevState.dragging) {
-      window.removeEventListener('mousemove', this.onMouseMove);
-      window.removeEventListener('mouseup', this.onMouseUp);
-    }
-  }
-
-  render() {
-    let year = subYears(startOfDay(this.props.scrollDate), 1);
-    const years = [year];
-
-    for (let i = 0; i <= COVERYEARS; i++) {
-      year = addYears(year, 1);
-      years.push(year);
-    }
-
-    const classes = classNames(modules_0c7b7d96.monthSlider, {
-      [modules_0c7b7d96.dragging]: this.state.dragging
-    });
-    return /*#__PURE__*/React.createElement("div", null, years.map(date => /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      key: +date,
-      className: classes,
-      style: {
-        top: Math.floor(this.props.pxToDate.x(date) - units.cellSize)
-      },
-      onMouseDown: this.onMouseDown
-    })));
-  }
-
-}
-
-_defineProperty(MonthSlider, "propTypes", {
-  scrollDate: dateType,
-  onScroll: PropTypes.func,
-  pxToDate: PropTypes.shape({
-    x: PropTypes.func,
-    y: PropTypes.func
-  })
-});
-
-class MonthName extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "handleClick", () => {
-      const end = endOfMonth(this.props.month);
-      this.props.onScrollChange((+this.props.month + +end) * HALF);
-    });
-  }
-
-  render() {
-    const {
-      month
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames(modules_0c7b7d96.monthName, {
-        [modules_0c7b7d96.today]: isThisMonth(month)
-      }),
-      onClick: this.handleClick
-    }, format(month, 'MMM'));
-  }
-
-}
-
-MonthName.propTypes = {
-  month: dateType,
-  onScrollChange: PropTypes.func
-};
-function MonthNames(props) {
-  const {
-    scrollDate
-  } = props;
-  const months = [];
-
-  for (let i = 0; i < YEAR; i++) {
-    const middleDay = set(scrollDate, {
-      month: i,
-      date: MIDDLE_DAY
-    });
-    months.push(startOfDay(middleDay));
-  }
-
-  const pxToDate = linearFunction(0, startOfYear(scrollDate), yearScrollSpeed);
-  let top = 0;
-  let bottom = 0;
-
-  if (props.currentRange) {
-    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(date)));
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.monthNames
-  }, months.map(month => /*#__PURE__*/React.createElement(MonthName, {
-    key: +month,
-    month: month,
-    onScrollChange: props.onScrollChange
-  })), props.currentRange && /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.range,
-    style: {
-      top: top - 1,
-      height: bottom + 1 - (top - 1)
-    }
-  }), /*#__PURE__*/React.createElement(MonthSlider, _extends({}, props, {
-    pxToDate: pxToDate
-  })));
-}
-MonthNames.propTypes = {
-  scrollDate: dateType,
-  onScrollChange: PropTypes.func,
-  currentRange: PropTypes.arrayOf(dateType)
-};
-
-const {
-  unit,
-  cellSize,
-  calHeight: calHeight$1
-} = units;
-const FridayToSunday = WEEK + weekdays.SU - weekdays.FR;
-const FIVELINES = 31;
-const TALLMONTH = 6;
-const SHORTMONTH = 5;
-const PADDING = 2;
-const MONTHSBACK = 2;
-
-function monthHeight(date) {
-  const monthStart = startOfMonth(date);
-  const daysSinceLastFriday = (getDay(monthStart) + FridayToSunday) % WEEK;
-  const monthLines = daysSinceLastFriday + getDaysInMonth(monthStart) > FIVELINES ? TALLMONTH : SHORTMONTH;
-  return monthLines * cellSize + unit * PADDING;
-} // in milliseconds per pixel
-
-
-function scrollSpeed(date) {
-  const monthStart = startOfMonth(date);
-  const monthEnd = endOfMonth(date);
-  return (monthEnd - monthStart) / monthHeight(monthStart);
-}
-
-const scrollSchedule = scheduleRAF();
-let dy = 0;
-function Months(props) {
-  const {
-    scrollDate
-  } = props; // prevent switching from april to march because of daylight saving time
-
-  const monthStart = startOfHour(set(scrollDate, {
-    date: 1,
-    hours: 1
-  }));
-  let month = subMonths(monthStart, MONTHSBACK);
-  const months = [month];
-
-  for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {
-    month = addMonths(month, 1);
-    months.push(month);
-  }
-
-  const currentSpeed = scrollSpeed(scrollDate);
-  const pxToDate = linearFunction(0, scrollDate, currentSpeed);
-  const offset = pxToDate.x(monthStart); // is a negative number
-
-  const bottomOffset = monthHeight(scrollDate) + offset;
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.months,
-    onWheel: function handleWheel(e) {
-      e.preventDefault();
-      dy += e.deltaY;
-      scrollSchedule(() => {
-        let date; // adjust scroll speed to prevent glitches
-
-        if (dy < offset) {
-          date = pxToDate.y(offset) + (dy - offset) * scrollSpeed(months[1]);
-        } else if (dy > bottomOffset) {
-          date = pxToDate.y(bottomOffset) + (dy - bottomOffset) * scrollSpeed(months[MONTHSBACK + 1]);
-        } else {
-          date = pxToDate.y(dy);
-        }
-
-        props.onScroll(date);
-        dy = 0;
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      top: Math.floor(calHeight$1 * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
-    },
-    className: modules_0c7b7d96.days
-  }, months.map(date => /*#__PURE__*/React.createElement(Month, _extends({}, props, {
-    month: date,
-    key: +date
-  })))), /*#__PURE__*/React.createElement(MonthNames, props));
-}
-Months.propTypes = {
-  onScroll: PropTypes.func,
-  scrollDate: dateType
-};
-
-const {
-  yearHeight,
-  calHeight
-} = units;
-let scrollTO;
-const YEARSBACK = 5;
-const scrollDelay = 100;
-class Years extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      scrollDate: null
-    });
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    this.stoppedScrolling = prevState.scrollDate && !this.state.scrollDate;
-  }
-
-  setYear(date) {
-    if (scrollTO) {
-      window.clearTimeout(scrollTO);
-      scrollTO = null;
-    }
-
-    this.setState({
-      scrollDate: null
-    });
-    this.props.onScroll(setYear(this.props.scrollDate, getYear(date)));
-  }
-
-  render() {
-    const {
-      onScrollChange,
-      scrollDate
-    } = this.props;
-    const date = this.state.scrollDate || scrollDate;
-    const yearStart = startOfYear(date);
-    let year = subYears(yearStart, YEARSBACK);
-    const years = [year];
-
-    for (let i = 0; i < YEARSBACK * DOUBLE; i++) {
-      year = addYears(year, 1);
-      years.push(year);
-    }
-
-    const pxToDate = linearFunction(0, years[0], yearDuration / yearHeight);
-
-    const handleWheel = e => {
-      e.preventDefault();
-      const newScrollDate = linearFunction(0, date, yearDuration / yearHeight).y(e.deltaY);
-      this.setState({
-        scrollDate: newScrollDate
-      });
-
-      if (scrollTO) {
-        window.clearTimeout(scrollTO);
-      }
-
-      scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
-    };
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_0c7b7d96.years,
-      onWheel: handleWheel,
-      style: {
-        transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
-        top: Math.floor(calHeight * HALF - pxToDate.x(date))
-      }
-    }, years.map(item => /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      key: +item,
-      className: classNames(modules_0c7b7d96.year, {
-        [modules_0c7b7d96.currentYear]: isSameYear(item, date),
-        [modules_0c7b7d96.today]: isThisYear(item)
-      }),
-      onClick: function handleClick() {
-        onScrollChange(setYear(scrollDate, getYear(item)));
-      }
-    }, format(item, 'yyyy'))));
-  }
-
-}
-
-_defineProperty(Years, "propTypes", {
-  scrollDate: dateType,
-  onScroll: PropTypes.func,
-  onScrollChange: PropTypes.func
-});
-
-function Weekdays() {
-  const days = Object.keys(weekdays).map(key => startOfDay(setDay(new Date(), weekdays[key])));
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.weekdays
-  }, days.map(day => /*#__PURE__*/React.createElement("span", {
-    className: classNames(modules_0c7b7d96.weekday, {
-      [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day))
-    }),
-    key: +day
-  }, format(day, 'EEEEEE'))));
-}
-
-const scrollExpDelay = 10;
-class DatePopup extends Component {
-  static sameDay(next, prev) {
-    if (next && prev) {
-      return isSameDay(next, prev);
-    }
-
-    return next === prev;
-  }
-
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "isInTimeMode", () => !this.props.range && this.props.withTime || false);
-
-    _defineProperty(this, "componentRef", /*#__PURE__*/React.createRef());
-
-    _defineProperty(this, "handleWheel", e => {
-      e.preventDefault();
-    });
-
-    _defineProperty(this, "isValidDate", parsedText => {
-      const minDate = this.parse(this.props.minDate, 'date');
-      const maxDate = this.parse(this.props.maxDate, 'date');
-
-      if (parsedText) {
-        return !(minDate && isBefore(parsedText, minDate) || maxDate && isAfter(parsedText, maxDate));
-      }
-
-      return false;
-    });
-
-    _defineProperty(this, "scheduleScroll", () => {
-      const current = this.state.scrollDate && this.parse(this.state.scrollDate, 'date') || this.parse(this.props[this.state.active], 'date') || new Date();
-      const goal = this._scrollDate;
-
-      if (!current || !goal || DatePopup.sameDay(goal, current)) {
-        this._scrollDate = null;
-        this._scrollTS = null;
-        return;
-      }
-
-      if (this._scrollTS) {
-        const diff = goal - current;
-
-        const dt = Date.now() - this._scrollTS;
-
-        const next = goal - diff * Math.E ** (-dt / scrollExpDelay);
-        this.setState({
-          scrollDate: next
-        });
-      }
-
-      this._scrollTS = Date.now();
-      window.requestAnimationFrame(this.scheduleScroll);
-    });
-
-    _defineProperty(this, "scrollTo", scrollDate => {
-      this._scrollDate = scrollDate;
-
-      if (!this._scrollTS) {
-        this.scheduleScroll();
-      }
-    });
-
-    _defineProperty(this, "hoverHandler", hoverDate => this.setState({
-      hoverDate
-    }));
-
-    _defineProperty(this, "handleActivate", memoize(name => () => this.setState({
-      active: name
-    })));
-
-    _defineProperty(this, "handleInput", (text, name) => {
-      const parsed = this.parse(text, name);
-
-      if (name !== 'time' && this.isValidDate(parsed)) {
-        this.scrollTo(parsed);
-      }
-
-      this.setState({
-        text,
-        hoverDate: null
-      });
-    });
-
-    _defineProperty(this, "handleConfirm", memoize(name => () => this.confirm(name)));
-
-    _defineProperty(this, "selectHandler", date => {
-      if (this.isInTimeMode()) {
-        this.setState({
-          active: 'time'
-        }, () => this.select({
-          date
-        }));
-      } else {
-        this.select({
-          [this.state.active]: date
-        });
-      }
-    });
-
-    _defineProperty(this, "handleScroll", scrollDate => this.setState({
-      scrollDate
-    }));
-
-    _defineProperty(this, "onClear", e => {
-      this.setState({
-        active: undefined
-      });
-      this.props.onClear(e);
-    });
-
-    const defaultState = {
-      text: null,
-      hoverDate: null,
-      scrollDate: null
-    };
-    const {
-      range,
-      from,
-      to,
-      date: _date,
-      time,
-      withTime
-    } = props;
-
-    if (!range) {
-      const parsedDate = this.parse(_date, 'date');
-      const active = withTime && parsedDate && !time ? 'time' : 'date';
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
-        active
-      });
-    } else if (from && !to) {
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
-        active: 'to'
-      });
-    } else {
-      this.state = _objectSpread2(_objectSpread2({}, defaultState), {}, {
-        active: 'from'
-      });
-    }
-  }
-
-  componentDidMount() {
-    if (this.componentRef.current) {
-      this.componentRef.current.addEventListener('wheel', this.handleWheel);
-    }
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    if (this.state.active !== prevState.active) {
-      if (this.state.text && prevState.active) {
-        this.confirm(prevState.active);
-      } // eslint-disable-next-line react/no-did-update-set-state
-
-
-      this.setState({
-        text: null
-      });
-    }
-  }
-
-  componentWillUnmount() {
-    if (this.componentRef.current) {
-      this.componentRef.current.removeEventListener('wheel', this.handleWheel);
-    }
-  }
-
-  parse(text, type) {
-    if (type === 'time') {
-      return parseTime(text);
-    }
-
-    return this.props.parseDateInput(text);
-  }
-
-  select(changes) {
-    const {
-      range,
-      withTime
-    } = this.props;
-    const prevActive = this.state.active;
-    const date = this.parse(this.props.date, 'date');
-    const time = this.parse(this.props.time, 'time');
-
-    if (!range && !withTime) {
-      this.setState({
-        text: null,
-        scrollDate: null
-      });
-      this.props.onChange(changes.date);
-      this.props.onComplete();
-    } else if (!range && withTime) {
-      const changeToSubmit = {
-        date: changes.date || date,
-        time: changes.time || time
-      };
-      this.setState({
-        active: changes.date ? 'time' : 'date',
-        text: null,
-        scrollDate: null
-      });
-      this.props.onChange(changeToSubmit);
-
-      if (!changes.date && prevActive === 'time' && changeToSubmit.date && changeToSubmit.time) {
-        this.props.onComplete();
-      }
-    } else {
-      let {
-        from,
-        to
-      } = _objectSpread2(_objectSpread2({}, this.props), changes);
-
-      from = this.parse(from, 'from');
-      to = this.parse(to, 'to'); // proceed to setting the end by default
-
-      let active = 'to';
-      let complete = false; // end is before beginning
-
-      if (from && to && isAfter(startOfDay(from), startOfDay(to))) {
-        // ignore the old end when beginning is changed
-        if (changes.from) {
-          to = null; // treat range as reverse when end is changed
-        } else if (changes.to) {
-          to = from;
-          from = changes.to;
-        }
-      } else if (changes.to) {
-        active = 'from';
-        complete = !!from;
-      }
-
-      this.setState({
-        active,
-        hoverDate: null,
-        text: null
-      });
-      this.props.onChange({
-        from,
-        to
-      });
-
-      if (complete) {
-        this.props.onComplete();
-      }
-    }
-  }
-
-  confirm(name) {
-    const text = this.state.text;
-    let result = this.parse(text, name);
-
-    if (name === 'time') {
-      const time = this.parse(this.props.time, 'time');
-      const emptyCase = this.state.active === 'time' ? '00:00' : null;
-      result = result || time || emptyCase;
-    } else if (!this.isValidDate(result)) {
-      result = this.parse(this.props[name], name);
-    }
-
-    this.select({
-      [name]: result
-    });
-  }
-
-  render() {
-    const {
-      range,
-      hidden,
-      withTime,
-      time
-    } = this.props;
-    const parsedDate = this.parse(this.props.date, 'date');
-    const parsedTo = this.parse(this.props.to, 'to');
-    const names = range ? ['from', 'to'] : ['date'];
-    const dates = names.reduce((obj, key) => {
-      const date = this.props[key];
-      return _objectSpread2(_objectSpread2({}, obj), {}, {
-        [key]: this.parse(date, key)
-      });
-    }, {});
-    const activeDate = this.state.active !== 'time' ? this.state.hoverDate || this.state.text && this.parse(this.state.text, 'date') : this.state.hoverDate || null;
-    const currentRange = range && dates.from && dates.to && [dates.from, dates.to] || null;
-    let activeRange = null;
-
-    if (range && activeDate) {
-      switch (this.state.active) {
-        case 'from':
-          if (dates.to && isAfter(startOfDay(activeDate), startOfDay(dates.to))) {
-            activeRange = [activeDate, dates.to];
-          }
-
-          break;
-
-        case 'to':
-          if (!dates.from) {
-            break;
-          }
-
-          if (isBefore(startOfDay(activeDate), startOfDay(dates.from))) {
-            activeRange = [activeDate, dates.from];
-          } else {
-            activeRange = [dates.from, activeDate];
-          }
-
-          break;
-      }
-    }
-
-    const scrollDate = withTime && !range ? this.state.scrollDate || dates.date || new Date() : this.state.scrollDate || dates[this.state.active] || new Date();
-
-    const calendarProps = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, this.props), this.state), dates), {}, {
-      scrollDate,
-      activeDate,
-      currentRange,
-      activeRange,
-      onScroll: this.handleScroll,
-      onScrollChange: this.scrollTo
-    });
-
-    const clearable = Boolean(this.props.onClear);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_0c7b7d96.datePopup,
-      "data-test": "ring-date-popup",
-      ref: this.componentRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_0c7b7d96.filterWrapper
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: calendarIcon,
-      className: modules_0c7b7d96.filterIcon
-    }), names.map(name => {
-      let onClear;
-
-      if (clearable && name !== 'from' && !this.isInTimeMode()) {
-        onClear = this.onClear.bind(this);
-      }
-
-      return /*#__PURE__*/React.createElement(DateInput, _extends({}, this.props, this.state, {
-        divider: name === 'from' && (dates[name] != null || parsedTo != null),
-        name: name,
-        key: name,
-        date: dates[name],
-        active: this.state.active === name,
-        hidden: hidden,
-        onActivate: this.handleActivate(name),
-        onInput: this.handleInput,
-        onConfirm: this.handleConfirm(name),
-        onClear: onClear
-      }));
-    }), this.isInTimeMode() ? /*#__PURE__*/React.createElement(DateInput, _extends({}, this.props, this.state, {
-      divider: !!parsedDate,
-      hoverDate: null,
-      name: 'time',
-      key: 'time',
-      date: null,
-      time: time,
-      active: this.state.active === 'time',
-      hidden: hidden,
-      onActivate: this.handleActivate('time'),
-      onInput: this.handleInput,
-      onConfirm: this.handleConfirm('time'),
-      onClear: clearable && this.onClear || undefined
-    })) : ''), /*#__PURE__*/React.createElement(Weekdays, null), /*#__PURE__*/React.createElement("div", {
-      className: modules_0c7b7d96.calendar
-    }, /*#__PURE__*/React.createElement(Months, _extends({}, calendarProps, {
-      onHover: this.hoverHandler,
-      onSelect: this.selectHandler
-    })), /*#__PURE__*/React.createElement(Years, calendarProps)), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state));
-  }
-
-}
-
-_defineProperty(DatePopup, "propTypes", {
-  className: PropTypes.string,
-  date: dateType,
-  range: PropTypes.bool,
-  withTime: PropTypes.bool,
-  time: PropTypes.string,
-  from: dateType,
-  to: dateType,
-  renderAfterCalendar: PropTypes.func,
-  displayFormat: PropTypes.func,
-  parseDateInput: PropTypes.func,
-  onChange: PropTypes.func,
-  onComplete: PropTypes.func,
-  onClear: PropTypes.func,
-  minDate: dateType,
-  maxDate: dateType,
-  hidden: PropTypes.bool,
-  fromPlaceholder: PropTypes.string,
-  toPlaceholder: PropTypes.string,
-  timePlaceholder: PropTypes.string
-});
-
-_defineProperty(DatePopup, "defaultProps", {
-  onChange() {}
-
-});
-
-var formats = ['d M', 'dd M', 'dd MM', 'd-M', 'dd-M', 'dd-MM', 'd.M', 'dd.M', 'dd.MM', 'd\\M', 'dd\\M', 'dd\\MM', 'd/M', 'dd/M', 'dd/MM', 'd M yy', 'dd M yy', 'dd MM yy', 'd M yyyy', 'dd M yyyy', 'dd MM yyyy', 'd-M-yy', 'dd-M-yy', 'dd-MM-yy', 'd-M-yyyy', 'dd-M-yyyy', 'dd-MM-yyyy', 'd.M.yy', 'dd.M.yy', 'dd.MM.yy', 'd.M.yyyy', 'dd.M.yyyy', 'dd.MM.yyyy', 'd\\M\\yy', 'dd\\M\\yy', 'dd\\MM\\yy', 'd\\M\\yyyy', 'dd\\M\\yyyy', 'dd\\MM\\yyyy', 'd/M/yy', 'dd/M/yy', 'dd/MM/yy', 'd/M/yyyy', 'dd/M/yyyy', 'dd/MM/yyyy', 'd M yy', 'dd M yy', 'dd MM yy', 'd M yyyy', 'dd M yyyy', 'dd MM yyyy', 'd-M-yy', 'dd-M-yy', 'dd-MM-yy', 'd-M-yyyy', 'dd-M-yyyy', 'dd-MM-yyyy', 'd.M.yy', 'dd.M.yy', 'dd.MM.yy', 'd.M.yyyy', 'dd.M.yyyy', 'dd.MM.yyyy', 'd\\M\\yy', 'dd\\M\\yy', 'dd\\MM\\yy', 'd\\M\\yyyy', 'dd\\M\\yyyy', 'dd\\MM\\yyyy', 'd/M/yy', 'dd/M/yy', 'dd/MM/yy', 'd/M/yyyy', 'dd/M/yyyy', 'dd/MM/yyyy', 'yy M d', 'yy M dd', 'yy MM dd', 'yyyy M d', 'yyyy M dd', 'yyyy MM dd', 'yy-M-d', 'yy-M-dd', 'yy-MM-dd', 'yyyy-M-d', 'yyyy-M-dd', 'yyyy-MM-dd', 'yy.M.d', 'yy.M.dd', 'yy.MM.dd', 'yyyy.M.d', 'yyyy.M.dd', 'yyyy.MM.dd', 'yy\\M\\d', 'yy\\M\\dd', 'yy\\MM\\dd', 'yyyy\\M\\d', 'yyyy\\M\\dd', 'yyyy\\MM\\dd', 'yy/M/d', 'yy/M/dd', 'yy/MM/dd', 'yyyy/M/d', 'yyyy/M/dd', 'yyyy/MM/dd', 'yy d M', 'yy dd M', 'yy dd MM', 'yyyy d M', 'yyyy dd MM', 'yyyy dd MM', 'yy-d-M', 'yy-dd-M', 'yy-dd-MM', 'yyyy-d-M', 'yyyy-dd-MM', 'yyyy-dd-MM', 'yy.d.M', 'yy.dd.M', 'yy.dd.MM', 'yyyy.d.M', 'yyyy.dd.MM', 'yyyy.dd.MM', 'yy\\d\\M', 'yy\\dd\\M', 'yy\\dd\\MM', 'yyyy\\d\\M', 'yyyy\\dd\\MM', 'yyyy\\dd\\MM', 'yy/d/M', 'yy/dd/M', 'yy/dd/MM', 'yyyy/d/M', 'yyyy/dd/MM', 'yyyy/dd/MM', 'd MMM', 'd MMMM', 'dd MMM', 'dd MMMM', 'd M HH:mm', 'd M, HH:mm', 'dd M HH:mm', 'dd M, HH:mm', 'dd MM HH:mm', 'dd MM, HH:mm', 'd-M HH:mm', 'd-M, HH:mm', 'dd-M HH:mm', 'dd-M, HH:mm', 'dd-MM HH:mm', 'dd-MM, HH:mm', 'd.M HH:mm', 'd.M, HH:mm', 'dd.M HH:mm', 'dd.M, HH:mm', 'dd.MM HH:mm', 'dd.MM, HH:mm', 'd\\M HH:mm', 'd\\M, HH:mm', 'dd\\M HH:mm', 'dd\\M, HH:mm', 'dd\\MM HH:mm', 'dd\\MM, HH:mm', 'd/M HH:mm', 'd/M, HH:mm', 'dd/M HH:mm', 'dd/M, HH:mm', 'dd/MM HH:mm', 'dd/MM, HH:mm', 'd M yy HH:mm', 'd M yy, HH:mm', 'dd M yy HH:mm', 'dd M yy, HH:mm', 'dd MM yy HH:mm', 'dd MM yy, HH:mm', 'd M yyyy HH:mm', 'd M yyyy, HH:mm', 'dd M yyyy HH:mm', 'dd M yyyy, HH:mm', 'dd MM yyyy HH:mm', 'dd MM yyyy, HH:mm', 'd-M-yy HH:mm', 'd-M-yy, HH:mm', 'dd-M-yy HH:mm', 'dd-M-yy, HH:mm', 'dd-MM-yy HH:mm', 'dd-MM-yy, HH:mm', 'd-M-yyyy HH:mm', 'd-M-yyyy, HH:mm', 'dd-M-yyyy HH:mm', 'dd-M-yyyy, HH:mm', 'dd-MM-yyyy HH:mm', 'dd-MM-yyyy, HH:mm', 'd.M.yy HH:mm', 'd.M.yy, HH:mm', 'dd.M.yy HH:mm', 'dd.M.yy, HH:mm', 'dd.MM.yy HH:mm', 'dd.MM.yy, HH:mm', 'd.M.yyyy HH:mm', 'd.M.yyyy, HH:mm', 'dd.M.yyyy HH:mm', 'dd.M.yyyy, HH:mm', 'dd.MM.yyyy HH:mm', 'dd.MM.yyyy, HH:mm', 'd\\M\\yy HH:mm', 'd\\M\\yy, HH:mm', 'dd\\M\\yy HH:mm', 'dd\\M\\yy, HH:mm', 'dd\\MM\\yy HH:mm', 'dd\\MM\\yy, HH:mm', 'd\\M\\yyyy HH:mm', 'd\\M\\yyyy, HH:mm', 'dd\\M\\yyyy HH:mm', 'dd\\M\\yyyy, HH:mm', 'dd\\MM\\yyyy HH:mm', 'dd\\MM\\yyyy, HH:mm', 'd/M/yy HH:mm', 'd/M/yy, HH:mm', 'dd/M/yy HH:mm', 'dd/M/yy, HH:mm', 'dd/MM/yy HH:mm', 'dd/MM/yy, HH:mm', 'd/M/yyyy HH:mm', 'd/M/yyyy, HH:mm', 'dd/M/yyyy HH:mm', 'dd/M/yyyy, HH:mm', 'dd/MM/yyyy HH:mm', 'dd/MM/yyyy, HH:mm', 'd M yy HH:mm', 'd M yy, HH:mm', 'dd M yy HH:mm', 'dd M yy, HH:mm', 'dd MM yy HH:mm', 'dd MM yy, HH:mm', 'd M yyyy HH:mm', 'd M yyyy, HH:mm', 'dd M yyyy HH:mm', 'dd M yyyy, HH:mm', 'dd MM yyyy HH:mm', 'dd MM yyyy, HH:mm', 'd-M-yy HH:mm', 'd-M-yy, HH:mm', 'dd-M-yy HH:mm', 'dd-M-yy, HH:mm', 'dd-MM-yy HH:mm', 'dd-MM-yy, HH:mm', 'd-M-yyyy HH:mm', 'd-M-yyyy, HH:mm', 'dd-M-yyyy HH:mm', 'dd-M-yyyy, HH:mm', 'dd-MM-yyyy HH:mm', 'dd-MM-yyyy, HH:mm', 'd.M.yy HH:mm', 'd.M.yy, HH:mm', 'dd.M.yy HH:mm', 'dd.M.yy, HH:mm', 'dd.MM.yy HH:mm', 'dd.MM.yy, HH:mm', 'd.M.yyyy HH:mm', 'd.M.yyyy, HH:mm', 'dd.M.yyyy HH:mm', 'dd.M.yyyy, HH:mm', 'dd.MM.yyyy HH:mm', 'dd.MM.yyyy, HH:mm', 'd\\M\\yy HH:mm', 'd\\M\\yy, HH:mm', 'dd\\M\\yy HH:mm', 'dd\\M\\yy, HH:mm', 'dd\\MM\\yy HH:mm', 'dd\\MM\\yy, HH:mm', 'd\\M\\yyyy HH:mm', 'd\\M\\yyyy, HH:mm', 'dd\\M\\yyyy HH:mm', 'dd\\M\\yyyy, HH:mm', 'dd\\MM\\yyyy HH:mm', 'dd\\MM\\yyyy, HH:mm', 'd/M/yy HH:mm', 'd/M/yy, HH:mm', 'dd/M/yy HH:mm', 'dd/M/yy, HH:mm', 'dd/MM/yy HH:mm', 'dd/MM/yy, HH:mm', 'd/M/yyyy HH:mm', 'd/M/yyyy, HH:mm', 'dd/M/yyyy HH:mm', 'dd/M/yyyy, HH:mm', 'dd/MM/yyyy HH:mm', 'dd/MM/yyyy, HH:mm', 'yy M d HH:mm', 'yy M d, HH:mm', 'yy M dd HH:mm', 'yy M dd, HH:mm', 'yy MM dd HH:mm', 'yy MM dd, HH:mm', 'yyyy M d HH:mm', 'yyyy M d, HH:mm', 'yyyy M dd HH:mm', 'yyyy M dd, HH:mm', 'yyyy MM dd HH:mm', 'yyyy MM dd, HH:mm', 'yy-M-d HH:mm', 'yy-M-d, HH:mm', 'yy-M-dd HH:mm', 'yy-M-dd, HH:mm', 'yy-MM-dd HH:mm', 'yy-MM-dd, HH:mm', 'yyyy-M-d HH:mm', 'yyyy-M-d, HH:mm', 'yyyy-M-dd HH:mm', 'yyyy-M-dd, HH:mm', 'yyyy-MM-dd HH:mm', 'yyyy-MM-dd, HH:mm', 'yy.M.d HH:mm', 'yy.M.d, HH:mm', 'yy.M.dd HH:mm', 'yy.M.dd, HH:mm', 'yy.MM.dd HH:mm', 'yy.MM.dd, HH:mm', 'yyyy.M.d HH:mm', 'yyyy.M.d, HH:mm', 'yyyy.M.dd HH:mm', 'yyyy.M.dd, HH:mm', 'yyyy.MM.dd HH:mm', 'yyyy.MM.dd, HH:mm', 'yy\\M\\d HH:mm', 'yy\\M\\d, HH:mm', 'yy\\M\\dd HH:mm', 'yy\\M\\dd, HH:mm', 'yy\\MM\\dd HH:mm', 'yy\\MM\\dd, HH:mm', 'yyyy\\M\\d HH:mm', 'yyyy\\M\\d, HH:mm', 'yyyy\\M\\dd HH:mm', 'yyyy\\M\\dd, HH:mm', 'yyyy\\MM\\dd HH:mm', 'yyyy\\MM\\dd, HH:mm', 'yy/M/d HH:mm', 'yy/M/d, HH:mm', 'yy/M/dd HH:mm', 'yy/M/dd, HH:mm', 'yy/MM/dd HH:mm', 'yy/MM/dd, HH:mm', 'yyyy/M/d HH:mm', 'yyyy/M/d, HH:mm', 'yyyy/M/dd HH:mm', 'yyyy/M/dd, HH:mm', 'yyyy/MM/dd HH:mm', 'yyyy/MM/dd, HH:mm', 'yy d M HH:mm', 'yy d M, HH:mm', 'yy dd M HH:mm', 'yy dd M, HH:mm', 'yy dd MM HH:mm', 'yy dd MM, HH:mm', 'yyyy d M HH:mm', 'yyyy d M, HH:mm', 'yyyy dd MM HH:mm', 'yyyy dd MM, HH:mm', 'yyyy dd MM HH:mm', 'yyyy dd MM, HH:mm', 'yy-d-M HH:mm', 'yy-d-M, HH:mm', 'yy-dd-M HH:mm', 'yy-dd-M, HH:mm', 'yy-dd-MM HH:mm', 'yy-dd-MM, HH:mm', 'yyyy-d-M HH:mm', 'yyyy-d-M, HH:mm', 'yyyy-dd-MM HH:mm', 'yyyy-dd-MM, HH:mm', 'yyyy-dd-MM HH:mm', 'yyyy-dd-MM, HH:mm', 'yy.d.M HH:mm', 'yy.d.M, HH:mm', 'yy.dd.M HH:mm', 'yy.dd.M, HH:mm', 'yy.dd.MM HH:mm', 'yy.dd.MM, HH:mm', 'yyyy.d.M HH:mm', 'yyyy.d.M, HH:mm', 'yyyy.dd.MM HH:mm', 'yyyy.dd.MM, HH:mm', 'yyyy.dd.MM HH:mm', 'yyyy.dd.MM, HH:mm', 'yy\\d\\M HH:mm', 'yy\\d\\M, HH:mm', 'yy\\dd\\M HH:mm', 'yy\\dd\\M, HH:mm', 'yy\\dd\\MM HH:mm', 'yy\\dd\\MM, HH:mm', 'yyyy\\d\\M HH:mm', 'yyyy\\d\\M, HH:mm', 'yyyy\\dd\\MM HH:mm', 'yyyy\\dd\\MM, HH:mm', 'yyyy\\dd\\MM HH:mm', 'yyyy\\dd\\MM, HH:mm', 'yy/d/M HH:mm', 'yy/d/M, HH:mm', 'yy/dd/M HH:mm', 'yy/dd/M, HH:mm', 'yy/dd/MM HH:mm', 'yy/dd/MM, HH:mm', 'yyyy/d/M HH:mm', 'yyyy/d/M, HH:mm', 'yyyy/dd/MM HH:mm', 'yyyy/dd/MM, HH:mm', 'yyyy/dd/MM HH:mm', 'yyyy/dd/MM, HH:mm', 'd MMM HH:mm', 'd MMM, HH:mm', 'd MMMM HH:mm', 'd MMMM, HH:mm', 'dd MMM HH:mm', 'dd MMM, HH:mm', 'dd MMMM HH:mm', 'dd MMMM, HH:mm', 'yyyy MMM d', 'yyyy MMMM d', 'yyyy MMM dd', 'yyyy MMMM dd', 'yyyy d MMM', 'yyyy d MMMM', 'yyyy dd MMM', 'yyyy dd MMMM', 'd MMM yy', 'd MMMM yy', 'dd MMM yy', 'dd MMMM yy', 'd MMM yyyy', 'd MMMM yyyy', 'dd MMM yyyy', 'dd MMMM yyyy', 'd MMM yy', 'd MMMM yy', 'dd MMM yy', 'dd MMMM yy', 'd MMM yyyy', 'd MMMM yyyy', 'dd MMM yyyy', 'dd MMMM yyyy', 'MMM d yyyy', 'MMMM d yyyy', 'MMM dd yyyy', 'MMMM dd yyyy', 'yy MMM d', 'yy MMMM d', 'yy MMM dd', 'yy MMMM dd', 'yy d MMM', 'yy d MMMM', 'yy dd MMM', 'yy dd MMMM', 'd MMM', 'd MMMM', 'dd MMM', 'dd MMMM', 'yyyy MMM d HH:mm', 'yyyy MMM d, HH:mm', 'yyyy MMMM d HH:mm', 'yyyy MMMM d, HH:mm', 'yyyy MMM dd HH:mm', 'yyyy MMM dd, HH:mm', 'yyyy MMMM dd HH:mm', 'yyyy MMMM dd, HH:mm', 'yyyy d MMM HH:mm', 'yyyy d MMM, HH:mm', 'yyyy d MMMM HH:mm', 'yyyy d MMMM, HH:mm', 'yyyy dd MMM HH:mm', 'yyyy dd MMM, HH:mm', 'yyyy dd MMMM HH:mm', 'yyyy dd MMMM, HH:mm', 'd MMM yy HH:mm', 'd MMM yy, HH:mm', 'd MMMM yy HH:mm', 'd MMMM yy, HH:mm', 'dd MMM yy HH:mm', 'dd MMM yy, HH:mm', 'dd MMMM yy HH:mm', 'dd MMMM yy, HH:mm', 'd MMM yyyy HH:mm', 'd MMM yyyy, HH:mm', 'd MMMM yyyy HH:mm', 'd MMMM yyyy, HH:mm', 'dd MMM yyyy HH:mm', 'dd MMM yyyy, HH:mm', 'dd MMMM yyyy HH:mm', 'dd MMMM yyyy, HH:mm', 'd MMM yy HH:mm', 'd MMM yy, HH:mm', 'd MMMM yy HH:mm', 'd MMMM yy, HH:mm', 'dd MMM yy HH:mm', 'dd MMM yy, HH:mm', 'dd MMMM yy HH:mm', 'dd MMMM yy, HH:mm', 'd MMM yyyy HH:mm', 'd MMM yyyy, HH:mm', 'd MMMM yyyy HH:mm', 'd MMMM yyyy, HH:mm', 'dd MMM yyyy HH:mm', 'dd MMM yyyy, HH:mm', 'dd MMMM yyyy HH:mm', 'dd MMMM yyyy, HH:mm', 'MMM d yyyy HH:mm', 'MMM d yyyy, HH:mm', 'MMMM d yyyy HH:mm', 'MMMM d yyyy, HH:mm', 'MMM dd yyyy HH:mm', 'MMM dd yyyy, HH:mm', 'MMMM dd yyyy HH:mm', 'MMMM dd yyyy, HH:mm', 'yy MMM d HH:mm', 'yy MMM d, HH:mm', 'yy MMMM d HH:mm', 'yy MMMM d, HH:mm', 'yy MMM dd HH:mm', 'yy MMM dd, HH:mm', 'yy MMMM dd HH:mm', 'yy MMMM dd, HH:mm', 'yy d MMM HH:mm', 'yy d MMM, HH:mm', 'yy d MMMM HH:mm', 'yy d MMMM, HH:mm', 'yy dd MMM HH:mm', 'yy dd MMM, HH:mm', 'yy dd MMMM HH:mm', 'yy dd MMMM, HH:mm', 'd MMM HH:mm', 'd MMM, HH:mm', 'd MMMM HH:mm', 'd MMMM, HH:mm', 'dd MMM HH:mm', 'dd MMM, HH:mm', 'dd MMMM HH:mm', 'dd MMMM, HH:mm', 'yyyy MMM d', 'yyyy MMMM d', 'yyyy MMM dd', 'yyyy MMMM dd', 'yyyy d MMM', 'yyyy d MMMM', 'yyyy dd MMM', 'yyyy dd MMMM', 'd MMM yy', 'd MMMM yy', 'dd MMM yy', 'dd MMMM yy', 'd MMM yyyy', 'd MMMM yyyy', 'dd MMM yyyy', 'dd MMMM yyyy', 'd MMM yy', 'd MMMM yy', 'dd MMM yy', 'dd MMMM yy', 'd MMM yyyy', 'd MMMM yyyy', 'dd MMM yyyy', 'dd MMMM yyyy', 'MMM d yyyy', 'MMMM d yyyy', 'MMM dd yyyy', 'MMMM dd yyyy', 'yy MMM d', 'yy MMMM d', 'yy MMM dd', 'yy MMMM dd', 'yy d MMM', 'yy d MMMM', 'yy dd MMM', 'yy dd MMMM', 'yyyy MMM d HH:mm', 'yyyy MMM d, HH:mm', 'yyyy MMMM d HH:mm', 'yyyy MMMM d, HH:mm', 'yyyy MMM dd HH:mm', 'yyyy MMM dd, HH:mm', 'yyyy MMMM dd HH:mm', 'yyyy MMMM dd, HH:mm', 'yyyy d MMM HH:mm', 'yyyy d MMM, HH:mm', 'yyyy d MMMM HH:mm', 'yyyy d MMMM, HH:mm', 'yyyy dd MMM HH:mm', 'yyyy dd MMM, HH:mm', 'yyyy dd MMMM HH:mm', 'yyyy dd MMMM, HH:mm', 'd MMM yy HH:mm', 'd MMM yy, HH:mm', 'd MMMM yy HH:mm', 'd MMMM yy, HH:mm', 'dd MMM yy HH:mm', 'dd MMM yy, HH:mm', 'dd MMMM yy HH:mm', 'dd MMMM yy, HH:mm', 'd MMM yyyy HH:mm', 'd MMM yyyy, HH:mm', 'd MMMM yyyy HH:mm', 'd MMMM yyyy, HH:mm', 'dd MMM yyyy HH:mm', 'dd MMM yyyy, HH:mm', 'dd MMMM yyyy HH:mm', 'dd MMMM yyyy, HH:mm', 'd MMM yy HH:mm', 'd MMM yy, HH:mm', 'd MMMM yy HH:mm', 'd MMMM yy, HH:mm', 'dd MMM yy HH:mm', 'dd MMM yy, HH:mm', 'dd MMMM yy HH:mm', 'dd MMMM yy, HH:mm', 'd MMM yyyy HH:mm', 'd MMM yyyy, HH:mm', 'd MMMM yyyy HH:mm', 'd MMMM yyyy, HH:mm', 'dd MMM yyyy HH:mm', 'dd MMM yyyy, HH:mm', 'dd MMMM yyyy HH:mm', 'dd MMMM yyyy, HH:mm', 'MMM d yyyy HH:mm', 'MMM d yyyy, HH:mm', 'MMMM d yyyy HH:mm', 'MMMM d yyyy, HH:mm', 'MMM dd yyyy HH:mm', 'MMM dd yyyy, HH:mm', 'MMMM dd yyyy HH:mm', 'MMMM dd yyyy, HH:mm', 'yy MMM d HH:mm', 'yy MMM d, HH:mm', 'yy MMMM d HH:mm', 'yy MMMM d, HH:mm', 'yy MMM dd HH:mm', 'yy MMM dd, HH:mm', 'yy MMMM dd HH:mm', 'yy MMMM dd, HH:mm', 'yy d MMM HH:mm', 'yy d MMM, HH:mm', 'yy d MMMM HH:mm', 'yy d MMMM, HH:mm', 'yy dd MMM HH:mm', 'yy dd MMM, HH:mm', 'yy dd MMMM HH:mm', 'yy dd MMMM, HH:mm'];
-
-const PopupComponent = (_ref) => {
-  let {
-    hidden,
-    className,
-    popupRef,
-    onClear,
-    datePopupProps,
-    onComplete
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["hidden", "className", "popupRef", "onClear", "datePopupProps", "onComplete"]);
-
-  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
- */
-
-class DatePicker extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "handleChange", change => {
-      const {
-        onChange,
-        onDateChange,
-        withTime,
-        applyTimeInput
-      } = this.props;
-      const adjustedChange = withTime && change.date != null ? applyTimeInput(change.date, change.time) : change;
-      onChange(adjustedChange);
-
-      if (onDateChange != null) {
-        onDateChange(adjustedChange);
-      }
-    });
-
-    _defineProperty(this, "clear", () => {
-      let change = null;
-
-      if (this.props.range) {
-        change = {
-          from: null,
-          to: null
-        };
-      }
-
-      this.handleChange(change);
-    });
-
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-
-    _defineProperty(this, "closePopup", () => {
-      this.popup._onCloseAttempt();
-    });
-
-    _defineProperty(this, "parse", memoize(date => {
-      const {
-        parseDateInput
-      } = this.props;
-
-      if (date instanceof Date) {
-        return date;
-      }
-
-      if (typeof date === 'number') {
-        return new Date(date);
-      }
-
-      return parseDateInput(date);
-    }));
-
-    _defineProperty(this, "getAnchorText", () => {
-      const {
-        range,
-        datePlaceholder,
-        dateTimePlaceholder,
-        rangePlaceholder,
-        withTime,
-        displayFormat,
-        displayMonthFormat,
-        displayDayFormat,
-        translations
-      } = this.props;
-      const date = this.parse(this.props.date);
-      const from = this.parse(this.props.from);
-      const to = this.parse(this.props.to);
-      const time = this.formatTime();
-      let text;
-
-      if (!range && !withTime) {
-        text = date ? displayFormat(date) : datePlaceholder || translations.setDate;
-      } else if (!range && withTime) {
-        if (!date && !time) {
-          text = dateTimePlaceholder || translations.setDateTime;
-        } else {
-          text = `${date && displayFormat(date) || '—'}, ${time || '—'}`;
-        }
-      } else if (!from && !to) {
-        text = rangePlaceholder || translations.setPeriod;
-      } else if (!to) {
-        text = `${displayFormat(from)} —`;
-      } else if (!from) {
-        text = `— ${displayFormat(to)}`;
-      } else if (!isSameYear(from, to)) {
-        text = `${displayFormat(from)} — ${displayFormat(to)}`;
-      } else if (!isSameMonth(from, to)) {
-        text = `${displayMonthFormat(from)} — ${displayFormat(to)}`;
-      } else if (!isSameDay(from, to)) {
-        text = `${displayDayFormat(from)} — ${displayFormat(to)}`;
-      } else {
-        text = `${displayFormat(to)}`;
-      }
-
-      return text;
-    });
-  }
-
-  formatTime() {
-    const {
-      displayTimeFormat
-    } = this.props;
-    const date = this.parse(this.props.date);
-
-    if (date != null) {
-      return displayTimeFormat(date);
-    }
-
-    return null;
-  }
-
-  render() {
-    const text = this.getAnchorText();
-
-    if (this.props.disabled) {
-      return /*#__PURE__*/React.createElement(Anchor, {
-        disabled: true
-      }, text);
-    }
-
-    const _this$props = this.props,
-          {
-      className,
-      popupClassName,
-      clear,
-      dropdownProps,
-      translations
-    } = _this$props,
-          datePopupProps = _objectWithoutProperties(_this$props, ["className", "popupClassName", "clear", "dropdownProps", "translations"]);
-
-    const classes = classNames(modules_0c7b7d96.datePicker, className); // We want to provide translations further down to DateInput.
-    // Yet we should pass at least DateInput default translations not to have them empty.
-
-    datePopupProps.translations = Object.assign({}, DateInput.defaultProps.translations, translations);
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({
-      className: classes,
-      anchor: text
-    }, dropdownProps), /*#__PURE__*/React.createElement(PopupComponent, {
-      className: popupClassName,
-      popupRef: this.popupRef,
-      onClear: clear ? this.clear : null,
-      datePopupProps: _objectSpread2(_objectSpread2({}, datePopupProps), {}, {
-        onChange: this.handleChange,
-        parseDateInput: this.parse,
-        time: this.formatTime()
-      }),
-      onComplete: this.closePopup
-    }));
-  }
-
-}
-
-_defineProperty(DatePicker, "propTypes", {
-  className: PropTypes.string,
-  popupClassName: PropTypes.string,
-  date: dateType,
-  withTime: PropTypes.bool,
-  range: PropTypes.bool,
-  from: dateType,
-  to: dateType,
-  clear: 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,
-  // TODO: Remove in 5.0
-  onDateChange: deprecatedPropType('Use "onChange"'),
-  dropdownProps: PropTypes.object,
-  disabled: PropTypes.bool,
-  minDate: dateType,
-  maxDate: dateType,
-  translations: PropTypes.object
-});
-
-_defineProperty(DatePicker, "defaultProps", {
-  className: '',
-  date: null,
-  withTime: false,
-  range: false,
-  from: null,
-  to: null,
-  clear: false,
-  displayFormat: date => date ? format(date, 'd MMM yyyy') : '',
-  displayMonthFormat: date => date ? format(date, 'd MMM') : '',
-  displayDayFormat: date => date ? format(date, 'd') : '',
-  displayTimeFormat: date => date ? format(date, 'HH:mm') : '',
-  datePlaceholder: 'Set a date',
-  dateTimePlaceholder: 'Set date and time',
-  rangePlaceholder: 'Set a period',
-  minDate: null,
-  maxDate: null,
-
-  onChange() {},
-
-  translations: {
-    setDate: 'Set a date',
-    setDateTime: 'Set date and time',
-    setPeriod: 'Set a period'
-  },
-
-  applyTimeInput(date, timeString) {
-    var _timeString$split;
-
-    const [hours, minutes] = (_timeString$split = timeString === null || timeString === void 0 ? void 0 : timeString.split(':')) !== null && _timeString$split !== void 0 ? _timeString$split : [];
-    return minutes != null ? set(date, {
-      hours,
-      minutes
-    }) : date;
-  },
-
-  parseDateInput(string) {
-    if (!string) {
-      return null;
-    }
-
-    const today = new Date();
-
-    for (const format of formats) {
-      const date = parse(string, format, today);
-
-      if (isValid(date)) {
-        return date;
-      }
-    }
-
-    return null;
-  }
-
-});
-
-export default DatePicker;