rsuite 5.70.3 → 5.72.0

package/TimeRangePicker/styles/index.less

@@ -0,0 +1 @@
+@import '../../DateRangePicker/styles/index.less';

package/cjs/Calendar/Calendar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import CalendarContainer from './CalendarContainer';
 import type { CalendarLocale } from '../locales';
 import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import type { MonthDropdownProps } from './CalendarContext';
+import type { MonthDropdownProps } from './types';
 export interface CalendarProps extends WithAsProps {
     /**
      * Controlled value

package/cjs/Calendar/Calendar.js

@@ -6,17 +6,15 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
+var _date = require("../internals/utils/date");
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
-var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _CustomProvider = require("../CustomProvider");
 var _hooks = require("../internals/hooks");
+var _hooks2 = require("./hooks");
 var _excluded = ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "weekStart", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * The Calendar component is used to select dates.
  * @see https://rsuitejs.com/components/calendar
@@ -30,7 +28,7 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'calendar' : _props$classPrefix,
     compact = props.compact,
     _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? (0, _date.startOfDay)(new Date()) : _props$defaultValue,
     isoWeek = props.isoWeek,
     _props$weekStart = props.weekStart,
     weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
@@ -42,39 +40,42 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value = props.value,
     cellClassName = props.cellClassName,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),
+  var _useCalendarDate = (0, _hooks2.useCalendarDate)(value, defaultValue),
     calendarDate = _useCalendarDate.calendarDate,
     setCalendarDate = _useCalendarDate.setCalendarDate;
   var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
     locale = _useCustom.locale;
-  var handleChange = (0, _react.useCallback)(function (nextValue) {
+  var handleChange = (0, _hooks.useEventCallback)(function (nextValue) {
     setCalendarDate(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
-    if (!(0, _isSameMonth.default)(nextValue, calendarDate)) {
+    if (!(0, _date.isSameMonth)(nextValue, calendarDate)) {
       onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);
     }
-  }, [setCalendarDate, onChange, calendarDate, onMonthChange]);
-  var handleClickToday = (0, _react.useCallback)(function () {
+  });
+  var handleClickToday = (0, _hooks.useEventCallback)(function () {
     handleChange(new Date());
-  }, [handleChange]);
-  var handleSelect = (0, _react.useCallback)(function (nextValue) {
+  });
+  var handleSelect = (0, _hooks.useEventCallback)(function (nextValue) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
     handleChange(nextValue);
-  }, [handleChange, onSelect]);
+  });
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var renderToolbar = (0, _react.useCallback)(function () {
+  var renderToolbar = function renderToolbar() {
     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 renderTitle = function renderTitle(date) {
+    return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
+      date: date,
+      formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
+    });
+  };
   var classes = merge(className, withClassPrefix('panel', {
     bordered: bordered,
     compact: compact
@@ -89,14 +90,9 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     calendarDate: calendarDate,
     limitEndYear: 1000,
     locale: locale,
-    renderTitle: function renderTitle(date) {
-      return /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
-        date: date,
-        formatStr: locale.formattedMonthPattern || 'MMMM  yyyy'
-      });
-    },
+    renderTitle: renderTitle,
     renderToolbar: renderToolbar,
-    renderCell: customRenderCell,
+    renderCell: renderCell,
     cellClassName: cellClassName,
     onMoveForward: handleChange,
     onMoveBackward: handleChange,

package/cjs/Calendar/CalendarBody.js

@@ -9,8 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _date = require("../internals/utils/date");
 var _hooks = require("../internals/hooks");
-var _Table = _interopRequireDefault(require("./Table"));
-var _CalendarContext = require("./CalendarContext");
+var _Grid = _interopRequireDefault(require("./Grid"));
+var _hooks2 = require("./hooks");
 var _excluded = ["as", "className", "classPrefix"];
 var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -19,12 +19,12 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'calendar-body' : _props$classPrefix,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-    _useCalendarContext$d = _useCalendarContext.date,
-    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-    isoWeek = _useCalendarContext.isoWeek,
-    overrideLocale = _useCalendarContext.locale,
-    weekStart = _useCalendarContext.weekStart;
+  var _useCalendar = (0, _hooks2.useCalendar)(),
+    _useCalendar$date = _useCalendar.date,
+    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
+    isoWeek = _useCalendar.isoWeek,
+    overrideLocale = _useCalendar.locale,
+    weekStart = _useCalendar.weekStart;
   var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate;
@@ -36,7 +36,7 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement(_Table.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     rows: (0, _date.getWeekStartDates)(thisMonthDate, {
       isoWeek: isoWeek,
       weekStart: weekStart,

package/cjs/Calendar/CalendarContainer.d.ts

@@ -2,8 +2,8 @@ import React, { HTMLAttributes } from 'react';
 import { CalendarHeaderProps } from './CalendarHeader';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { CalendarLocale } from '../locales';
-import { MonthDropdownProps } from './CalendarContext';
-import { CalendarState } from './useCalendarState';
+import { CalendarState } from './hooks';
+import { MonthDropdownProps } from './types';
 export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange' | 'onMouseMove'>, CalendarHeaderProps {
     /**
      * The panel render based on date range
@@ -21,6 +21,10 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      * Whether to show week numbers
      */
     showWeekNumbers?: boolean;
+    /**
+     * Whether to show meridiem
+     */
+    showMeridiem?: boolean;
     /**
      * Whether inline mode
      */
@@ -71,6 +75,10 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      * @see https://en.wikipedia.org/wiki/ISO_week_date
      */
     isoWeek?: boolean;
+    /**
+     * The index of the calendar
+     */
+    index?: number;
     /**
      * the index of the first day of the week (0 - Sunday)
      * If `isoWeek` is `true`, the value of `weekStart` is ignored.

package/cjs/Calendar/CalendarContainer.js

@@ -14,10 +14,10 @@ var _CalendarBody = _interopRequireDefault(require("./CalendarBody"));
 var _CalendarHeader = _interopRequireDefault(require("./CalendarHeader"));
 var _hooks = require("../internals/hooks");
 var _date = require("../internals/utils/date");
-var _CalendarContext = require("./CalendarContext");
-var _useCalendarState2 = _interopRequireWildcard(require("./useCalendarState"));
-var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-var _excluded = ["as", "className", "classPrefix", "calendarDate", "dateRange", "disabledBackward", "defaultState", "disabledForward", "format", "hoverRangeValue", "inline", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "monthDropdownProps", "showMeridian", "showWeekNumbers", "cellClassName", "disabledDate", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar"];
+var _CalendarProvider = require("./CalendarProvider");
+var _hooks2 = require("./hooks");
+var _ArrowUp = _interopRequireDefault(require("@rsuite/icons/ArrowUp"));
+var _excluded = ["as", "className", "classPrefix", "calendarDate", "dateRange", "disabledBackward", "defaultState", "disabledForward", "format", "hoverRangeValue", "inline", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "monthDropdownProps", "showMeridiem", "showWeekNumbers", "cellClassName", "disabledDate", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -43,7 +43,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     limitStartYear = props.limitStartYear,
     locale = props.locale,
     monthDropdownProps = props.monthDropdownProps,
-    showMeridian = props.showMeridian,
+    showMeridiem = props.showMeridiem,
     showWeekNumbers = props.showWeekNumbers,
     cellClassName = props.cellClassName,
     disabledDate = props.disabledDate,
@@ -53,7 +53,6 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     onMoveBackward = props.onMoveBackward,
     onMoveForward = props.onMoveForward,
     onSelect = props.onSelect,
-    onToggleMeridian = props.onToggleMeridian,
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     renderCell = props.renderCell,
@@ -65,63 +64,42 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
-  var _useCalendarState = (0, _useCalendarState2.default)(defaultState),
-    calendarState = _useCalendarState.calendarState,
-    reset = _useCalendarState.reset,
-    openMonth = _useCalendarState.openMonth,
-    openTime = _useCalendarState.openTime;
   var calendarDate = (0, _react.useMemo)(function () {
-    return (0, _date.isValid)(calendarDateProp) ? calendarDateProp : new Date();
+    return (0, _date.isValid)(calendarDateProp) ? calendarDateProp : (0, _date.startOfToday)();
   }, [calendarDateProp]);
-  var isDateDisabled = (0, _hooks.useEventCallback)(function (date) {
+  var _useCalendarState = (0, _hooks2.useCalendarState)({
+      defaultState: defaultState,
+      calendarDate: calendarDate,
+      onMoveForward: onMoveForward,
+      onMoveBackward: onMoveBackward,
+      onToggleTimeDropdown: onToggleTimeDropdown,
+      onToggleMonthDropdown: onToggleMonthDropdown
+    }),
+    calendarState = _useCalendarState.calendarState,
+    reset = _useCalendarState.reset,
+    handlers = _useCalendarState.handlers;
+  var isDateDisabled = function isDateDisabled(date) {
     var _disabledDate;
     return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;
-  });
+  };
   var isTimeDisabled = function isTimeDisabled(date) {
     return (0, _date.disableTime)(props, date);
   };
-  var handleMoveForward = (0, _hooks.useEventCallback)(function () {
-    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _date.addMonths)(calendarDate, 1));
-  });
-  var handleMoveBackward = (0, _hooks.useEventCallback)(function () {
-    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _date.addMonths)(calendarDate, -1));
-  });
-
-  // It is displayed as the month to be selected.
-  var toggleMonthView = (0, _hooks.useEventCallback)(function () {
-    if (calendarState === _useCalendarState2.CalendarState.MONTH) {
-      reset();
-    } else {
-      openMonth();
-    }
-    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _useCalendarState2.CalendarState.MONTH);
-  });
-
-  // It is displayed as a time to be selected.
-  var toggleTimeView = (0, _hooks.useEventCallback)(function () {
-    if (calendarState === _useCalendarState2.CalendarState.TIME) {
-      reset();
-    } else {
-      openTime();
-    }
-    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);
-  });
   var handleCloseDropdown = (0, _hooks.useEventCallback)(function () {
     return reset();
   });
-  var renderDate = (0, _date.shouldRenderDate)(format);
-  var renderTime = (0, _date.shouldRenderTime)(format);
-  var renderMonth = (0, _date.shouldRenderMonth)(format);
-  var onlyShowTime = renderTime && !renderDate && !renderMonth;
-  var onlyShowMonth = renderMonth && !renderDate && !renderTime;
-  var showTime = calendarState === _useCalendarState2.CalendarState.TIME || onlyShowTime;
-  var showMonth = calendarState === _useCalendarState2.CalendarState.MONTH || onlyShowMonth;
+  var _useDateMode = (0, _date.useDateMode)(format),
+    mode = _useDateMode.mode,
+    has = _useDateMode.has;
+  var timeMode = calendarState === _hooks2.CalendarState.TIME || mode === _date.DateMode.Time;
+  var monthMode = calendarState === _hooks2.CalendarState.MONTH || mode === _date.DateMode.Month;
   var inSameThisMonthDate = function inSameThisMonthDate(date) {
     return (0, _date.isSameMonth)(calendarDate, date);
   };
   var calendarClasses = merge(className, withClassPrefix({
-    'time-view': showTime,
-    'month-view': showMonth,
+    'time-view': timeMode,
+    'month-view': monthMode,
+    'only-time': mode === _date.DateMode.Time,
     'show-week-numbers': showWeekNumbers
   }));
   var timeDropdownProps = (0, _pick.default)(rest, _date.calendarOnlyProps);
@@ -151,41 +129,35 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     renderCell: renderCell,
     renderCellOnPicker: renderCellOnPicker
   };
-  return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {
+  return /*#__PURE__*/_react.default.createElement(_CalendarProvider.CalendarProvider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     "data-testid": "calendar"
   }, (0, _date.omitHideDisabledProps)(rest), {
     className: calendarClasses,
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {
-    showMonth: renderMonth,
-    showDate: renderDate,
-    showTime: renderTime,
-    showMeridian: showMeridian,
+  }), mode !== _date.DateMode.Time && /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, (0, _extends2.default)({}, handlers, {
+    showMonth: has('month'),
+    showDate: has('day'),
+    showTime: has('time'),
     disabledTime: isTimeDisabled,
-    onMoveForward: handleMoveForward,
-    onMoveBackward: handleMoveBackward,
-    onToggleMonthDropdown: toggleMonthView,
-    onToggleTimeDropdown: toggleTimeView,
-    onToggleMeridian: onToggleMeridian,
     renderTitle: renderTitle,
     renderToolbar: renderToolbar,
     disabledBackward: disabledBackward,
     disabledForward: disabledForward
-  }), renderDate && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, null), renderMonth && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {
-    show: showMonth,
+  })), has('day') && /*#__PURE__*/_react.default.createElement(_CalendarBody.default, null), has('month') && /*#__PURE__*/_react.default.createElement(_MonthDropdown.default, {
+    show: monthMode,
     limitEndYear: limitEndYear,
     limitStartYear: limitStartYear,
     disabledMonth: isDateDisabled
-  }), renderTime && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {
-    show: showTime,
-    showMeridian: showMeridian
-  })), (showMonth || showTime) && renderDate && /*#__PURE__*/_react.default.createElement("button", {
+  }), has('time') && /*#__PURE__*/_react.default.createElement(_TimeDropdown.default, (0, _extends2.default)({}, timeDropdownProps, {
+    show: timeMode,
+    showMeridiem: showMeridiem
+  })), (monthMode || timeMode) && has('day') && /*#__PURE__*/_react.default.createElement("button", {
     className: prefix('btn-close'),
     onClick: handleCloseDropdown,
-    "aria-label": "Collapse " + (showMonth ? 'month' : 'time') + " view"
-  }, /*#__PURE__*/_react.default.createElement(_AngleUp.default, null))));
+    "aria-label": "Collapse " + (monthMode ? 'month' : 'time') + " view"
+  }, /*#__PURE__*/_react.default.createElement(_ArrowUp.default, null))));
 });
 CalendarContainer.displayName = 'CalendarContainer';
 var _default = exports.default = CalendarContainer;

package/cjs/Calendar/CalendarHeader.d.ts

@@ -3,8 +3,6 @@ import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface CalendarHeaderProps {
     disabledBackward?: boolean;
     disabledForward?: boolean;
-    showMeridian?: boolean;
-    onToggleMeridian?: (event: React.MouseEvent) => void;
     renderTitle?: (date: Date) => React.ReactNode;
     renderToolbar?: (date: Date) => React.ReactNode;
 }

package/cjs/Calendar/CalendarHeader.js

@@ -12,10 +12,11 @@ var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRigh
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _hooks = require("../internals/hooks");
+var _date = require("../internals/utils/date");
 var _CustomProvider = require("../CustomProvider");
-var _CalendarContext = require("./CalendarContext");
-var _DateRangePickerContext = require("../DateRangePicker/DateRangePickerContext");
-var _excluded = ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMeridian", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"];
+var _hooks2 = require("./hooks");
+var _hooks3 = require("../DateRangePicker/hooks");
+var _excluded = ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -27,28 +28,26 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     disabledBackward = props.disabledBackward,
     disabledForward = props.disabledForward,
     showDate = props.showDate,
-    showMeridian = props.showMeridian,
     showMonth = props.showMonth,
     showTime = props.showTime,
     disabledTime = props.disabledTime,
     onMoveBackward = props.onMoveBackward,
     onMoveForward = props.onMoveForward,
-    onToggleMeridian = props.onToggleMeridian,
     onToggleMonthDropdown = props.onToggleMonthDropdown,
     onToggleTimeDropdown = props.onToggleTimeDropdown,
     renderTitleProp = props.renderTitle,
     renderToolbar = props.renderToolbar,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-    locale = _useCalendarContext.locale,
-    _useCalendarContext$d = _useCalendarContext.date,
-    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-    format = _useCalendarContext.format,
-    inline = _useCalendarContext.inline,
-    disabledDate = _useCalendarContext.disabledDate,
-    targetId = _useCalendarContext.targetId;
-  var _useDateRangePickerCo = (0, _DateRangePickerContext.useDateRangePickerContext)(),
-    isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
+  var _useCalendar = (0, _hooks2.useCalendar)(),
+    locale = _useCalendar.locale,
+    _useCalendar$date = _useCalendar.date,
+    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
+    format = _useCalendar.format,
+    inline = _useCalendar.inline,
+    disabledDate = _useCalendar.disabledDate,
+    targetId = _useCalendar.targetId;
+  var _useDateRangePicker = (0, _hooks3.useDateRangePicker)(),
+    isSelectedIdle = _useDateRangePicker.isSelectedIdle;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,
@@ -57,35 +56,26 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     appearance: 'subtle',
     size: inline ? 'sm' : 'xs'
   };
-  var getTimeFormat = (0, _react.useCallback)(function () {
-    var timeFormat = [];
+  var timeFormat = (0, _react.useMemo)(function () {
+    var defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';
     if (!format) {
-      return '';
+      return defaultTimeFormat;
     }
-    if (/([Hh])/.test(format)) {
-      timeFormat.push(showMeridian ? 'hh' : 'HH');
-    }
-    if (/m/.test(format)) {
-      timeFormat.push('mm');
-    }
-    if (/s/.test(format)) {
-      timeFormat.push('ss');
-    }
-    return timeFormat.join(':');
-  }, [format, showMeridian]);
-  var getDateFormat = (0, _react.useCallback)(function () {
+    return (0, _date.extractTimeFormat)(format) || defaultTimeFormat;
+  }, [format, locale]);
+  var dateFormat = (0, _react.useMemo)(function () {
     if (showMonth) {
       return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
     }
     return 'yyyy';
   }, [locale, showMonth]);
-  var renderTitle = (0, _react.useCallback)(function () {
+  var renderTitle = function renderTitle() {
     var _renderTitleProp;
     return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
       date: date,
-      formatStr: getDateFormat()
+      formatStr: dateFormat
     });
-  }, [date, getDateFormat, renderTitleProp]);
+  };
   var dateTitleClasses = prefix('title', 'title-date', {
     error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)
   });
@@ -137,15 +127,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     disabled: disableSelectTime
   }), date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
     date: date,
-    formatStr: getTimeFormat()
-  })), showMeridian && /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
-    "aria-label": "Toggle meridian",
-    className: prefix('meridian'),
-    onClick: onToggleMeridian,
-    disabled: disableSelectTime
-  }), date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
-    date: date,
-    formatStr: "a"
+    formatStr: timeFormat
   }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));
 });
 CalendarHeader.displayName = 'CalendarHeader';

package/cjs/Calendar/{CalendarContext.d.ts → CalendarProvider.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CalendarLocale } from '../locales';
 import { format } from '../internals/utils/date';
-import type { FixedSizeListProps } from '../internals/Windowing';
+import type { MonthDropdownProps } from './types';
 /**
  * Represents the inner context value for the Calendar component.
  */
@@ -9,7 +9,7 @@ export interface CalendarInnerContextValue {
     /**
      * The current date of the calendar.
      */
-    date: Date;
+    date?: Date;
     /**
      * The date range selected in the calendar.
      */
@@ -103,28 +103,9 @@ export interface CalendarInnerContextValue {
      */
     cellClassName?: (date: Date) => string | undefined;
 }
-/**
- * Props for the MonthDropdown component.
- */
-export interface MonthDropdownProps extends Partial<FixedSizeListProps> {
-    /**
-     * The HTML element or React component to render as the root element of the MonthDropdown.
-     */
-    as?: React.ElementType;
-    /**
-     * The HTML element or React component to render as each item in the MonthDropdown.
-     */
-    itemAs?: React.ElementType;
-    /**
-     * The CSS class name to apply to each item in the MonthDropdown.
-     */
-    itemClassName?: string;
-}
 export interface CalendarContextValue extends CalendarInnerContextValue {
     locale: CalendarLocale;
     formatDate?: typeof format;
 }
-declare const CalendarContext: React.Context<CalendarContextValue>;
+export declare const CalendarContext: React.Context<CalendarContextValue>;
 export declare const CalendarProvider: React.Provider<CalendarContextValue>;
-export declare const useCalendarContext: () => CalendarContextValue;
-export default CalendarContext;

package/cjs/Calendar/CalendarProvider.js

@@ -0,0 +1,13 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CalendarProvider = exports.CalendarContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+/**
+ * Represents the inner context value for the Calendar component.
+ */
+
+var CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});
+var CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;

package/cjs/Calendar/Grid/Grid.d.ts

@@ -0,0 +1,6 @@
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
+export interface GridProps extends WithAsProps {
+    rows: any[];
+}
+declare const Grid: RsRefForwardingComponent<'div', GridProps>;
+export default Grid;

package/cjs/Calendar/{Table.js → Grid/Grid.js}

@@ -7,13 +7,12 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _TableRow = _interopRequireDefault(require("./TableRow"));
-var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
-var _hooks = require("../internals/hooks");
-var _CalendarContext = require("./CalendarContext");
+var _GridRow = _interopRequireDefault(require("./GridRow"));
+var _GridHeaderRow = _interopRequireDefault(require("./GridHeaderRow"));
+var _hooks = require("../../internals/hooks");
+var _hooks2 = require("../hooks");
 var _excluded = ["as", "className", "classPrefix", "rows"];
-var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var Grid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
     className = props.className,
@@ -26,8 +25,8 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-    targetId = _useCalendarContext.targetId;
+  var _useCalendar = (0, _hooks2.useCalendar)(),
+    targetId = _useCalendar.targetId;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "grid",
     tabIndex: -1,
@@ -35,18 +34,13 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, null), rows.map(function (week, index) {
-    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, null), rows.map(function (week, index) {
+    return /*#__PURE__*/_react.default.createElement(_GridRow.default, {
       key: index,
       weekendDate: week,
       rowIndex: index + 1
     });
   }));
 });
-Table.displayName = 'CalendarTable';
-Table.propTypes = {
-  rows: _propTypes.default.array,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string
-};
-var _default = exports.default = Table;
+Grid.displayName = 'CalendarGrid';
+var _default = exports.default = Grid;

package/cjs/Calendar/{TableCell.d.ts → Grid/GridCell.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export interface TableCellProps extends WithAsProps {
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
+export interface GridCellProps extends WithAsProps {
     date: Date;
     disabled?: boolean;
     selected?: boolean;
@@ -10,5 +10,5 @@ export interface TableCellProps extends WithAsProps {
     inRange?: boolean;
     onSelect?: (date: Date, disabled: boolean | void, event: React.MouseEvent) => void;
 }
-declare const TableCell: RsRefForwardingComponent<'div', TableCellProps>;
-export default TableCell;
+declare const GridCell: RsRefForwardingComponent<'div', GridCellProps>;
+export default GridCell;