rsuite 5.18.0-beta.3 → 5.18.1-beta.4

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [5.18.1](https://github.com/rsuite/rsuite/compare/v5.18.0...v5.18.1) (2022-09-15)
+
+### Bug Fixes
+
+- **Nav:** fix incorrect height of <Nav.Menu>, fix [#2678](https://github.com/rsuite/rsuite/issues/2678) ([#2716](https://github.com/rsuite/rsuite/issues/2716)) ([8cefc64](https://github.com/rsuite/rsuite/commit/8cefc64ecfc6614bff4842b193f515064f0b5e3b))
+- **Stack:** fix spacing compat for chrome under 84 ([#2718](https://github.com/rsuite/rsuite/issues/2718)) ([a75b6a6](https://github.com/rsuite/rsuite/commit/a75b6a6b8cf0e2aa11abfde6205ddba57f458414))
+
+### Features
+
+- **Calendar:** add a button to collapse the month and time view ([#2722](https://github.com/rsuite/rsuite/issues/2722)) ([b49bfaf](https://github.com/rsuite/rsuite/commit/b49bfaf5b553d1d13c17ba07951306147091ee44))
+- **List:** add size prop to ListItem ([#2714](https://github.com/rsuite/rsuite/issues/2714)) ([ed3b023](https://github.com/rsuite/rsuite/commit/ed3b02305ef603d2d1b60bedd849f6c946ef7127))
+
 # [5.18.0](https://github.com/rsuite/rsuite/compare/v5.17.1...v5.18.0) (2022-09-08)
 
 ### Bug Fixes

package/Calendar/styles/index.less

@@ -42,8 +42,8 @@
     float: none !important;
   }
 
-  &-panel&-show-month-dropdown &-header-forward,
-  &-panel&-show-month-dropdown &-header-backward {
+  &-panel&-month-view &-header-forward,
+  &-panel&-month-view &-header-backward {
     display: inline-block;
     visibility: hidden;
     pointer-events: none;
@@ -53,12 +53,12 @@
     width: auto !important;
   }
 
-  &-panel&-show-month-dropdown &-header-month-toolbar {
+  &-panel&-month-view &-header-month-toolbar {
     padding-left: 0;
     padding-right: 0;
   }
 
-  &-panel &-show-month-dropdown {
+  &-panel &-month-view {
     padding-left: 0;
     padding-right: 0;
   }
@@ -141,13 +141,32 @@
   &-panel&-compact &-table-row:not(&-table-header-row) &-table-cell-content {
     height: @calendar-panel-compact-cell-height;
   }
+
+  &-btn-close {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 14px;
+    padding: 0;
+    border: 0;
+    display: flex;
+    justify-content: center;
+    background: var(--rs-bg-overlay);
+    z-index: 1;
+  }
+
+  &-panel &-btn-close {
+    bottom: 11px;
+    margin: 0 20px;
+  }
 }
 
 // DatePicker
 // ----------------------
 
 // Show month dropdown
-.rs-calendar-show-month-dropdown {
+.rs-calendar-month-view {
   .rs-calendar-header-month-toolbar {
     padding-left: 24px;
     padding-right: 24px;
@@ -173,7 +192,7 @@
 }
 
 // Show time dropdown
-.rs-calendar-show-time-dropdown {
+.rs-calendar-time-view {
   .rs-calendar-header-title-time {
     .picker-calendar-title-show();
 
@@ -322,7 +341,7 @@
 
 /* rtl:end:ignore */
 
-.rs-calendar-view {
+.rs-calendar-body {
   padding: @calendar-picker-view-padding-top @calendar-picker-padding @calendar-picker-padding;
 }
 
@@ -440,11 +459,11 @@
   overflow: hidden;
   z-index: @zindex-date-range-picker-table-cell-content;
 
-  .rs-calendar-show-month-dropdown & {
+  .rs-calendar-month-view & {
     display: block;
   }
 
-  .rs-calendar-show-month-dropdown &-content {
+  .rs-calendar-month-view &-content {
     animation: 0.3s linear slideDown;
   }
 
@@ -527,11 +546,11 @@
   overflow: hidden;
   z-index: @zindex-date-range-picker-table-cell-content;
 
-  .rs-calendar-show-time-dropdown & {
+  .rs-calendar-time-view & {
     display: block;
   }
 
-  .rs-calendar-show-time-dropdown &-content {
+  .rs-calendar-time-view &-content {
     animation: 0.3s linear slideDown;
   }
 

package/DateRangePicker/styles/index.less

@@ -10,7 +10,7 @@
 .rs-picker-daterange-menu {
   .rs-calendar {
     display: inline-block;
-    height: 276px;
+    height: 274px;
     padding-bottom: 12px;
 
     &:first-child {

package/Nav/styles/index.less

@@ -15,6 +15,7 @@
   // Rest dropdown height
   .rs-dropdown > .rs-dropdown-toggle {
     height: 36px;
+    vertical-align: bottom;
   }
 
   // Ripple

package/cjs/Calendar/Calendar.d.ts

@@ -1,61 +1,26 @@
-import React, { HTMLAttributes } from 'react';
-import { HeaderProps } from './Header';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import React from 'react';
+import Calendar from './CalendarContainer';
 import { CalendarLocale } from '../locales';
-export declare enum CalendarState {
-    'DROP_TIME' = "DROP_TIME",
-    'DROP_MONTH' = "DROP_MONTH"
-}
-export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange' | 'onMouseMove'>, Omit<HeaderProps, 'onMoveForward' | 'onMoveBackward' | 'showDate' | 'showTime' | 'showMonth'> {
-    /** The status of the calendar display: day, month, time. */
-    calendarState?: CalendarState;
-    /** The panel render based on date range */
-    dateRange?: Date[];
-    /** Disabled date */
-    disabledDate?: (date: Date) => boolean;
-    /** Disabled hours */
-    disabledHours?: (hour: number, date: Date) => boolean;
-    /** Disabled minutes */
-    disabledMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
-    disabledSeconds?: (second: number, date: Date) => boolean;
-    /** Format str */
-    format: string;
-    /** Hidden hours */
-    hideHours?: (hour: number, date: Date) => boolean;
-    /** Hidden minutes */
-    hideMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
-    hideSeconds?: (second: number, date: Date) => boolean;
-    /** The value that mouse hover on in range selection */
-    hoverRangeValue?: [Date, Date];
-    /** Is it in the same month as today */
-    inSameMonth?: (date: Date) => boolean;
-    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day */
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+export interface CalendarProps extends WithAsProps {
+    /** Controlled value */
+    value?: Date;
+    /** Default value  */
+    defaultValue?: Date;
+    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day  */
     isoWeek?: boolean;
-    /** Limit showing how many years in the future */
-    limitEndYear?: number;
+    /** Display a compact calendar   */
+    compact?: boolean;
+    /** Show border   */
+    bordered?: boolean;
     /** Custom locale */
-    locale: CalendarLocale;
-    /** Callback after the date has changed */
-    onChangePageDate?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    /** Callback after the time has changed */
-    onChangePageTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    /** Callback after mouse enter other date cell */
-    onMouseMove?: (date: Date) => void;
-    /** Switch to the callback triggered after the previous month. */
-    onMoveBackward?: (nextPageDate: Date) => void;
-    /** Switch to the callback triggered after the next month. */
-    onMoveForward?: (nextPageDate: Date) => void;
+    locale?: CalendarLocale;
+    /**  Callback fired before the value changed  */
+    onChange?: (date: Date) => void;
     /** Callback fired before the date selected */
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    /** Date displayed on the current page */
-    calendarDate: Date;
-    /** Custom rendering cell*/
+    onSelect?: (date: Date) => void;
+    /** Custom render calendar cells  */
     renderCell?: (date: Date) => React.ReactNode;
-    /** Whether to show week numbers */
-    showWeekNumbers?: boolean;
-    inline?: boolean;
 }
-declare const Calendar: RsRefForwardingComponent<'div', CalendarProps>;
-export default Calendar;
+declare const CalendarPanel: RsRefForwardingComponent<typeof Calendar, CalendarProps>;
+export default CalendarPanel;

package/cjs/Calendar/Calendar.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.default = exports.CalendarState = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,188 +15,109 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _pick = _interopRequireDefault(require("lodash/pick"));
+var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 
-var _MonthDropdown = _interopRequireDefault(require("./MonthDropdown"));
+var _Button = _interopRequireDefault(require("../Button"));
 
-var _TimeDropdown = _interopRequireDefault(require("./TimeDropdown"));
-
-var _View = _interopRequireDefault(require("./View"));
-
-var _Header = _interopRequireDefault(require("./Header"));
+var _CustomProvider = require("../CustomProvider");
 
 var _utils = require("../utils");
 
-var _CalendarContext = require("./CalendarContext");
-
-var CalendarState;
-exports.CalendarState = CalendarState;
+var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 
-(function (CalendarState) {
-  CalendarState["DROP_TIME"] = "DROP_TIME";
-  CalendarState["DROP_MONTH"] = "DROP_MONTH";
-})(CalendarState || (exports.CalendarState = CalendarState = {}));
-
-var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
+      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,
+      bordered = props.bordered,
       className = props.className,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
-      calendarState = props.calendarState,
-      dateRange = props.dateRange,
-      disabledBackward = props.disabledBackward,
-      disabledDate = props.disabledDate,
-      disabledForward = props.disabledForward,
-      format = props.format,
-      hoverRangeValue = props.hoverRangeValue,
-      inSameMonth = props.inSameMonth,
-      _props$isoWeek = props.isoWeek,
-      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
-      limitEndYear = props.limitEndYear,
-      locale = props.locale,
-      onChangePageDate = props.onChangePageDate,
-      onChangePageTime = props.onChangePageTime,
-      onMouseMove = props.onMouseMove,
-      onMoveBackward = props.onMoveBackward,
-      onMoveForward = props.onMoveForward,
+      compact = props.compact,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
+      isoWeek = props.isoWeek,
+      overrideLocale = props.locale,
+      onChange = props.onChange,
       onSelect = props.onSelect,
-      onToggleMeridian = props.onToggleMeridian,
-      onToggleMonthDropdown = props.onToggleMonthDropdown,
-      onToggleTimeDropdown = props.onToggleTimeDropdown,
-      calendarDate = props.calendarDate,
       renderCell = props.renderCell,
-      renderTitle = props.renderTitle,
-      renderToolbar = props.renderToolbar,
-      showMeridian = props.showMeridian,
-      showWeekNumbers = props.showWeekNumbers,
-      inline = props.inline,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "calendarState", "dateRange", "disabledBackward", "disabledDate", "disabledForward", "format", "hoverRangeValue", "inSameMonth", "isoWeek", "limitEndYear", "locale", "onChangePageDate", "onChangePageTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "renderCell", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
+      value = props.value,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onSelect", "renderCell", "value"]);
+
+  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),
+      calendarDate = _useCalendarDate.calendarDate,
+      setCalendarDate = _useCalendarDate.setCalendarDate;
+
+  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
+      locale = _useCustom.locale;
+
+  var handleChange = (0, _react.useCallback)(function (nextValue) {
+    setCalendarDate(nextValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+  }, [setCalendarDate, onChange]);
+  var handleClickToday = (0, _react.useCallback)(function () {
+    handleChange(new Date());
+  }, [handleChange]);
+  var handleSelect = (0, _react.useCallback)(function (nextValue) {
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
+    handleChange(nextValue);
+  }, [handleChange, onSelect]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
-  var isDisabledDate = (0, _react.useCallback)(function (date) {
-    var _disabledDate;
-
-    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;
-  }, [disabledDate]);
-
-  var isTimeDisabled = function isTimeDisabled(date) {
-    return _utils.DateUtils.disabledTime(props, date);
-  };
-
-  var handleMoveForward = (0, _react.useCallback)(function () {
-    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward(_utils.DateUtils.addMonths(calendarDate, 1));
-  }, [onMoveForward, calendarDate]);
-  var handleMoveBackward = (0, _react.useCallback)(function () {
-    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward(_utils.DateUtils.addMonths(calendarDate, -1));
-  }, [onMoveBackward, calendarDate]);
-
-  var showDate = _utils.DateUtils.shouldDate(format);
-
-  var showTime = _utils.DateUtils.shouldTime(format);
-
-  var showMonth = _utils.DateUtils.shouldMonth(format);
-
-  var onlyShowTime = showTime && !showDate && !showMonth;
-  var onlyShowMonth = showMonth && !showDate && !showTime;
-  var dropTime = calendarState === CalendarState.DROP_TIME || onlyShowTime;
-  var dropMonth = calendarState === CalendarState.DROP_MONTH || onlyShowMonth;
-  var inSameThisMonthDate = (0, _react.useCallback)(function (date) {
-    return (0, _utils.composeFunctions)(function (d) {
-      return _utils.DateUtils.setDate(d, 1);
-    }, function (d) {
-      return _utils.DateUtils.isSameMonth(d, date);
-    })(date);
-  }, []);
-  var calendarClasses = merge(className, withClassPrefix({
-    'show-time-dropdown': dropTime,
-    'show-month-dropdown': dropMonth,
-    'show-week-numbers': showWeekNumbers
+      prefix = _useClassNames.prefix,
+      merge = _useClassNames.merge,
+      withClassPrefix = _useClassNames.withClassPrefix;
+
+  var renderToolbar = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      className: prefix('btn-today'),
+      size: "sm",
+      onClick: handleClickToday
+    }, locale.today || 'Today');
+  }, [handleClickToday, locale.today, prefix]);
+  var customRenderCell = (0, _react.useCallback)(function (date) {
+    return renderCell === null || renderCell === void 0 ? void 0 : renderCell(date);
+  }, [renderCell]);
+  var classes = merge(className, withClassPrefix('panel', {
+    bordered: bordered,
+    compact: compact
   }));
-  var timeDropdownProps = (0, _pick.default)(rest, _utils.DateUtils.calendarOnlyProps);
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      date: calendarDate,
-      dateRange: dateRange,
-      disabledDate: isDisabledDate,
-      format: format,
-      hoverRangeValue: hoverRangeValue,
-      inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,
-      isoWeek: isoWeek,
-      locale: locale,
-      onChangePageDate: onChangePageDate,
-      onChangePageTime: onChangePageTime,
-      onMouseMove: onMouseMove,
-      onSelect: onSelect,
-      renderCell: renderCell,
-      showWeekNumbers: showWeekNumbers,
-      inline: inline
-    };
-  }, [calendarDate, dateRange, format, hoverRangeValue, inSameMonth, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangePageDate, onChangePageTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);
-  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, _utils.DateUtils.omitHideDisabledProps(rest), {
-    className: calendarClasses,
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_Header.default, {
-    showMonth: showMonth,
-    showDate: showDate,
-    showTime: showTime,
-    showMeridian: showMeridian,
-    disabledTime: isTimeDisabled,
-    onMoveForward: handleMoveForward,
-    onMoveBackward: handleMoveBackward,
-    onToggleMonthDropdown: onToggleMonthDropdown,
-    onToggleTimeDropdown: onToggleTimeDropdown,
-    onToggleMeridian: onToggleMeridian,
-    renderTitle: renderTitle,
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    inline: true,
+    className: classes,
+    ref: ref,
+    isoWeek: isoWeek,
+    format: "yyyy-MM-dd",
+    calendarDate: calendarDate,
+    limitEndYear: 1000,
+    locale: locale,
+    renderTitle: function renderTitle(date) {
+      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
+        date: date,
+        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
+      });
+    },
     renderToolbar: renderToolbar,
-    disabledBackward: disabledBackward,
-    disabledForward: disabledForward
-  }), showDate && /*#__PURE__*/_react.default.createElement(_View.default, null), showMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {
-    show: dropMonth,
-    limitEndYear: limitEndYear,
-    disabledMonth: isDisabledDate
-  }), showTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {
-    show: dropTime,
-    showMeridian: showMeridian
-  }))));
+    renderCell: customRenderCell,
+    onMoveForward: handleChange,
+    onMoveBackward: handleChange,
+    onChangePageDate: handleChange,
+    onSelect: handleSelect
+  }));
 });
 
-Calendar.displayName = 'Calendar';
-Calendar.propTypes = {
-  calendarState: _propTypes.default.oneOf(Object.values(CalendarState)),
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  disabledDate: _propTypes.default.func,
-  disabledHours: _propTypes.default.func,
-  disabledMinutes: _propTypes.default.func,
-  disabledSeconds: _propTypes.default.func,
-  format: _propTypes.default.string,
-  hideHours: _propTypes.default.func,
-  hideMinutes: _propTypes.default.func,
-  hideSeconds: _propTypes.default.func,
-  inSameMonth: _propTypes.default.func,
+CalendarPanel.displayName = 'CalendarPanel';
+CalendarPanel.propTypes = {
+  value: _propTypes.default.instanceOf(Date),
+  defaultValue: _propTypes.default.instanceOf(Date),
   isoWeek: _propTypes.default.bool,
-  limitEndYear: _propTypes.default.number,
+  compact: _propTypes.default.bool,
+  bordered: _propTypes.default.bool,
   locale: _propTypes.default.object,
-  onChangePageDate: _propTypes.default.func,
-  onChangePageTime: _propTypes.default.func,
-  onMoveBackward: _propTypes.default.func,
-  onMoveForward: _propTypes.default.func,
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  onChange: _propTypes.default.func,
   onSelect: _propTypes.default.func,
-  onToggleMeridian: _propTypes.default.func,
-  onToggleMonthDropdown: _propTypes.default.func,
-  onToggleTimeDropdown: _propTypes.default.func,
-  calendarDate: _propTypes.default.instanceOf(Date),
-  renderCell: _propTypes.default.func,
-  renderTitle: _propTypes.default.func,
-  renderToolbar: _propTypes.default.func,
-  showMeridian: _propTypes.default.bool,
-  showWeekNumbers: _propTypes.default.bool
+  renderCell: _propTypes.default.func
 };
-var _default = Calendar;
+var _default = CalendarPanel;
 exports.default = _default;

package/cjs/Calendar/CalendarBody.d.ts

@@ -0,0 +1,4 @@
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+export declare type CalendarBodyProps = WithAsProps;
+declare const CalendarBody: RsRefForwardingComponent<'div', CalendarBodyProps>;
+export default CalendarBody;

package/cjs/Calendar/{View.js → CalendarBody.js}

@@ -19,12 +19,12 @@ var _Table = _interopRequireDefault(require("./Table"));
 
 var _CalendarContext = require("./CalendarContext");
 
-var View = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'calendar-view' : _props$classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'calendar-body' : _props$classPrefix,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix"]);
 
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
@@ -53,11 +53,11 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 
-View.displayName = 'View';
-View.propTypes = {
+CalendarBody.displayName = 'CalendarBody';
+CalendarBody.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string
 };
-var _default = View;
+var _default = CalendarBody;
 exports.default = _default;

package/cjs/Calendar/CalendarContainer.d.ts

@@ -0,0 +1,61 @@
+import React, { HTMLAttributes } from 'react';
+import { CalendarHeaderProps } from './CalendarHeader';
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { CalendarLocale } from '../locales';
+import { CalendarState } from './useCalendarState';
+export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange' | 'onMouseMove'>, CalendarHeaderProps {
+    /** The panel render based on date range */
+    dateRange?: Date[];
+    /** Date displayed on the current page */
+    calendarDate: Date;
+    /** Whether to show week numbers */
+    showWeekNumbers?: boolean;
+    inline?: boolean;
+    defaultState?: CalendarState;
+    /** Disabled date */
+    disabledDate?: (date: Date) => boolean;
+    /** Disabled hours */
+    disabledHours?: (hour: number, date: Date) => boolean;
+    /** Disabled minutes */
+    disabledMinutes?: (minute: number, date: Date) => boolean;
+    /** Hidden seconds */
+    disabledSeconds?: (second: number, date: Date) => boolean;
+    /** Format str */
+    format: string;
+    /** Hidden hours */
+    hideHours?: (hour: number, date: Date) => boolean;
+    /** Hidden minutes */
+    hideMinutes?: (minute: number, date: Date) => boolean;
+    /** Hidden seconds */
+    hideSeconds?: (second: number, date: Date) => boolean;
+    /** The value that mouse hover on in range selection */
+    hoverRangeValue?: [Date, Date];
+    /** Is it in the same month as today */
+    inSameMonth?: (date: Date) => boolean;
+    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day */
+    isoWeek?: boolean;
+    /** Limit showing how many years in the future */
+    limitEndYear?: number;
+    /** Custom locale */
+    locale: CalendarLocale;
+    /** Callback after the date has changed */
+    onChangePageDate?: (nextPageDate: Date, event: React.MouseEvent) => void;
+    /** Callback after the time has changed */
+    onChangePageTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
+    /** Callback after mouse enter other date cell */
+    onMouseMove?: (date: Date) => void;
+    /** Switch to the callback triggered after the previous month. */
+    onMoveBackward?: (nextPageDate: Date) => void;
+    /** Switch to the callback triggered after the next month. */
+    onMoveForward?: (nextPageDate: Date) => void;
+    /** Callback fired before the date selected */
+    onSelect?: (date: Date, event: React.MouseEvent) => void;
+    /** Custom rendering cell*/
+    renderCell?: (date: Date) => React.ReactNode;
+    /** Called when opening the month view */
+    onToggleMonthDropdown?: (toggle: boolean) => void;
+    /** Called when opening the time view */
+    onToggleTimeDropdown?: (toggle: boolean) => void;
+}
+declare const CalendarContainer: RsRefForwardingComponent<'div', CalendarProps>;
+export default CalendarContainer;