rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/Calendar/MonthDropdown/MonthDropdown.js

@@ -1,8 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
-  _excluded2 = ["className", "itemClassName", "as", "itemAs"];
 import React, { useCallback, useMemo } from 'react';
 import MonthDropdownItem from "./MonthDropdownItem.js";
 import { getMonth, getYear } from "../../internals/utils/date/index.js";
@@ -11,67 +8,67 @@ import { useClassNames } from "../../internals/hooks/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { isEveryDateInMonth } from "../utils/index.js";
 // Array representing the index of each month
-var MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 
 // The height of each item
-var ITEM_SIZE = 108;
-var MonthDropdown = /*#__PURE__*/React.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-month-dropdown' : _props$classPrefix,
-    limitStartYear = props.limitStartYear,
-    _props$limitEndYear = props.limitEndYear,
-    limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
-    show = props.show,
-    _props$height = props.height,
-    defaultHeight = _props$height === void 0 ? 221 : _props$height,
-    _props$width = props.width,
-    defaultWidth = _props$width === void 0 ? 256 : _props$width,
-    disabledMonth = props.disabledMonth,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCalendar = useCalendar(),
-    _useCalendar$date = _useCalendar.date,
-    date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
-    targetId = _useCalendar.targetId,
-    monthDropdownProps = _useCalendar.monthDropdownProps;
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var thisYear = getYear(new Date());
-  var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
-  var rowCount = useMemo(function () {
-    var endYear = thisYear + limitEndYear;
+const ITEM_SIZE = 108;
+const MonthDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-month-dropdown',
+    limitStartYear,
+    limitEndYear = 5,
+    show,
+    height: defaultHeight = 221,
+    width: defaultWidth = 256,
+    disabledMonth,
+    ...rest
+  } = props;
+  const {
+    date = new Date(),
+    targetId,
+    monthDropdownProps
+  } = useCalendar();
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const thisYear = getYear(new Date());
+  const startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
+  const rowCount = useMemo(() => {
+    const endYear = thisYear + limitEndYear;
     return endYear - startYear;
   }, [limitEndYear, startYear, thisYear]);
-  var isMonthDisabled = useCallback(function (year, month) {
+  const isMonthDisabled = useCallback((year, month) => {
     if (disabledMonth) {
       return isEveryDateInMonth(year, month, disabledMonth);
     }
     return false;
   }, [disabledMonth]);
-  var _ref = monthDropdownProps || {},
-    listClassName = _ref.className,
-    itemClassName = _ref.itemClassName,
-    List = _ref.as,
-    _ref$itemAs = _ref.itemAs,
-    Item = _ref$itemAs === void 0 ? 'div' : _ref$itemAs,
-    restListProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
-  var rowRenderer = useCallback(function (_ref2) {
-    var index = _ref2.index,
-      style = _ref2.style;
-    var selectedMonth = getMonth(date);
-    var selectedYear = getYear(date);
-    var year = startYear + index;
-    var isSelectedYear = year === selectedYear;
-    var titleClassName = prefix('year', {
+  const {
+    className: listClassName,
+    itemClassName,
+    as: List,
+    itemAs: Item = 'div',
+    ...restListProps
+  } = monthDropdownProps || {};
+  const rowRenderer = useCallback(_ref => {
+    let {
+      index,
+      style
+    } = _ref;
+    const selectedMonth = getMonth(date);
+    const selectedYear = getYear(date);
+    const year = startYear + index;
+    const isSelectedYear = year === selectedYear;
+    const titleClassName = prefix('year', {
       'year-active': isSelectedYear
     });
     return /*#__PURE__*/React.createElement(Item, {
       role: "row",
-      "aria-label": "" + year,
+      "aria-label": `${year}`,
       className: merge(itemClassName, prefix('row'), {
         'first-row': index === 0,
         'last-row': index === rowCount - 1
@@ -82,21 +79,21 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "rowheader"
     }, year), /*#__PURE__*/React.createElement("div", {
       className: prefix('list')
-    }, MONTHS_INDEX.map(function (item, month) {
+    }, MONTHS_INDEX.map((item, month) => {
       return /*#__PURE__*/React.createElement(MonthDropdownItem, {
         disabled: isMonthDisabled(year, month),
         active: isSelectedYear && month === selectedMonth,
-        key: month + "_" + item,
+        key: `${month}_${item}`,
         month: month + 1,
         year: year
       });
     })));
   }, [Item, date, isMonthDisabled, merge, prefix, itemClassName, rowCount, startYear]);
-  var classes = merge(className, withClassPrefix(), {
-    show: show
+  const classes = merge(className, withClassPrefix(), {
+    show
   });
-  var initialItemIndex = getYear(date) - startYear;
-  var initialScrollOffset = ITEM_SIZE * initialItemIndex;
+  const initialItemIndex = getYear(date) - startYear;
+  const initialScrollOffset = ITEM_SIZE * initialItemIndex;
   if (!show) {
     return null;
   }
@@ -105,17 +102,19 @@ var MonthDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     role: "grid",
     tabIndex: -1,
     className: classes,
-    "aria-labelledby": targetId ? targetId + "-grid-label" : undefined,
-    id: targetId ? targetId + "-calendar-month-dropdown" : undefined,
+    "aria-labelledby": targetId ? `${targetId}-grid-label` : undefined,
+    id: targetId ? `${targetId}-calendar-month-dropdown` : undefined,
     "data-testid": "calendar-month-dropdown"
   }, rest), /*#__PURE__*/React.createElement("div", {
     className: prefix('scroll')
   }, /*#__PURE__*/React.createElement(AutoSizer, {
     defaultHeight: defaultHeight,
     defaultWidth: defaultWidth
-  }, function (_ref3) {
-    var height = _ref3.height,
-      width = _ref3.width;
+  }, _ref2 => {
+    let {
+      height,
+      width
+    } = _ref2;
     return /*#__PURE__*/React.createElement(FixedSizeList, _extends({
       className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,

package/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -1,7 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
 import React, { useMemo } from 'react';
 import { setMonth, setYear } from "../../internals/utils/date/index.js";
 import { useClassNames, useEventCallback } from "../../internals/hooks/index.js";
@@ -9,53 +7,52 @@ import { composeFunctions } from "../../internals/utils/index.js";
 import { useCustom } from "../../CustomProvider/index.js";
 import { useCalendar } from "../hooks/index.js";
 import { getAriaLabel } from "../utils/index.js";
-var MonthDropdownItem = /*#__PURE__*/React.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-month-dropdown-cell' : _props$classPrefix,
-    active = props.active,
-    disabled = props.disabled,
-    _props$month = props.month,
-    month = _props$month === void 0 ? 0 : _props$month,
-    year = props.year,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCalendar = useCalendar(),
-    date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeMonth,
-    overrideLocale = _useCalendar.locale;
-  var _useCustom = useCustom('Calendar'),
-    getLocale = _useCustom.getLocale,
-    formatDate = _useCustom.formatDate;
-  var _getLocale = getLocale('Calendar', overrideLocale),
-    formatStr = _getLocale.formattedMonthPattern;
-  var currentMonth = useMemo(function () {
+const MonthDropdownItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-month-dropdown-cell',
+    active,
+    disabled,
+    month = 0,
+    year,
+    ...rest
+  } = props;
+  const {
+    date,
+    onChangeMonth: onSelect,
+    locale: overrideLocale
+  } = useCalendar();
+  const {
+    getLocale,
+    formatDate
+  } = useCustom('Calendar');
+  const {
+    formattedMonthPattern: formatStr
+  } = getLocale('Calendar', overrideLocale);
+  const currentMonth = useMemo(() => {
     if (year && month) {
-      return composeFunctions(function (d) {
-        return setYear(d, year);
-      }, function (d) {
-        return setMonth(d, month - 1);
-      })(date);
+      return composeFunctions(d => setYear(d, year), d => setMonth(d, month - 1))(date);
     }
     return date;
   }, [date, month, year]);
-  var handleClick = useEventCallback(function (event) {
+  const handleClick = useEventCallback(event => {
     if (disabled) {
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect(currentMonth, event);
   });
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    active: active
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active
   }), {
-    disabled: disabled
+    disabled
   });
-  var ariaLabel = currentMonth ? getAriaLabel(currentMonth, formatStr, formatDate) : '';
+  const ariaLabel = currentMonth ? getAriaLabel(currentMonth, formatStr, formatDate) : '';
   return /*#__PURE__*/React.createElement(Component, _extends({
     key: month,
     role: "gridcell",

package/esm/Calendar/TimeDropdown/TimeColumn.js

@@ -1,14 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["prefix", "title", "children"];
 import React from 'react';
 import ScrollView from "../../internals/ScrollView/index.js";
-var TimeColumn = function TimeColumn(props) {
-  var prefix = props.prefix,
-    title = props.title,
-    children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+const TimeColumn = props => {
+  const {
+    prefix,
+    title,
+    children,
+    ...rest
+  } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: prefix('column')
   }, /*#__PURE__*/React.createElement("div", {

package/esm/Calendar/TimeDropdown/TimeDropdown.js

@@ -1,7 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "show", "showMeridiem"];
 import React, { useEffect, useRef } from 'react';
 import partial from 'lodash/partial';
 import camelCase from 'lodash/camelCase';
@@ -11,36 +9,36 @@ import { startOfToday, getHours, setHours, setMinutes, setSeconds, omitHideDisab
 import { useCalendar } from "../hooks/index.js";
 import TimeColumn from "./TimeColumn.js";
 import { getTimeLimits, getClockTime, scrollToTime, formatWithLeadingZero } from "./utils/index.js";
-var TimeDropdown = /*#__PURE__*/React.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-time-dropdown' : _props$classPrefix,
-    show = props.show,
-    _props$showMeridiem = props.showMeridiem,
-    showMeridiem = _props$showMeridiem === void 0 ? false : _props$showMeridiem,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useCalendar = useCalendar(),
-    locale = _useCalendar.locale,
-    format = _useCalendar.format,
-    date = _useCalendar.date,
-    onSelect = _useCalendar.onChangeTime,
-    targetId = _useCalendar.targetId;
-  var rowRef = useRef(null);
-  useEffect(function () {
-    var time = getClockTime({
-      format: format,
-      date: date,
-      showMeridiem: showMeridiem
+const TimeDropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'calendar-time-dropdown',
+    show,
+    showMeridiem = false,
+    ...rest
+  } = props;
+  const {
+    locale,
+    format,
+    date,
+    onChangeTime: onSelect,
+    targetId
+  } = useCalendar();
+  const rowRef = useRef(null);
+  useEffect(() => {
+    const time = getClockTime({
+      format,
+      date,
+      showMeridiem
     });
     // The currently selected time scrolls to the visible range.
     if (show && rowRef.current) {
       scrollToTime(time, rowRef.current);
     }
   }, [date, format, show, showMeridiem]);
-  var handleClick = useEventCallback(function (type, d, event) {
-    var nextDate = date || startOfToday();
+  const handleClick = useEventCallback((type, d, event) => {
+    let nextDate = date || startOfToday();
     switch (type) {
       case 'hours':
         nextDate = setHours(nextDate, showMeridiem && getHours(nextDate) >= 12 ? d + 12 : d);
@@ -54,38 +52,40 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var handleClickMeridiem = useEventCallback(function (meridiem, event) {
-    var tempDate = date || startOfToday();
-    var hours = getHours(tempDate);
-    var isAM = hours < 12;
-    var adjustHours = function adjustHours(meridiem, hours) {
+  const handleClickMeridiem = useEventCallback((meridiem, event) => {
+    const tempDate = date || startOfToday();
+    const hours = getHours(tempDate);
+    const isAM = hours < 12;
+    const adjustHours = (meridiem, hours) => {
       if (meridiem === 'AM') {
         return isAM ? hours : hours - 12;
       }
       return isAM ? hours + 12 : hours;
     };
-    var nextHours = adjustHours(meridiem, hours);
-    var nextDate = setHours(tempDate, nextHours);
+    const nextHours = adjustHours(meridiem, hours);
+    const nextDate = setHours(tempDate, nextHours);
     onSelect === null || onSelect === void 0 || onSelect(nextDate, event);
   });
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    rootPrefix = _useClassNames.rootPrefix,
-    merge = _useClassNames.merge;
-  var renderColumn = function renderColumn(type, value) {
+  const {
+    prefix,
+    rootPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const renderColumn = (type, value) => {
     if (!isNumber(value)) {
       return null;
     }
-    var _getTimeLimits$type = getTimeLimits(showMeridiem)[type],
-      start = _getTimeLimits$type.start,
-      end = _getTimeLimits$type.end;
-    var items = [];
-    var hideFunc = props[camelCase("hide_" + type)];
-    var disabledFunc = props[camelCase("disabled_" + type)];
-    for (var i = start; i <= end; i += 1) {
+    const {
+      start,
+      end
+    } = getTimeLimits(showMeridiem)[type];
+    const items = [];
+    const hideFunc = props[camelCase(`hide_${type}`)];
+    const disabledFunc = props[camelCase(`disabled_${type}`)];
+    for (let i = start; i <= end; i += 1) {
       if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {
-        var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
-        var itemClasses = prefix('cell', {
+        const disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
+        const itemClasses = prefix('cell', {
           'cell-active': value === i,
           'cell-disabled': disabled
         });
@@ -93,10 +93,10 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
           key: i,
           role: "option",
           tabIndex: -1,
-          "aria-label": i + " " + type,
+          "aria-label": `${i} ${type}`,
           "aria-selected": value === i,
           "aria-disabled": disabled,
-          "data-key": type + "-" + i,
+          "data-key": `${type}-${i}`,
           onClick: !disabled ? partial(handleClick, type, i) : undefined
         }, /*#__PURE__*/React.createElement("span", {
           className: itemClasses
@@ -107,19 +107,19 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       prefix: prefix,
       title: locale === null || locale === void 0 ? void 0 : locale[type],
       "data-type": type,
-      "aria-label": "Select " + type
+      "aria-label": `Select ${type}`
     }, items);
   };
-  var renderMeridiemColumn = function renderMeridiemColumn() {
-    var columns = ['AM', 'PM'];
+  const renderMeridiemColumn = () => {
+    const columns = ['AM', 'PM'];
     return /*#__PURE__*/React.createElement(TimeColumn, {
       prefix: prefix,
       title: 'AM/PM',
       "data-type": "meridiem",
       "aria-label": "Select meridiem"
-    }, columns.map(function (meridiem, index) {
-      var ampm = date && (getHours(date) >= 12 ? 'PM' : 'AM');
-      var itemClasses = prefix('cell', {
+    }, columns.map((meridiem, index) => {
+      const ampm = date && (getHours(date) >= 12 ? 'PM' : 'AM');
+      const itemClasses = prefix('cell', {
         'cell-active': ampm === meridiem
       });
       return /*#__PURE__*/React.createElement("li", {
@@ -128,25 +128,25 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
         tabIndex: -1,
         "aria-label": meridiem,
         "aria-selected": ampm === meridiem,
-        "data-key": "meridiem-" + meridiem,
+        "data-key": `meridiem-${meridiem}`,
         onClick: partial(handleClickMeridiem, meridiem)
       }, /*#__PURE__*/React.createElement("span", {
         className: itemClasses
       }, meridiem));
     }));
   };
-  var time = getClockTime({
-    format: format,
-    date: date,
-    showMeridiem: showMeridiem
+  const time = getClockTime({
+    format,
+    date,
+    showMeridiem
   });
-  var classes = merge(className, rootPrefix(classPrefix), {
-    show: show
+  const classes = merge(className, rootPrefix(classPrefix), {
+    show
   });
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "group",
     tabIndex: -1,
-    id: targetId ? targetId + "-" + classPrefix : undefined
+    id: targetId ? `${targetId}-${classPrefix}` : undefined
   }, omitHideDisabledProps(rest), {
     ref: ref,
     className: classes

package/esm/Calendar/TimeDropdown/utils/formatWithLeadingZero.js

@@ -1,4 +1,4 @@
 'use client';
-export var formatWithLeadingZero = function formatWithLeadingZero(number) {
+export const formatWithLeadingZero = number => {
   return String(number).padStart(2, '0');
 };

package/esm/Calendar/TimeDropdown/utils/getClockTime.js

@@ -8,10 +8,12 @@ function getMeridiemHours(hours) {
   return hours >= 12 ? hours - 12 : hours;
 }
 export function getClockTime(props) {
-  var format = props.format,
-    date = props.date,
-    showMeridiem = props.showMeridiem;
-  var clockTime = {
+  const {
+    format,
+    date,
+    showMeridiem
+  } = props;
+  const clockTime = {
     hours: null,
     minutes: null,
     seconds: null,
@@ -23,7 +25,7 @@ export function getClockTime(props) {
 
   // If date is provided, extract hours and meridiem
   if (/(H|h)/.test(format) && date) {
-    var hours = getHours(date);
+    const hours = getHours(date);
     clockTime.hours = showMeridiem ? getMeridiemHours(hours) : hours;
     clockTime.meridiem = hours >= 12 ? 'PM' : 'AM';
   }

package/esm/Calendar/TimeDropdown/utils/getTimeLimits.js

@@ -1,14 +1,14 @@
 'use client';
 export function getTimeLimits(isMeridiem) {
-  var HOURS_24H = {
+  const HOURS_24H = {
     start: 0,
     end: 23
   };
-  var HOURS_12H = {
+  const HOURS_12H = {
     start: 0,
     end: 11
   };
-  var MINUTES_SECONDS = {
+  const MINUTES_SECONDS = {
     start: 0,
     end: 59
   };

package/esm/Calendar/TimeDropdown/utils/scrollToTime.js

@@ -3,19 +3,18 @@ import getPosition from 'dom-lib/getPosition';
 import scrollTop from 'dom-lib/scrollTop';
 export function scrollToTime(time, row) {
   if (!row) return;
-  var scrollToPosition = function scrollToPosition(container, value, type) {
-    var node = container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
+  const scrollToPosition = (container, value, type) => {
+    const node = container.querySelector(`[data-key="${type}-${value}"]`);
     if (node) {
-      var position = getPosition(node, container);
+      const position = getPosition(node, container);
       if (position) {
         scrollTop(container, position.top);
       }
     }
   };
-  Object.entries(time).forEach(function (_ref) {
-    var type = _ref[0],
-      value = _ref[1];
-    var container = row.querySelector("[data-type=\"" + type + "\"]");
+  Object.entries(time).forEach(_ref => {
+    let [type, value] = _ref;
+    const container = row.querySelector(`[data-type="${type}"]`);
     if (container) {
       scrollToPosition(container, value, type);
     }

package/esm/Calendar/hooks/useCalendar.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
 import { CalendarContext } from "../CalendarProvider.js";
-export var useCalendar = function useCalendar() {
+export const useCalendar = () => {
   return useContext(CalendarContext);
 };

package/esm/Calendar/hooks/useCalendarDate.d.ts

@@ -1,5 +1,5 @@
 export declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: React.SetStateAction<Date> | undefined) => void;
-    resetCalendarDate: (nextValue?: any) => void;
+    resetCalendarDate: (nextValue?: Date | null | undefined) => void;
 };

package/esm/Calendar/hooks/useCalendarDate.js

@@ -2,25 +2,23 @@
 import { useState, useCallback, useRef } from 'react';
 import { useUpdateEffect } from "../../internals/hooks/index.js";
 import { startOfToday } from "../../internals/utils/date/index.js";
-export var useCalendarDate = function useCalendarDate(value, defaultDate) {
+export const useCalendarDate = (value, defaultDate) => {
   var _ref;
-  var valueRef = useRef(value);
-  var _useState = useState((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : startOfToday()),
-    calendarDate = _useState[0],
-    setValue = _useState[1];
-  var setCalendarDate = useCallback(function (date) {
+  const valueRef = useRef(value);
+  const [calendarDate, setValue] = useState((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : startOfToday());
+  const setCalendarDate = useCallback(date => {
     if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {
       setValue(date);
     }
   }, [calendarDate]);
-  var resetCalendarDate = useCallback(function (nextValue) {
+  const resetCalendarDate = useCallback(function (nextValue) {
     var _ref2, _nextValue;
     if (nextValue === void 0) {
       nextValue = value;
     }
     setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : startOfToday());
   }, [defaultDate, value]);
-  useUpdateEffect(function () {
+  useUpdateEffect(() => {
     var _valueRef$current;
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
       var _ref3;
@@ -29,8 +27,8 @@ export var useCalendarDate = function useCalendarDate(value, defaultDate) {
     }
   }, [value, defaultDate]);
   return {
-    calendarDate: calendarDate,
-    setCalendarDate: setCalendarDate,
-    resetCalendarDate: resetCalendarDate
+    calendarDate,
+    setCalendarDate,
+    resetCalendarDate
   };
 };