@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface DayProps extends MonthsProps {
@@ -26,5 +26,5 @@ export default class Day extends Component<DayProps> {
     inRange: (range: [Date, Date] | null) => boolean | null;
     isDisabled: (date: Date) => boolean;
     parse(text: string | null | undefined): Date | null;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/date-picker/day.js

@@ -1,4 +1,8 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,86 +17,92 @@ import isToday from 'date-fns/isToday';
 import startOfDay from 'date-fns/startOfDay';
 import { dateType, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
-let hoverTO;
-class Day extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleClick", () => this.props.onSelect(this.props.day));
-    _defineProperty(this, "handleMouseOver", () => {
+var hoverTO;
+var Day = /*#__PURE__*/function (_Component) {
+  _inherits(Day, _Component);
+  var _super = _createSuper(Day);
+  function Day() {
+    var _this;
+    _classCallCheck(this, Day);
+    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), "handleClick", function () {
+      return _this.props.onSelect(_this.props.day);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseOver", function () {
       if (hoverTO) {
         window.clearTimeout(hoverTO);
         hoverTO = null;
       }
-      this.props.onHover(this.props.day);
+      _this.props.onHover(_this.props.day);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseOut", function () {
+      hoverTO = window.setTimeout(_this.props.onHover, 0);
+    });
+    _defineProperty(_assertThisInitialized(_this), "isDay", function (date) {
+      return isSameDay(_this.props.day, date);
     });
-    _defineProperty(this, "handleMouseOut", () => {
-      hoverTO = window.setTimeout(this.props.onHover, 0);
+    _defineProperty(_assertThisInitialized(_this), "is", function (name) {
+      var value = _this.props[name];
+      return value != null && _this.isDay(value);
     });
-    _defineProperty(this, "isDay", date => isSameDay(this.props.day, date));
-    _defineProperty(this, "is", name => {
-      const value = this.props[name];
-      return value != null && this.isDay(value);
+    _defineProperty(_assertThisInitialized(_this), "inRange", function (range) {
+      return range && isAfter(startOfDay(_this.props.day), startOfDay(range[0])) && isBefore(startOfDay(_this.props.day), startOfDay(range[1]));
     });
-    _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);
+    _defineProperty(_assertThisInitialized(_this), "isDisabled", function (date) {
+      var min = _this.parse(_this.props.minDate);
+      var max = _this.parse(_this.props.maxDate);
       return min != null && isBefore(startOfDay(date), startOfDay(min)) || max != null && isAfter(startOfDay(date), startOfDay(max));
     });
+    return _this;
   }
-  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)];
+  _createClass(Day, [{
+    key: "parse",
+    value: function parse(text) {
+      return this.props.parseDateInput(text);
     }
-    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')))
-    );
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        day = _this$props.day,
+        from = _this$props.from,
+        currentRange = _this$props.currentRange,
+        activeRange = _this$props.activeRange,
+        empty = _this$props.empty;
+      var reverse = activeRange && activeRange[1] === from;
+      function makeSpreadRange(range) {
+        return range && [range[0], addDays(range[1], 1)];
+      }
+      var spreadRange = makeSpreadRange(currentRange);
+      var disabled = this.isDisabled(day);
+      var 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')], (_classNames = {}, _defineProperty(_classNames, modules_0c7b7d96.current, ['date', 'from', 'to'].some(this.is)), _defineProperty(_classNames, modules_0c7b7d96.active, !disabled && this.is('activeDate')), _defineProperty(_classNames, modules_0c7b7d96.weekend, [weekdays.SA, weekdays.SU].includes(getDay(day))), _defineProperty(_classNames, modules_0c7b7d96.empty, empty), _defineProperty(_classNames, modules_0c7b7d96.from, currentRange && this.isDay(currentRange[0]) && !reverse || activeRange && this.isDay(activeRange[0])), _defineProperty(_classNames, modules_0c7b7d96.to, currentRange && this.isDay(currentRange[1]) || activeRange && this.isDay(activeRange[1])), _defineProperty(_classNames, modules_0c7b7d96.between, this.inRange(currentRange)), _defineProperty(_classNames, modules_0c7b7d96.activeBetween, !disabled && this.inRange(activeRange)), _defineProperty(_classNames, modules_0c7b7d96.first, getDate(day) === 1), _defineProperty(_classNames, modules_0c7b7d96.spread, this.inRange(spreadRange)), _defineProperty(_classNames, modules_0c7b7d96.activeSpread, !disabled && this.inRange(activeSpreadRange)), _defineProperty(_classNames, modules_0c7b7d96.disabled, disabled), _classNames)),
+          onClick: this.handleClick,
+          onMouseOver: this.handleMouseOver,
+          onFocus: this.handleMouseOver,
+          onMouseOut: this.handleMouseOut,
+          onBlur: this.handleMouseOut,
+          disabled: disabled
+        }, empty || /*#__PURE__*/React.createElement("span", {
+          className: classNames(_defineProperty({}, modules_0c7b7d96.today, isToday(day)))
+        }, format(day, 'd')))
+      );
+    }
+  }]);
+  return Day;
+}(Component);
 _defineProperty(Day, "propTypes", {
   day: dateType,
   from: dateType,

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
-declare function MonthNames(props: MonthsProps): JSX.Element;
+declare function MonthNames(props: MonthsProps): React.JSX.Element;
 declare namespace MonthNames {
     var propTypes: {
         scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;

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

@@ -1,4 +1,7 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, j as _slicedToArray, f as _extends, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -10,68 +13,83 @@ import startOfDay from 'date-fns/startOfDay';
 import startOfYear from 'date-fns/startOfYear';
 import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
-import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed, HALF } from './consts.js';
+import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
+import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
-class MonthName extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleClick", () => {
-      const end = endOfMonth(this.props.month);
-      this.props.onScrollChange((+this.props.month + +end) * HALF);
+var MonthName = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MonthName, _PureComponent);
+  var _super = _createSuper(MonthName);
+  function MonthName() {
+    var _this;
+    _classCallCheck(this, MonthName);
+    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), "handleClick", function () {
+      var end = endOfMonth(_this.props.month);
+      _this.props.onScrollChange(end.getTime());
     });
+    return _this;
   }
-  render() {
-    const {
-      month,
-      locale
-    } = this.props;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames(modules_0c7b7d96.monthName, {
-        [modules_0c7b7d96.today]: isThisMonth(month)
-      }),
-      onClick: this.handleClick
-    }, format(month, 'LLL', {
-      locale
-    }));
-  }
-}
+  _createClass(MonthName, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        month = _this$props.month,
+        locale = _this$props.locale;
+      return /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        className: classNames(modules_0c7b7d96.monthName, _defineProperty({}, modules_0c7b7d96.today, isThisMonth(month))),
+        onClick: this.handleClick
+      }, format(month, 'LLL', {
+        locale: locale
+      }));
+    }
+  }]);
+  return MonthName;
+}(PureComponent);
 _defineProperty(MonthName, "propTypes", {
   month: dateType,
   onScrollChange: PropTypes.func,
   locale: PropTypes.string
 });
 function MonthNames(props) {
-  const {
-    scrollDate,
-    locale
-  } = props;
-  const months = [];
-  for (let i = 0; i < YEAR; i++) {
-    const middleDay = set(scrollDate, {
+  var scrollDate = props.scrollDate,
+    locale = props.locale;
+  var months = [];
+  for (var i = 0; i < YEAR; i++) {
+    var middleDay = set(scrollDate, {
       month: i,
       date: MIDDLE_DAY
     });
     months.push(startOfDay(middleDay));
   }
-  const pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
-  let top = 0;
-  let bottom = 0;
+  var pxToDate = linearFunction(0, Number(startOfYear(scrollDate)), yearScrollSpeed);
+  var top = 0;
+  var bottom = 0;
   if (props.currentRange) {
-    [top, bottom] = props.currentRange.map(date => Math.floor(pxToDate.x(Number(date))));
+    var _props$currentRange$m = props.currentRange.map(function (date) {
+      return Math.floor(pxToDate.x(Number(date)));
+    });
+    var _props$currentRange$m2 = _slicedToArray(_props$currentRange$m, 2);
+    top = _props$currentRange$m2[0];
+    bottom = _props$currentRange$m2[1];
   }
   return /*#__PURE__*/React.createElement("div", {
     className: modules_0c7b7d96.monthNames
-  }, months.map(month => /*#__PURE__*/React.createElement(MonthName, {
-    key: +month,
-    month: month,
-    onScrollChange: props.onScrollChange,
-    locale: locale
-  })), props.currentRange && /*#__PURE__*/React.createElement("div", {
+  }, months.map(function (month) {
+    return /*#__PURE__*/React.createElement(MonthName, {
+      key: +month,
+      month: month,
+      onScrollChange: props.onScrollChange,
+      locale: locale
+    });
+  }), props.currentRange && /*#__PURE__*/React.createElement("div", {
     className: modules_0c7b7d96.range,
     style: {
       top: top - 1,

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LinearFunction } from '../global/linear-function';
 import { MonthsProps } from './consts';
@@ -24,6 +24,6 @@ export default class MonthSlider extends PureComponent<MonthSliderProps> {
     onMouseDown: () => void;
     onMouseUp: () => void;
     onMouseMove: (e: MouseEvent) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -1,4 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,59 +11,75 @@ import subYears from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { dateType, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
-const COVERYEARS = 3;
-class MonthSlider extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var COVERYEARS = 3;
+var MonthSlider = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MonthSlider, _PureComponent);
+  var _super = _createSuper(MonthSlider);
+  function MonthSlider() {
+    var _this;
+    _classCallCheck(this, MonthSlider);
+    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), "state", {
       dragging: false
     });
-    _defineProperty(this, "onMouseDown", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "onMouseDown", function () {
+      _this.setState({
         dragging: true
       });
     });
-    _defineProperty(this, "onMouseUp", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "onMouseUp", function () {
+      _this.setState({
         dragging: false
       });
     });
-    _defineProperty(this, "onMouseMove", e => {
-      this.props.onScroll(linearFunction(0, Number(this.props.scrollDate), yearScrollSpeed).y(e.movementY));
+    _defineProperty(_assertThisInitialized(_this), "onMouseMove", function (e) {
+      _this.props.onScroll(linearFunction(0, Number(_this.props.scrollDate), yearScrollSpeed).y(e.movementY));
     });
+    return _this;
   }
-  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);
+  _createClass(MonthSlider, [{
+    key: "componentDidUpdate",
+    value: function 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);
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var year = subYears(startOfDay(this.props.scrollDate), 1);
+      var years = [year];
+      for (var i = 0; i <= COVERYEARS; i++) {
+        year = addYears(year, 1);
+        years.push(year);
+      }
+      var classes = classNames(modules_0c7b7d96.monthSlider, _defineProperty({}, modules_0c7b7d96.dragging, this.state.dragging));
+      return /*#__PURE__*/React.createElement("div", null, years.map(function (date) {
+        return /*#__PURE__*/React.createElement("button", {
+          type: "button",
+          key: +date,
+          className: classes,
+          style: {
+            top: Math.floor(_this2.props.pxToDate.x(Number(date)) - units.cellSize)
+          },
+          onMouseDown: _this2.onMouseDown
+        });
+      }));
     }
-    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(Number(date)) - units.cellSize)
-      },
-      onMouseDown: this.onMouseDown
-    })));
-  }
-}
+  }]);
+  return MonthSlider;
+}(PureComponent);
 _defineProperty(MonthSlider, "propTypes", {
   scrollDate: dateType,
   onScroll: PropTypes.func,

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {
     month: Date;
 }
-declare function Month(props: MonthProps): JSX.Element;
+declare function Month(props: MonthProps): React.JSX.Element;
 declare namespace Month {
     var propTypes: {
         month: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;

package/dist/date-picker/month.js

@@ -1,4 +1,5 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
 import React from 'react';
 import addDays from 'date-fns/addDays';
 import endOfMonth from 'date-fns/endOfMonth';
@@ -9,6 +10,10 @@ import PropTypes from 'prop-types';
 import Day from './day.js';
 import { dateType, weekdays, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';
@@ -16,18 +21,17 @@ import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
+import 'core-js/modules/es.regexp.exec.js';
 import 'date-fns/add';
 
 function Month(props) {
-  const start = props.month;
-  const end = endOfMonth(start);
-  const {
-    locale
-  } = props;
+  var start = props.month;
+  var end = endOfMonth(start);
+  var locale = props.locale;
   // 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 = [];
+  var weekday = getDay(start);
+  var day = setDay(start, weekday >= weekdays.FR ? weekdays.FR : weekdays.FR - WEEK);
+  var days = [];
   while (day < end) {
     days.push(day);
     day = addDays(day, 1);
@@ -37,12 +41,14 @@ function Month(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: modules_0c7b7d96.monthTitle
   }, format(props.month, 'LLLL', {
-    locale
-  })), days.map(date => /*#__PURE__*/React.createElement(Day, _extends({}, props, {
-    day: date,
-    empty: date < start,
-    key: +date
-  }))));
+    locale: locale
+  })), days.map(function (date) {
+    return /*#__PURE__*/React.createElement(Day, _extends({}, props, {
+      day: date,
+      empty: date < start,
+      key: +date
+    }));
+  }));
 }
 Month.propTypes = {
   month: dateType,

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
-declare function Months(props: MonthsProps): JSX.Element;
+declare function Months(props: MonthsProps): React.JSX.Element;
 declare namespace Months {
     var propTypes: {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;