rsuite 5.71.0 → 5.73.0

package/cjs/InlineEdit/renderChildren.js

@@ -9,13 +9,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Input = _interopRequireDefault(require("../Input"));
+var _utils = require("../internals/utils");
 var _excluded = ["onBlur"];
 function defaultRenderInput(props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
     ref: ref
   }, props));
 }
-var pickers = ['DatePicker', 'DateRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
+var pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
 function getDisplayName(Component) {
   var _Component$type;
   if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
@@ -30,10 +31,18 @@ function renderChildren(children, props, ref) {
   if (pickers.includes(getDisplayName(children))) {
     var onBlur = props.onBlur,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
-    // if the children is a picker, we should pass the onBlur to the onClose
+    var _children$props = children.props,
+      onExit = _children$props.onExit,
+      onClean = _children$props.onClean;
     return /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({}, rest, {
-      onClose: onBlur,
+      // Pass onBlur to the child component to automatically save or cancel after the focus event is processed.
+      // Special handling in the Picker component, call onBlur when onExit and onClean
+      onExit: (0, _utils.createChainedFunction)(function () {
+        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+      }, onExit),
+      onClean: (0, _utils.createChainedFunction)(function () {
+        return onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+      }, onClean),
       ref: ref
     }));
   }

package/cjs/InlineEdit/useFocusEvent.d.ts

@@ -3,8 +3,8 @@ import { PickerHandle } from '../internals/Picker/types';
 interface FocusEventProps {
     isEditing: boolean;
     stateOnBlur?: 'save' | 'cancel';
-    onSave?: (event?: React.FocusEvent) => void;
-    onCancel?: (event?: React.FocusEvent) => void;
+    onSave?: (event?: React.FocusEvent | null) => void;
+    onCancel?: (event?: React.FocusEvent | null) => void;
 }
 declare const useFocusEvent: ({ isEditing, stateOnBlur, onSave, onCancel }: FocusEventProps) => {
     target: import("react").RefObject<HTMLInputElement | PickerHandle>;

package/cjs/InlineEdit/useFocusEvent.js

@@ -19,12 +19,17 @@ var useFocusEvent = function useFocusEvent(_ref) {
   var focus = function focus() {
     if (isPicker) {
       setTimeout(function () {
-        var _ref$current2, _ref$current2$target, _ref$current2$target$;
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$target = _ref$current2.target) === null || _ref$current2$target === void 0 ? void 0 : (_ref$current2$target$ = _ref$current2$target.focus) === null || _ref$current2$target$ === void 0 ? void 0 : _ref$current2$target$.call(_ref$current2$target);
+        var _picker$target, _picker$target$focus, _picker$open;
+        var picker = ref.current;
+        // Auto focus the search input
+        picker === null || picker === void 0 ? void 0 : (_picker$target = picker.target) === null || _picker$target === void 0 ? void 0 : (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 ? void 0 : _picker$target$focus.call(_picker$target);
+
+        // Open the picker
+        picker === null || picker === void 0 ? void 0 : (_picker$open = picker.open) === null || _picker$open === void 0 ? void 0 : _picker$open.call(picker);
       }, 100);
     } else {
-      var _ref$current3, _ref$current3$focus;
-      (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$focus = _ref$current3.focus) === null || _ref$current3$focus === void 0 ? void 0 : _ref$current3$focus.call(_ref$current3);
+      var _ref$current2, _ref$current2$focus;
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 ? void 0 : _ref$current2$focus.call(_ref$current2);
     }
   };
   var handleBlur = (0, _hooks.useEventCallback)(function (event) {

package/cjs/MultiCascadeTree/TreeView.js

@@ -8,8 +8,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
@@ -89,7 +89,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;
+    var Icon = node.loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
     var active = value.some(function (v) {
       return v === nodeValue;
     });

package/cjs/Nav/NavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/cjs/Nav/NavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Nav/NavDropdownMenu.js

@@ -14,8 +14,8 @@ var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
@@ -67,7 +67,7 @@ var NavDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, re
     className = _omit.className,
     disabled = _omit.disabled,
     menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
-  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;
+  var Icon = rtl ? _PagePrevious.default : _PageNext.default;
   return /*#__PURE__*/_react.default.createElement(_Menu.default, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {

package/cjs/Nav/NavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;

package/cjs/Navbar/NavbarDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';

package/cjs/Navbar/NavbarDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavbarDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/cjs/Navbar/NavbarDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface NavbarDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Navbar/NavbarDropdownMenu.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _ = require(".");
@@ -73,7 +73,7 @@ var NavbarDropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props,
     className = _omit.className,
     disabled = _omit.disabled,
     menuProps = (0, _objectWithoutPropertiesLoose2.default)(_omit, _excluded2);
-  var Icon = rtl ? _AngleLeft.default : _AngleRight.default;
+  var Icon = rtl ? _PagePrevious.default : _PageNext.default;
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     hideOnClickOutside: true,
     trigger: ['click', 'hover'],

package/cjs/Navbar/NavbarItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface NavbarItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */

package/cjs/Pagination/Pagination.js

@@ -9,11 +9,11 @@ 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 _More = _interopRequireDefault(require("@rsuite/icons/legacy/More"));
-var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/legacy/PagePrevious"));
-var _PageNext = _interopRequireDefault(require("@rsuite/icons/legacy/PageNext"));
-var _PageTop = _interopRequireDefault(require("@rsuite/icons/legacy/PageTop"));
-var _PageEnd = _interopRequireDefault(require("@rsuite/icons/legacy/PageEnd"));
+var _More = _interopRequireDefault(require("@rsuite/icons/More"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageTop = _interopRequireDefault(require("@rsuite/icons/PageTop"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
+var _PageEnd = _interopRequireDefault(require("@rsuite/icons/PageEnd"));
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
 var _hooks = require("../internals/hooks");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;

package/cjs/Panel/AccordionButton.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _icons = require("@rsuite/icons");
+var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
 var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
 var _hooks = require("../internals/hooks");
 var _templateObject;
@@ -35,7 +35,7 @@ var AccordionButton = function AccordionButton(props) {
     "aria-disabled": disabled,
     className: withClassPrefix(className),
     disabled: disabled
-  }, rest), children, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+  }, rest), children, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     as: caretAs,
     "aria-hidden": "true",
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["icon"]))),

package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLLIElement>, 'title' | 'onSelect'> {
     /** Primary content */
     children?: React.ReactNode;

package/cjs/Sidenav/SidenavDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import Button from '../Button';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';

package/cjs/Sidenav/SidenavDropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/cjs/Sidenav/SidenavDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;

package/cjs/Sidenav/SidenavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Activation status */
     active?: boolean;

package/cjs/Sidenav/SidenavToggle.js

@@ -8,10 +8,10 @@ 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 _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _hooks = require("../internals/hooks");
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _propTypes2 = require("../internals/propTypes");
 var _Sidenav = require("./Sidenav");
 var _excluded = ["as", "expanded", "className", "classPrefix", "onToggle"];
@@ -40,7 +40,7 @@ var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var classes = merge(className, withClassPrefix({
     collapsed: !expanded
   }));
-  var Icon = expanded ? _AngleLeft.default : _AngleRight.default;
+  var Icon = expanded ? _PagePrevious.default : _PageNext.default;
   var handleToggle = function handleToggle(event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded, event);
   };

package/cjs/Steps/StepItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface StepItemProps extends WithAsProps {
     /** The width of each item. */

package/cjs/TimePicker/TimePicker.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import { RangeType } from '../DatePicker';
+import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { PickerComponent } from '../internals/Picker/types';
+import type { DatePickerLocale } from '../locales';
+export interface TimePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
+    /**
+     * Custom caret component
+     */
+    caretAs?: React.ElementType | null;
+    /**
+     * Calendar panel default presentation date and time
+     */
+    calendarDefaultDate?: Date;
+    /**
+     * Whether disabled the component
+     */
+    disabled?: boolean;
+    /**
+     * Rendered as an input, the date can be entered via the keyboard
+     */
+    editable?: boolean;
+    /**
+     * Format date string
+     */
+    format?: string;
+    /**
+     * A label displayed at the beginning of toggle button
+     */
+    label?: React.ReactNode;
+    /**
+     * Whether to display a loading state indicator
+     */
+    loading?: boolean;
+    /**
+     * Whether plaintext the component
+     */
+    plaintext?: boolean;
+    /**
+     * Whether read only the component
+     */
+    readOnly?: boolean;
+    /**
+     * Meridiem format for 12-hour time
+     */
+    showMeridiem?: boolean;
+    /**
+     * Hide specific hour options
+     */
+    hideHours?: (hour: number, date: Date) => boolean;
+    /**
+     * Hide specific minute options
+     */
+    hideMinutes?: (minute: number, date: Date) => boolean;
+    /**
+     * Hide specific second options
+     */
+    hideSeconds?: (second: number, date: Date) => boolean;
+    /**
+     * Called when the option is selected
+     */
+    onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
+    /**
+     * Called after clicking the OK button
+     */
+    onOk?: (date: Date, event: React.SyntheticEvent) => void;
+    /**
+     * Called after clicking the shortcut button
+     */
+    onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
+    /**
+     * Called when clean
+     */
+    onClean?: (event: React.MouseEvent) => void;
+    /**
+     * Custom rendering of the selected date.
+     */
+    renderValue?: (value: Date, format: string) => string;
+}
+declare const TimePicker: PickerComponent<TimePickerProps>;
+export default TimePicker;

package/cjs/TimePicker/TimePicker.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _DatePicker = _interopRequireDefault(require("../DatePicker"));
+var _hooks = require("../internals/hooks");
+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 TimePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _hooks.useCustom)('Calendar'),
+    locale = _useCustom.locale;
+  var defaultRanges = (0, _react.useMemo)(function () {
+    return [{
+      label: locale.now,
+      value: function value() {
+        return new Date();
+      }
+    }];
+  }, [locale]);
+  return /*#__PURE__*/_react.default.createElement(_DatePicker.default, (0, _extends2.default)({
+    ref: ref,
+    format: locale.shortTimeFormat,
+    ranges: defaultRanges
+  }, props));
+});
+TimePicker.displayName = 'TimePicker';
+var _default = exports.default = TimePicker;

package/cjs/TimePicker/index.d.ts

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export type { TimePickerProps } from './TimePicker';
+export default TimePicker;

package/cjs/TimePicker/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+var _default = exports.default = _TimePicker.default;

package/cjs/TimeRangePicker/TimeRangePicker.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { RangeType, DateRange } from '../DateRangePicker';
+import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { PickerComponent } from '../internals/Picker/types';
+import type { DatePickerLocale } from '../locales';
+export interface TimeRangePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<DateRange | null> {
+    /**
+     * Custom caret component
+     */
+    caretAs?: React.ElementType | null;
+    /** Predefined date ranges */
+    ranges?: RangeType[];
+    /**
+     * Format of the date displayed in the input box
+     */
+    format?: string;
+    /**
+     * Rendered as an input, the date can be entered via the keyboard.
+     * @default true
+     */
+    editable?: boolean;
+    /**
+     * A label displayed at the beginning of toggle button
+     */
+    label?: React.ReactNode;
+    /**
+     * Whether to display a loading state indicator
+     */
+    loading?: boolean;
+    /**
+     * Meridiem format for 12-hour time
+     */
+    showMeridiem?: boolean;
+    /**
+     * Whether to display the formatted date range at the header of the calendar
+     */
+    showHeader?: boolean;
+    /**
+     * The character that separates two dates
+     * @default ' ~ '
+     */
+    character?: string;
+    /**
+     * Hide specific hour options
+     */
+    hideHours?: (hour: number, date: Date) => boolean;
+    /**
+     * Hide specific minute options
+     */
+    hideMinutes?: (minute: number, date: Date) => boolean;
+    /**
+     * Hide specific second options
+     */
+    hideSeconds?: (second: number, date: Date) => boolean;
+    /**
+     * Called after clicking the OK button
+     */
+    onOk?: (date: DateRange, event: React.SyntheticEvent) => void;
+    /**
+     * Called after clicking the shortcut button
+     */
+    onShortcutClick?: (range: RangeType, event: React.MouseEvent) => void;
+    /**
+     * Called when the value is cleared
+     */
+    onClean?: (event: React.MouseEvent) => void;
+    /**
+     * Custom rendering of the selected date range.
+     */
+    renderValue?: (value: DateRange, format: string) => string;
+    /**
+     * Custom render for calendar title
+     */
+    renderTitle?: (date: Date) => React.ReactNode;
+}
+declare const TimeRangePicker: PickerComponent<TimeRangePickerProps>;
+export default TimeRangePicker;

package/cjs/TimeRangePicker/TimeRangePicker.js

@@ -0,0 +1,23 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../internals/hooks");
+var _DateRangePicker = _interopRequireDefault(require("../DateRangePicker"));
+var defaultRanges = [];
+var TimeRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _hooks.useCustom)('Calendar'),
+    locale = _useCustom.locale;
+  return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, (0, _extends2.default)({
+    ref: ref,
+    showHeader: false,
+    format: locale.shortTimeFormat,
+    ranges: defaultRanges
+  }, props));
+});
+TimeRangePicker.displayName = 'TimeRangePicker';
+var _default = exports.default = TimeRangePicker;

package/cjs/TimeRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+import TimeRangePicker from './TimeRangePicker';
+export type { TimeRangePickerProps } from './TimeRangePicker';
+export default TimeRangePicker;

package/cjs/TimeRangePicker/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _TimeRangePicker = _interopRequireDefault(require("./TimeRangePicker"));
+var _default = exports.default = _TimeRangePicker.default;

package/cjs/index.d.ts

@@ -105,10 +105,14 @@ export { default as DateInput } from './DateInput';
 export type { DateInputProps } from './DateInput';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
+export { default as TimePicker } from './TimePicker';
+export type { TimePickerProps } from './TimePicker';
 export { default as DateRangeInput } from './DateRangeInput';
 export type { DateRangeInputProps } from './DateRangeInput';
 export { default as DateRangePicker } from './DateRangePicker';
 export type { DateRangePickerProps } from './DateRangePicker';
+export { default as TimeRangePicker } from './TimeRangePicker';
+export type { TimeRangePickerProps } from './TimeRangePicker';
 export { default as AutoComplete } from './AutoComplete';
 export type { AutoCompleteProps } from './AutoComplete';
 export { default as Uploader } from './Uploader';

package/cjs/index.js

@@ -3,7 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useToaster = exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;
+exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;
+exports.useToaster = void 0;
 var _Text = _interopRequireDefault(require("./Text"));
 exports.Text = _Text.default;
 var _Heading = _interopRequireDefault(require("./Heading"));
@@ -113,10 +114,14 @@ var _DateInput = _interopRequireDefault(require("./DateInput"));
 exports.DateInput = _DateInput.default;
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 exports.DatePicker = _DatePicker.default;
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+exports.TimePicker = _TimePicker.default;
 var _DateRangeInput = _interopRequireDefault(require("./DateRangeInput"));
 exports.DateRangeInput = _DateRangeInput.default;
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
 exports.DateRangePicker = _DateRangePicker.default;
+var _TimeRangePicker = _interopRequireDefault(require("./TimeRangePicker"));
+exports.TimeRangePicker = _TimeRangePicker.default;
 var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
 exports.AutoComplete = _AutoComplete.default;
 var _Uploader = _interopRequireDefault(require("./Uploader"));