@jetbrains/ring-ui-built 6.0.35 → 6.0.36

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

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, j as _slicedToArray, l as _createForOfIteratorHelper, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, i as _slicedToArray, k as _createForOfIteratorHelper, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.values.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { format } from 'date-fns/format';
@@ -26,6 +26,7 @@ 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 { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -77,6 +78,7 @@ import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import '../i18n/i18n.js';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
@@ -123,16 +125,18 @@ var PopupComponent = function PopupComponent(_ref) {
     datePopupProps = _ref.datePopupProps,
     onComplete = _ref.onComplete,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Popup, _extends({
+  return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
     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
-  })));
+  }, restProps), {}, {
+    children: /*#__PURE__*/jsx(DatePopup, _objectSpread2(_objectSpread2({
+      onClear: onClear
+    }, datePopupProps), {}, {
+      onComplete: onComplete
+    }))
+  }));
 };
 PopupComponent.propTypes = {
   hidden: PropTypes.bool,
@@ -254,15 +258,16 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
     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 anchorContent = /*#__PURE__*/jsxs("div", {
+        className: modules_0c7b7d96.anchorContent,
+        children: [/*#__PURE__*/jsx(Icon, {
+          glyph: calendarIcon,
+          className: modules_0c7b7d96.calendarIcon
+        }), this.getAnchorText(), /*#__PURE__*/jsx(Icon, {
+          glyph: chevronDownIcon,
+          className: modules_0c7b7d96.chevronDownIcon
+        })]
+      });
       var _this$props4 = this.props,
         className = _this$props4.className,
         popupClassName = _this$props4.popupClassName,
@@ -274,31 +279,35 @@ var DatePicker = /*#__PURE__*/function (_PureComponent) {
       var classes = classNames(modules_0c7b7d96.datePicker, className, modules_0c7b7d96["size".concat(this.props.size)], {
         [modules_0c7b7d96.inline]: inline
       });
-      return /*#__PURE__*/React.createElement(Dropdown, _extends({
+      return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
         className: classes,
         disabled: this.props.disabled,
-        anchor: inline ? /*#__PURE__*/React.createElement(Link, {
+        anchor: inline ? /*#__PURE__*/jsx(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, {
+          pseudo: true,
+          children: this.getAnchorText()
+        }) : /*#__PURE__*/jsx(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
+          disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false,
+          children: anchorContent
+        })
+      }, dropdownProps), {}, {
+        children: /*#__PURE__*/jsx(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
+        })
       }));
     }
   }]);

package/components/date-picker/date-popup.d.ts

@@ -1,4 +1,5 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { DatePickerChange, DatePopupBaseProps, DateSpecificPopupProps, DatePopupState, RangeSpecificPopupProps, TimeSpecificPopupProps, Field } from './consts';
 export type DatePopupProps = DatePopupBaseProps & (DateSpecificPopupProps | TimeSpecificPopupProps | RangeSpecificPopupProps);

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

@@ -1,8 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.to-string.js';
-import React, { Component } from 'react';
+import * as React from 'react';
+import { createElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import { isAfter } from 'date-fns/isAfter';
 import { isBefore } from 'date-fns/isBefore';
@@ -16,6 +17,7 @@ import Years from './years.js';
 import Weekdays from './weekdays.js';
 import { dateType, parseTime } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
@@ -47,6 +49,7 @@ import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
@@ -403,52 +406,55 @@ var DatePopup = /*#__PURE__*/function (_Component) {
         onScrollChange: this.scrollTo
       });
       var clearable = Boolean(this.props.onClear);
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: modules_0c7b7d96.datePopup,
         "data-test": "ring-date-popup",
-        ref: this.componentRef
-      }, /*#__PURE__*/React.createElement("div", {
-        className: modules_0c7b7d96.filterWrapper
-      }, names.map(function (name) {
-        var onClear;
-        if (clearable && name !== 'from' && !_this2.isInTimeMode()) {
-          onClear = _this2.onClear.bind(_this2);
-        }
-        return /*#__PURE__*/React.createElement(DateInput, _extends({}, _this2.props, _this2.state, {
-          divider: name === 'from' && (dates[name] != null || parsedTo != null),
-          name: name,
-          key: name,
-          date: dates[name],
-          active: _this2.state.active === name,
-          onActivate: _this2.handleActivate(name),
-          onInput: _this2.handleInput,
-          onConfirm: _this2.handleConfirm(name),
-          onClear: onClear,
+        ref: this.componentRef,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: modules_0c7b7d96.filterWrapper,
+          children: [names.map(function (name) {
+            var onClear;
+            if (clearable && name !== 'from' && !_this2.isInTimeMode()) {
+              onClear = _this2.onClear.bind(_this2);
+            }
+            return /*#__PURE__*/createElement(DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, _this2.props), _this2.state), {}, {
+              divider: name === 'from' && (dates[name] != null || parsedTo != null),
+              name: name,
+              key: name,
+              date: dates[name],
+              active: _this2.state.active === name,
+              onActivate: _this2.handleActivate(name),
+              onInput: _this2.handleInput,
+              onConfirm: _this2.handleConfirm(name),
+              onClear: onClear,
+              locale: locale
+            }));
+          }), this.isInTimeMode() ? /*#__PURE__*/createElement(DateInput, _objectSpread2(_objectSpread2({}, this.props), {}, {
+            text: this.state.text,
+            divider: !!parsedDate,
+            hoverDate: null,
+            name: 'time',
+            key: 'time',
+            date: null,
+            time: time,
+            active: this.state.active === 'time',
+            onActivate: this.handleActivate('time'),
+            onInput: this.handleInput,
+            onConfirm: this.handleConfirm('time'),
+            onClear: clearable && this.onClear || undefined,
+            locale: locale
+          })) : '']
+        }), /*#__PURE__*/jsx(Weekdays, {
           locale: locale
-        }));
-      }), this.isInTimeMode() ? /*#__PURE__*/React.createElement(DateInput, _extends({}, this.props, {
-        text: this.state.text,
-        divider: !!parsedDate,
-        hoverDate: null,
-        name: 'time',
-        key: 'time',
-        date: null,
-        time: time,
-        active: this.state.active === 'time',
-        onActivate: this.handleActivate('time'),
-        onInput: this.handleInput,
-        onConfirm: this.handleConfirm('time'),
-        onClear: clearable && this.onClear || undefined,
-        locale: locale
-      })) : ''), /*#__PURE__*/React.createElement(Weekdays, {
-        locale: locale
-      }), /*#__PURE__*/React.createElement("div", {
-        className: modules_0c7b7d96.calendar
-      }, /*#__PURE__*/React.createElement(Months, _extends({}, calendarProps, {
-        onHover: this.hoverHandler,
-        onSelect: this.selectHandler,
-        locale: locale
-      })), /*#__PURE__*/React.createElement(Years, calendarProps)), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state));
+        }), /*#__PURE__*/jsxs("div", {
+          className: modules_0c7b7d96.calendar,
+          children: [/*#__PURE__*/jsx(Months, _objectSpread2(_objectSpread2({}, calendarProps), {}, {
+            onHover: this.hoverHandler,
+            onSelect: this.selectHandler,
+            locale: locale
+          })), /*#__PURE__*/jsx(Years, _objectSpread2({}, calendarProps))]
+        }), this.props.renderAfterCalendar && this.props.renderAfterCalendar(this.state)]
+      });
     }
   }], [{
     key: "sameDay",

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface DayProps extends MonthsProps {
@@ -27,5 +27,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(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/date-picker/day.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.string.includes.js';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { addDays } from 'date-fns/addDays';
@@ -17,6 +17,7 @@ import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
 import { dateType, getDayNumInWeek, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.object.values.js';
@@ -89,7 +90,7 @@ var Day = /*#__PURE__*/function (_Component) {
       return (
         /*#__PURE__*/
         // TODO make keyboard navigation actually work
-        React.createElement("button", {
+        jsx("button", {
           type: "button",
           className: classNames(modules_0c7b7d96.day, modules_0c7b7d96["Day".concat(dayInWeek)], {
             [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
@@ -110,12 +111,14 @@ var Day = /*#__PURE__*/function (_Component) {
           onFocus: this.handleMouseOver,
           onMouseOut: this.handleMouseOut,
           onBlur: this.handleMouseOut,
-          disabled: disabled
-        }, empty || /*#__PURE__*/React.createElement("span", {
-          className: classNames({
-            [modules_0c7b7d96.today]: isToday(day)
+          disabled: disabled,
+          children: empty || /*#__PURE__*/jsx("span", {
+            className: classNames({
+              [modules_0c7b7d96.today]: isToday(day)
+            }),
+            children: format(day, 'd')
           })
-        }, format(day, 'd')))
+        })
       );
     }
   }]);

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

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

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

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, j as _slicedToArray, e as _extends, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, i as _slicedToArray, d as _objectSpread2, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { endOfMonth } from 'date-fns/endOfMonth';
@@ -14,6 +14,7 @@ import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
 import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
 import 'core-js/modules/es.array.index-of.js';
@@ -43,15 +44,16 @@ var MonthName = /*#__PURE__*/function (_PureComponent) {
       var _this$props = this.props,
         month = _this$props.month,
         locale = _this$props.locale;
-      return /*#__PURE__*/React.createElement("button", {
+      return /*#__PURE__*/jsx("button", {
         type: "button",
         className: classNames(modules_0c7b7d96.monthName, {
           [modules_0c7b7d96.today]: isThisMonth(month)
         }),
-        onClick: this.handleClick
-      }, format(month, 'LLL', {
-        locale
-      }));
+        onClick: this.handleClick,
+        children: format(month, 'LLL', {
+          locale
+        })
+      });
     }
   }]);
 }(PureComponent);
@@ -82,24 +84,24 @@ function MonthNames(props) {
     top = _props$currentRange$m2[0];
     bottom = _props$currentRange$m2[1];
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_0c7b7d96.monthNames
-  }, 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,
-      height: bottom + 1 - (top - 1)
-    }
-  }), /*#__PURE__*/React.createElement(MonthSlider, _extends({}, props, {
-    pxToDate: pxToDate
-  })));
+  return /*#__PURE__*/jsxs("div", {
+    className: modules_0c7b7d96.monthNames,
+    children: [months.map(function (month) {
+      return /*#__PURE__*/jsx(MonthName, {
+        month: month,
+        onScrollChange: props.onScrollChange,
+        locale: locale
+      }, +month);
+    }), props.currentRange && /*#__PURE__*/jsx("div", {
+      className: modules_0c7b7d96.range,
+      style: {
+        top: top - 1,
+        height: bottom + 1 - (top - 1)
+      }
+    }), /*#__PURE__*/jsx(MonthSlider, _objectSpread2(_objectSpread2({}, props), {}, {
+      pxToDate: pxToDate
+    }))]
+  });
 }
 MonthNames.propTypes = {
   scrollDate: dateType,

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

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import { 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(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

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

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { addYears } from 'date-fns/addYears';
@@ -10,6 +10,7 @@ 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 { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.index-of.js';
 import 'core-js/modules/es.array.slice.js';
 import 'core-js/modules/es.object.values.js';
@@ -68,17 +69,18 @@ var MonthSlider = /*#__PURE__*/function (_PureComponent) {
       var classes = classNames(modules_0c7b7d96.monthSlider, {
         [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
-        });
-      }));
+      return /*#__PURE__*/jsx("div", {
+        children: years.map(function (date) {
+          return /*#__PURE__*/jsx("button", {
+            type: "button",
+            className: classes,
+            style: {
+              top: Math.floor(_this2.props.pxToDate.x(Number(date)) - units.cellSize)
+            },
+            onMouseDown: _this2.onMouseDown
+          }, +date);
+        })
+      });
     }
   }]);
 }(PureComponent);

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

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

package/components/date-picker/month.js

@@ -1,7 +1,6 @@
-import { e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.values.js';
-import React from 'react';
 import { addDays } from 'date-fns/addDays';
 import { endOfMonth } from 'date-fns/endOfMonth';
 import { format } from 'date-fns/format';
@@ -11,6 +10,8 @@ import PropTypes from 'prop-types';
 import Day from './day.js';
 import { dateType, shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -41,19 +42,21 @@ function Month(props) {
     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, 'LLLL', {
-    locale
-  })), days.map(function (date) {
-    return /*#__PURE__*/React.createElement(Day, _extends({}, props, {
-      day: date,
-      empty: date < start,
-      key: +date
-    }));
-  }));
+  return /*#__PURE__*/jsxs("div", {
+    className: modules_0c7b7d96.month,
+    children: [/*#__PURE__*/jsx("span", {
+      className: modules_0c7b7d96.monthTitle,
+      children: format(props.month, 'LLLL', {
+        locale
+      })
+    }), days.map(function (date) {
+      return /*#__PURE__*/createElement(Day, _objectSpread2(_objectSpread2({}, props), {}, {
+        day: date,
+        empty: date < start,
+        key: +date
+      }));
+    })]
+  });
 }
 Month.propTypes = {
   month: dateType,

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

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

package/components/date-picker/months.js

@@ -1,6 +1,6 @@
-import { e as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
-import React, { useMemo, useRef, useEffect } from 'react';
+import { useMemo, useRef, useEffect, createElement } from 'react';
 import PropTypes from 'prop-types';
 import { addMonths } from 'date-fns/addMonths';
 import { getDay } from 'date-fns/getDay';
@@ -15,6 +15,7 @@ import Month from './month.js';
 import MonthNames from './month-names.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, DOUBLE, HALF, WEEK, weekdays } from './consts.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.values.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
@@ -113,20 +114,22 @@ function Months(props) {
       }
     };
   }, [handleWheel]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: modules_0c7b7d96.months,
-    ref: componentRef
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
-    },
-    className: modules_0c7b7d96.days
-  }, months.map(function (date) {
-    return /*#__PURE__*/React.createElement(Month, _extends({}, props, {
-      month: date,
-      key: +date
-    }));
-  })), /*#__PURE__*/React.createElement(MonthNames, props));
+    ref: componentRef,
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        top: Math.floor(calHeight * HALF - monthHeight(months[0]) - monthHeight(months[1]) + offset)
+      },
+      className: modules_0c7b7d96.days,
+      children: months.map(function (date) {
+        return /*#__PURE__*/createElement(Month, _objectSpread2(_objectSpread2({}, props), {}, {
+          month: date,
+          key: +date
+        }));
+      })
+    }), /*#__PURE__*/jsx(MonthNames, _objectSpread2({}, props))]
+  });
 }
 Months.propTypes = {
   onScroll: PropTypes.func,

package/components/date-picker/weekdays.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {
     locale: Locale | undefined;
 }
-declare function Weekdays(props: WeekdaysProps): React.JSX.Element;
+declare function Weekdays(props: WeekdaysProps): import("react").JSX.Element;
 declare namespace Weekdays {
     var propTypes: {
         locale: PropTypes.Requireable<object>;