rsuite 5.61.0 → 5.62.0

package/cjs/Breadcrumb/Breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import BreadcrumbItem from './BreadcrumbItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { BreadcrumbLocale } from '../locales';
 export interface BreadcrumbProps extends WithAsProps {
     /** Shorthand for primary content of the React.ReactNode */

package/cjs/Breadcrumb/Breadcrumb.js

@@ -10,7 +10,7 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem"));
 var _templateObject;
 /**
@@ -31,14 +31,14 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     overrideLocale = props.locale,
     onExpand = props.onExpand,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "children", "maxItems", "separator", "locale", "onExpand"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix;
   var _useState = (0, _react.useState)(true),
     ellipsis = _useState[0],
     setEllipsis = _useState[1];
-  var _useCustom = (0, _utils.useCustom)('Breadcrumb', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Breadcrumb', overrideLocale),
     locale = _useCustom.locale;
   var renderSeparator = function renderSeparator(key) {
     return /*#__PURE__*/_react.default.createElement("span", {

package/cjs/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface BreadcrumbItemProps extends WithAsProps<React.ElementType | string> {
     active?: boolean;
     href?: string;

package/cjs/Breadcrumb/BreadcrumbItem.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 /**
  * The `<Breadcrumb.Item>` component is used to specify each section of the Breadcrumb.
  * @see https://rsuitejs.com/components/breadcrumb
@@ -27,7 +27,7 @@ var BreadcrumbItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     active = props.active,
     children = props.children,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "href", "classPrefix", "title", "target", "className", "style", "active", "children"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({

package/cjs/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface ButtonProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** A button can have different appearances. */
     appearance?: TypeAttributes.Appearance;

package/cjs/Button/Button.js

@@ -10,11 +10,12 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ButtonGroup = require("../ButtonGroup");
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
-var _utils = require("../utils");
 var _propTypes2 = require("../internals/propTypes");
+var _ButtonGroup = require("../ButtonGroup");
+var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 var _templateObject, _templateObject2, _templateObject3;
 /**
  * The Button component is used to trigger a custom action.
@@ -42,7 +43,7 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "startIcon", "endIcon", "type"]);
   var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

package/cjs/ButtonGroup/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export interface ButtonGroupProps extends WithAsProps {
     /** Display block buttongroups */
     block?: boolean;

package/cjs/ButtonGroup/ButtonGroup.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
 var _propTypes2 = require("../internals/propTypes");
+var _hooks = require("../internals/hooks");
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
 /**
  * The ButtonGroup component is used to group a series of buttons together in a single line or column.
  * @see https://rsuitejs.com/components/button/#button-group
@@ -30,7 +30,7 @@ var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     justified = props.justified,
     size = props.size,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "role", "className", "children", "block", "vertical", "justified", "size"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(size, {

package/cjs/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes } from '../@types/common';
+import { TypeAttributes } from '@/internals/types';
 export interface ButtonGroupContextProps {
     size?: TypeAttributes.Size;
 }

package/cjs/ButtonToolbar/ButtonToolbar.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import Stack from '../Stack';
 export interface ButtonToolbarProps extends WithAsProps {
     /**

package/cjs/ButtonToolbar/ButtonToolbar.js

@@ -8,7 +8,7 @@ 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 _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Stack = _interopRequireDefault(require("../Stack"));
 /**
  * The ButtonToolbar component is used to group a series of buttons together in a single line.
@@ -28,7 +28,7 @@ var ButtonToolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     spacing: 10,
     childrenRenderMode: 'clone'
   } : null;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());

package/cjs/Calendar/Calendar.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import CalendarContainer from './CalendarContainer';
 import { CalendarLocale } from '../locales';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface CalendarProps extends WithAsProps {
-    /** Controlled value */
+    /**
+     * Controlled value
+     */
     value?: Date;
-    /** Default value  */
+    /**
+     * Default value
+     */
     defaultValue?: Date;
     /**
      * ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
@@ -13,24 +17,47 @@ export interface CalendarProps extends WithAsProps {
      * @see https://en.wikipedia.org/wiki/ISO_week_date
      */
     isoWeek?: boolean;
-    /** Display a compact calendar   */
+    /**
+     * Display a compact calendar
+     */
     compact?: boolean;
-    /** Show border   */
+    /**
+     * Show border
+     */
     bordered?: boolean;
-    /** Custom locale */
+    /**
+     * Custom locale object
+     *
+     * @see https://rsuitejs.com/guide/i18n/#calendar
+     */
     locale?: CalendarLocale;
-    /**  Callback fired before the value changed  */
+    /**
+     * The index of the first day of the week (0 - Sunday)
+     * If `isoWeek` is `true`, the value of `weekStart` is ignored.
+     *
+     * @default 0
+     */
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Callback fired before the value changed
+     */
     onChange?: (date: Date) => void;
     /**
      * Callback fired before the month changed
      * @todo-Doma Change signature to `onMonthChange(year: number, month: number, reason: string)`?
      */
     onMonthChange?: (date: Date) => void;
-    /** Callback fired before the date selected */
+    /**
+     * Callback fired before the date selected
+     */
     onSelect?: (date: Date) => void;
-    /** Custom render calendar cells  */
+    /**
+     * Custom render calendar cells
+     */
     renderCell?: (date: Date) => React.ReactNode;
-    /** Custom cell classes base on it's date */
+    /**
+     * Custom cell classes base on it's date
+     */
     cellClassName?: (date: Date) => string | undefined;
 }
 /**

package/cjs/Calendar/Calendar.js

@@ -13,7 +13,7 @@ var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _CustomProvider = require("../CustomProvider");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _useCalendarDate2 = _interopRequireDefault(require("./useCalendarDate"));
 /**
  * The Calendar component is used to select dates.
@@ -30,6 +30,8 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$defaultValue = props.defaultValue,
     defaultValue = _props$defaultValue === void 0 ? new Date() : _props$defaultValue,
     isoWeek = props.isoWeek,
+    _props$weekStart = props.weekStart,
+    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
     overrideLocale = props.locale,
     onChange = props.onChange,
     onMonthChange = props.onMonthChange,
@@ -37,11 +39,11 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderCell = props.renderCell,
     value = props.value,
     cellClassName = props.cellClassName,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "weekStart", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value", "cellClassName"]);
   var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),
     calendarDate = _useCalendarDate.calendarDate,
     setCalendarDate = _useCalendarDate.setCalendarDate;
-  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
     locale = _useCustom.locale;
   var handleChange = (0, _react.useCallback)(function (nextValue) {
     setCalendarDate(nextValue);
@@ -57,7 +59,7 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
     handleChange(nextValue);
   }, [handleChange, onSelect]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
@@ -80,6 +82,7 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes,
     ref: ref,
     isoWeek: isoWeek,
+    weekStart: weekStart,
     format: "yyyy-MM-dd",
     calendarDate: calendarDate,
     limitEndYear: 1000,
@@ -104,6 +107,7 @@ Calendar.propTypes = {
   value: _propTypes.default.instanceOf(Date),
   defaultValue: _propTypes.default.instanceOf(Date),
   isoWeek: _propTypes.default.bool,
+  weekStart: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6]),
   compact: _propTypes.default.bool,
   bordered: _propTypes.default.bool,
   locale: _propTypes.default.object,

package/cjs/Calendar/CalendarBody.d.ts

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

package/cjs/Calendar/CalendarBody.js

@@ -7,8 +7,8 @@ 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 _utils = require("../utils");
+var _date = require("../internals/utils/date");
+var _hooks = require("../internals/hooks");
 var _Table = _interopRequireDefault(require("./Table"));
 var _CalendarContext = require("./CalendarContext");
 var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -22,12 +22,13 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     _useCalendarContext$d = _useCalendarContext.date,
     date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
     isoWeek = _useCalendarContext.isoWeek,
-    overrideLocale = _useCalendarContext.locale;
-  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
+    overrideLocale = _useCalendarContext.locale,
+    weekStart = _useCalendarContext.weekStart;
+  var _useCustom = (0, _hooks.useCustom)('Calendar', overrideLocale),
     locale = _useCustom.locale,
     formatDate = _useCustom.formatDate;
-  var thisMonthDate = _utils.DateUtils.setDate(date, 1);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var thisMonthDate = (0, _date.setDate)(date, 1);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix());
@@ -35,15 +36,14 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: ref,
     className: classes
   }), /*#__PURE__*/_react.default.createElement(_Table.default, {
-    rows: _utils.DateUtils.getMonthView(thisMonthDate, isoWeek),
+    rows: (0, _date.getWeekStartDates)(thisMonthDate, {
+      isoWeek: isoWeek,
+      weekStart: weekStart,
+      locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+    }),
     "aria-label": formatDate(thisMonthDate, locale.formattedMonthPattern)
   }));
 });
 CalendarBody.displayName = 'CalendarBody';
-CalendarBody.propTypes = {
-  as: _propTypes.default.elementType,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string
-};
 var _default = CalendarBody;
 exports.default = _default;

package/cjs/Calendar/CalendarContainer.d.ts

@@ -1,36 +1,68 @@
 import React, { HTMLAttributes } from 'react';
 import { CalendarHeaderProps } from './CalendarHeader';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 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 */
+    /**
+     * The panel render based on date range
+     */
     dateRange?: Date[];
-    /** The Id of the target element that triggers the opening of the calendar */
+    /**
+     * The Id of the target element that triggers the opening of the calendar
+     */
     targetId?: string;
-    /** Date displayed on the current page */
+    /**
+     * Date displayed on the current page
+     */
     calendarDate: Date;
-    /** Whether to show week numbers */
+    /**
+     * Whether to show week numbers
+     */
     showWeekNumbers?: boolean;
+    /**
+     * Whether inline mode
+     */
     inline?: boolean;
+    /**
+     * Default state of the calendar, can be `MONTH` or `TIME`
+     */
     defaultState?: CalendarState;
-    /** Disabled date */
+    /**
+     * Disabled dates on the calendar
+     */
     disabledDate?: (date: Date) => boolean;
-    /** Disabled hours */
+    /**
+     * Disabled hours on time view
+     */
     disabledHours?: (hour: number, date: Date) => boolean;
-    /** Disabled minutes */
+    /**
+     * Disabled minutes on time view
+     */
     disabledMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
+    /**
+     * Hidden seconds on time view
+     */
     disabledSeconds?: (second: number, date: Date) => boolean;
-    /** Format str */
+    /**
+     * Format of the date
+     */
     format: string;
-    /** Hidden hours */
+    /**
+     * Hidden hours on time view
+     */
     hideHours?: (hour: number, date: Date) => boolean;
-    /** Hidden minutes */
+    /**
+     * Hidden minutes on time view
+     */
     hideMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
+    /**
+     * Hidden seconds on time view
+     */
     hideSeconds?: (second: number, date: Date) => boolean;
-    /** The value that mouse hover on in range selection */
+    /**
+     * The value that mouse hover on in range selection
+     */
     hoverRangeValue?: [Date, Date];
     /**
      * ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
@@ -38,35 +70,70 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
      * @see https://en.wikipedia.org/wiki/ISO_week_date
      */
     isoWeek?: boolean;
-    /** Limit showing how many years in the future */
+    /**
+     * the index of the first day of the week (0 - Sunday)
+     * If `isoWeek` is `true`, the value of `weekStart` is ignored.
+     *
+     * @default 0
+     */
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Limit showing how many years in the future
+     */
     limitEndYear?: number;
-    /** Limit showing how many years in the past */
+    /**
+     * Limit showing how many years in the past
+     */
     limitStartYear?: number;
-    /** Custom locale */
+    /**
+     * Custom locale object
+     *
+     * @see https://rsuitejs.com/guide/i18n/#calendar
+     */
     locale: CalendarLocale;
-    /** Callback after the date has changed */
+    /**
+     * Callback after the date has changed
+     */
     onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    /** Callback after the time has changed */
+    /**
+     * Callback after the time has changed
+     */
     onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    /** Callback after mouse enter other date cell */
+    /**
+     * Callback after mouse enter other date cell
+     */
     onMouseMove?: (date: Date) => void;
-    /** Switch to the callback triggered after the previous month. */
+    /**
+     * Switch to the callback triggered after the previous month
+     */
     onMoveBackward?: (nextPageDate: Date) => void;
-    /** Switch to the callback triggered after the next month. */
+    /**
+     * Switch to the callback triggered after the next month
+     */
     onMoveForward?: (nextPageDate: Date) => void;
-    /** Callback fired before the date selected */
+    /**
+     * Callback fired before the date selected
+     */
     onSelect?: (date: Date, event: React.MouseEvent) => void;
-    /** Custom rendering cell*/
+    /**
+     * Custom rendering cell
+     */
     renderCell?: (date: Date) => React.ReactNode;
     /**
      * Custom rendering cell on the picker
      */
     renderCellOnPicker?: (date: Date) => React.ReactNode;
-    /** Custom cell classes base on it's date */
+    /**
+     * Custom cell classes base on it's date
+     */
     cellClassName?: (date: Date) => string | undefined;
-    /** Called when opening the month view */
+    /**
+     * Called when opening the month view
+     */
     onToggleMonthDropdown?: (toggle: boolean) => void;
-    /** Called when opening the time view */
+    /**
+     * Called when opening the time view
+     */
     onToggleTimeDropdown?: (toggle: boolean) => void;
 }
 declare const CalendarContainer: RsRefForwardingComponent<'div', CalendarProps>;

package/cjs/Calendar/CalendarContainer.js

@@ -14,8 +14,8 @@ var _MonthDropdown = _interopRequireDefault(require("./MonthDropdown"));
 var _TimeDropdown = _interopRequireDefault(require("./TimeDropdown"));
 var _CalendarBody = _interopRequireDefault(require("./CalendarBody"));
 var _CalendarHeader = _interopRequireDefault(require("./CalendarHeader"));
-var _utils = require("../utils");
-var _dateUtils = require("../utils/dateUtils");
+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"));
@@ -34,6 +34,8 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     hoverRangeValue = props.hoverRangeValue,
     _props$isoWeek = props.isoWeek,
     isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
+    _props$weekStart = props.weekStart,
+    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
     targetId = props.targetId,
     limitEndYear = props.limitEndYear,
     limitStartYear = props.limitStartYear,
@@ -56,8 +58,8 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     showMeridian = props.showMeridian,
     showWeekNumbers = props.showWeekNumbers,
     inline = props.inline,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "targetId", "limitEndYear", "limitStartYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "cellClassName", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "weekStart", "targetId", "limitEndYear", "limitStartYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "cellClassName", "renderCell", "renderCellOnPicker", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -67,24 +69,24 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     openMonth = _useCalendarState.openMonth,
     openTime = _useCalendarState.openTime;
   var calendarDate = (0, _react.useMemo)(function () {
-    return (0, _dateUtils.isValid)(calendarDateProp) ? calendarDateProp : new Date();
+    return (0, _date.isValid)(calendarDateProp) ? calendarDateProp : new Date();
   }, [calendarDateProp]);
-  var isDateDisabled = (0, _utils.useEventCallback)(function (date) {
+  var isDateDisabled = (0, _hooks.useEventCallback)(function (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, _dateUtils.disableTime)(props, date);
+    return (0, _date.disableTime)(props, date);
   };
-  var handleMoveForward = (0, _utils.useEventCallback)(function () {
-    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _dateUtils.addMonths)(calendarDate, 1));
+  var handleMoveForward = (0, _hooks.useEventCallback)(function () {
+    onMoveForward === null || onMoveForward === void 0 ? void 0 : onMoveForward((0, _date.addMonths)(calendarDate, 1));
   });
-  var handleMoveBackward = (0, _utils.useEventCallback)(function () {
-    onMoveBackward === null || onMoveBackward === void 0 ? void 0 : onMoveBackward((0, _dateUtils.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, _utils.useEventCallback)(function () {
+  var toggleMonthView = (0, _hooks.useEventCallback)(function () {
     if (calendarState === _useCalendarState2.CalendarState.MONTH) {
       reset();
     } else {
@@ -94,7 +96,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
   });
 
   // It is displayed as a time to be selected.
-  var toggleTimeView = (0, _utils.useEventCallback)(function () {
+  var toggleTimeView = (0, _hooks.useEventCallback)(function () {
     if (calendarState === _useCalendarState2.CalendarState.TIME) {
       reset();
     } else {
@@ -102,26 +104,26 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     }
     onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _useCalendarState2.CalendarState.TIME);
   });
-  var handleCloseDropdown = (0, _utils.useEventCallback)(function () {
+  var handleCloseDropdown = (0, _hooks.useEventCallback)(function () {
     return reset();
   });
-  var renderDate = (0, _dateUtils.shouldRenderDate)(format);
-  var renderTime = (0, _dateUtils.shouldRenderTime)(format);
-  var renderMonth = (0, _dateUtils.shouldRenderMonth)(format);
+  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 inSameThisMonthDate = function inSameThisMonthDate(date) {
-    return (0, _dateUtils.isSameMonth)(calendarDate, date);
+    return (0, _date.isSameMonth)(calendarDate, date);
   };
   var calendarClasses = merge(className, withClassPrefix({
     'time-view': showTime,
     'month-view': showMonth,
     'show-week-numbers': showWeekNumbers
   }));
-  var timeDropdownProps = (0, _pick.default)(rest, _dateUtils.calendarOnlyProps);
-  var handleChangeMonth = (0, _utils.useEventCallback)(function (date, event) {
+  var timeDropdownProps = (0, _pick.default)(rest, _date.calendarOnlyProps);
+  var handleChangeMonth = (0, _hooks.useEventCallback)(function (date, event) {
     reset();
     onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth(date, event);
   });
@@ -133,6 +135,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     hoverRangeValue: hoverRangeValue,
     inSameMonth: inSameThisMonthDate,
     isoWeek: isoWeek,
+    weekStart: weekStart,
     targetId: targetId,
     locale: locale,
     onChangeMonth: handleChangeMonth,
@@ -149,7 +152,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     "data-testid": "calendar"
-  }, (0, _dateUtils.omitHideDisabledProps)(rest), {
+  }, (0, _date.omitHideDisabledProps)(rest), {
     className: calendarClasses,
     ref: ref
   }), /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {

package/cjs/Calendar/CalendarHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface CalendarHeaderProps {
     disabledBackward?: boolean;
     disabledForward?: boolean;