@pisell/date-picker 3.0.8 → 3.0.10

package/es/ActionBar/index.d.ts

@@ -1,6 +1,17 @@
+import React from 'react';
 import { ButtonProps } from 'antd';
 import { Dayjs } from 'dayjs';
 import './index.less';
+export interface DateRangeTimeInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    slice?: number;
+    theme?: 'light' | 'dark';
+    className?: string;
+    popoverClassName?: string;
+    popupContainerClassName?: string;
+    [key: string]: any;
+}
 interface ActionBarProps {
     ownerState: any;
     onCancel: () => void;
@@ -14,6 +25,8 @@ interface ActionBarProps {
     okButtonProps?: ButtonProps;
     cancelButtonProps?: ButtonProps;
     isDesktop: boolean;
+    timeInputComponent?: React.ComponentType<DateRangeTimeInputProps>;
+    timeInputProps?: Omit<DateRangeTimeInputProps, 'value' | 'onChange'>;
 }
-declare const ActionBar: (props: ActionBarProps) => JSX.Element;
+declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
 export default ActionBar;

package/es/ActionBar/index.js

@@ -20,7 +20,7 @@ import dayjs from 'dayjs';
 import { getText, pLocaleMap } from "../locales";
 import "./index.less";
 var ActionBar = function ActionBar(props) {
-  var _value$, _value$2;
+  var _value$, _value$2, _value$3, _value$4;
   var ownerState = props.ownerState,
     onCancel = props.onCancel,
     onOk = props.onOk,
@@ -30,7 +30,9 @@ var ActionBar = function ActionBar(props) {
     value = _props$value === void 0 ? [] : _props$value,
     okButtonProps = props.okButtonProps,
     cancelButtonProps = props.cancelButtonProps,
-    isDesktop = props.isDesktop;
+    isDesktop = props.isDesktop,
+    TimeInputComponent = props.timeInputComponent,
+    timeInputProps = props.timeInputProps;
   var local = useContext(MuiPickersAdapterContext);
   var locale = useMemo(function () {
     return local.utils.locale || 'en';
@@ -87,51 +89,62 @@ var ActionBar = function ActionBar(props) {
       format: 'HH:mm'
     };
   }, [showTime]);
+  var renderTimeInput = function renderTimeInput(currentValue, onTimeChange, pickerProps, placeholder, popupClassName) {
+    if (TimeInputComponent) {
+      return /*#__PURE__*/React.createElement(TimeInputComponent, _extends({}, timeInputProps, {
+        value: currentValue === null || currentValue === void 0 ? void 0 : currentValue.format('HH:mm'),
+        onChange: function onChange(nextTime) {
+          if (!nextTime) return;
+          onTimeChange(dayjs(nextTime, 'HH:mm'));
+        }
+      }));
+    }
+    return /*#__PURE__*/React.createElement(TimePicker, _extends({
+      placeholder: placeholder
+    }, pickerProps, {
+      changeOnBlur: true,
+      value: currentValue,
+      size: "large",
+      popupClassName: popupClassName,
+      onChange: onTimeChange,
+      inputReadOnly: true
+    }));
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, showTime ? /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-time"
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-time-item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-time-item-label"
-  }, getText('action-bar-start.time', pLocaleMap[locale])), isDesktop ? /*#__PURE__*/React.createElement(TimePicker, _extends({
-    placeholder: getText('action-bar-start.time', pLocaleMap[locale])
-  }, startTimeProps, {
-    changeOnBlur: true,
-    value: value[0],
-    size: "large",
-    popupClassName: "date-picker-action-bar-time-picker-popup",
-    onChange: handleStartChange,
-    inputReadOnly: true
-  })) : /*#__PURE__*/React.createElement("input", {
+  }, getText('action-bar-start.time', pLocaleMap[locale])), isDesktop ? renderTimeInput(value[0], handleStartChange, startTimeProps, getText('action-bar-start.time', pLocaleMap[locale]), 'date-picker-action-bar-time-picker-popup') : /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-time-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-time-display"
+  }, ((_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format('HH:mm')) || '--:--'), /*#__PURE__*/React.createElement("input", {
     type: "time",
     onChange: function onChange(e) {
       var val = e.target.value;
       handleStartChange(dayjs(val, 'HH:mm'));
     },
-    className: "date-picker-input-time",
-    value: (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format('HH:mm')
-  })), /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-input-time-native",
+    value: (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.format('HH:mm')
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-time-item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-time-item-label"
-  }, getText('action-bar-end.time', pLocaleMap[locale])), isDesktop ? /*#__PURE__*/React.createElement(TimePicker, _extends({
-    placeholder: getText('action-bar-end.time', pLocaleMap[locale])
-  }, endTimeProps, {
-    changeOnBlur: true,
-    value: value[1],
-    size: "large",
-    popupClassName: "date-picker-action-bar-time-picker-popup",
-    onChange: handleEndChange,
-    inputReadOnly: true
-  })) : /*#__PURE__*/React.createElement("input", {
+  }, getText('action-bar-end.time', pLocaleMap[locale])), isDesktop ? renderTimeInput(value[1], handleEndChange, endTimeProps, getText('action-bar-end.time', pLocaleMap[locale]), 'date-picker-action-bar-time-picker-popup') : /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-time-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-time-display"
+  }, ((_value$3 = value[1]) === null || _value$3 === void 0 ? void 0 : _value$3.format('HH:mm')) || '--:--'), /*#__PURE__*/React.createElement("input", {
     type: "time",
     onChange: function onChange(e) {
       var val = e.target.value;
       handleEndChange(dayjs(val, 'HH:mm'));
     },
-    className: "date-picker-input-time",
-    value: (_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.format('HH:mm')
-  }))) : null, /*#__PURE__*/React.createElement("div", {
+    className: "date-picker-input-time-native",
+    value: (_value$4 = value[1]) === null || _value$4 === void 0 ? void 0 : _value$4.format('HH:mm')
+  })))) : null, /*#__PURE__*/React.createElement("div", {
     className: classNames(props.className, 'date-picker-action-bar')
   }, /*#__PURE__*/React.createElement("div", {
     className: "date-picker-action-bar-right",

package/es/ActionBar/index.less

@@ -27,17 +27,39 @@
     flex-direction: column;
     gap: 8px;
     flex: 1;
-    .date-picker-input-time {
-      padding: 6.5px 11px 6.5px;
-      background: #ffffff;
-      border: 1px solid #D0D5DD;
-      border-radius: 8px;
-      height: 40px;
-      line-height: 40px;
+    .date-picker-time-wrapper {
+      position: relative;
       width: 100%;
-      display: block;
       min-width: 160px;
-      font-size: 16px;
+
+      .date-picker-time-display {
+        display: flex;
+        align-items: center;
+        height: 40px;
+        padding: 0 11px;
+        background: #ffffff;
+        border: 1px solid #D0D5DD;
+        border-radius: 8px;
+        font-size: 16px;
+        color: rgba(0, 0, 0, 0.88);
+        pointer-events: none;
+      }
+
+      .date-picker-input-time-native {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+        cursor: pointer;
+        -webkit-appearance: none;
+        appearance: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+        font-size: 16px; // 防止 iOS focus 时页面缩放
+      }
     }
     .date-picker-action-time-item-label {
       color: var(--Gray-700, #344054);

package/es/CustomCalendarHeader/index.d.ts

@@ -1,2 +1,3 @@
-declare const CustomCalendarHeader: (props: any) => JSX.Element;
+import React from 'react';
+declare const CustomCalendarHeader: (props: any) => React.JSX.Element;
 export default CustomCalendarHeader;

package/es/Dialog/index.d.ts

@@ -1,2 +1,3 @@
-declare const Dialog: (props: any) => JSX.Element;
+import React from 'react';
+declare const Dialog: (props: any) => React.JSX.Element;
 export default Dialog;

package/es/Drawer/index.d.ts

@@ -7,5 +7,5 @@ interface DrawerProps {
     children: React.ReactNode;
     onClose: () => void;
 }
-declare const Drawer: (props: DrawerProps) => JSX.Element | null;
+declare const Drawer: (props: DrawerProps) => React.JSX.Element | null;
 export default Drawer;

package/es/OldActionBar/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";
@@ -14,5 +15,5 @@ interface ActionBarProps {
     okButtonProps?: ButtonProps;
     cancelButtonProps?: ButtonProps;
 }
-declare const ActionBar: (props: ActionBarProps) => JSX.Element;
+declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
 export default ActionBar;

package/es/OldPisellDateRangePicker/index.d.ts

@@ -75,5 +75,5 @@ export interface PisellDateRangePickerProps {
     /** 输入框只读 */
     inputReadOnly: boolean;
 }
-declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
+declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => React.JSX.Element;
 export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.d.ts

@@ -2,6 +2,7 @@ import { Dayjs } from 'dayjs';
 import React from 'react';
 import { ButtonProps } from 'antd';
 import { PopperPlacementType } from '@mui/base/Popper/Popper.types';
+import type { DateRangeTimeInputProps } from '../ActionBar';
 import { PresetType } from '../Shortcuts';
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
@@ -65,6 +66,14 @@ export interface PisellDateRangePickerProps {
      * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
      */
     desktopModeMediaQuery?: string;
+    /** 桌面端展示的日历数量：单日 1 个，多日 2 个 */
+    calendars?: 1 | 2 | 3;
+    /** 自定义弹层底部时间输入组件；不传则使用默认 antd TimePicker */
+    timeInputComponent?: React.ComponentType<DateRangeTimeInputProps>;
+    /** 自定义时间输入组件 props */
+    timeInputProps?: Omit<DateRangeTimeInputProps, 'value' | 'onChange'>;
+    /** showTime 模式下是否仍展示弹层顶部 Starting/Ending 日期输入区 */
+    showToolbarWhenShowTime?: boolean;
     style?: React.CSSProperties;
     /** 是否展示清除按钮 */
     allowClear?: boolean;
@@ -79,5 +88,5 @@ export interface PisellDateRangePickerProps {
     isHideCustomSelect?: boolean;
     endDateDays?: number;
 }
-declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
+declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => React.JSX.Element;
 export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.js

@@ -74,6 +74,10 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     cancelButtonProps = props.cancelButtonProps,
     onDateChange = props.onDateChange,
     desktopModeMediaQuery = props.desktopModeMediaQuery,
+    calendars = props.calendars,
+    timeInputComponent = props.timeInputComponent,
+    timeInputProps = props.timeInputProps,
+    showToolbarWhenShowTime = props.showToolbarWhenShowTime,
     style = props.style,
     allowClear = props.allowClear,
     disablePortal = props.disablePortal,
@@ -237,7 +241,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     if (inputReadOnly) {
       return {
         readOnly: true,
-        selectedSections: 0
+        selectedSections: null
       };
     }
     return {};
@@ -285,6 +289,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     onMonthChange: onMonthChange,
     minDate: minDate,
     maxDate: maxDate,
+    calendars: calendars,
     format: format,
     label: placeholder,
     value: _value,
@@ -329,10 +334,12 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
         onChange: handleChange,
         value: _value,
         okButtonProps: okButtonProps,
-        cancelButtonProps: cancelButtonProps
+        cancelButtonProps: cancelButtonProps,
+        timeInputComponent: timeInputComponent,
+        timeInputProps: timeInputProps
       },
       toolbar: {
-        hidden: showTime,
+        hidden: showTime && !showToolbarWhenShowTime,
         presetItems: _presets,
         format: format,
         locale: locale,

package/es/Shortcuts/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {
@@ -11,5 +12,5 @@ interface ShortcutsProps {
     onChange: (day: [Dayjs, Dayjs], changeImportance?: "accept" | "set") => void;
     changeImportance?: "accept" | "set";
 }
-declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
+declare const Shortcuts: (props: ShortcutsProps) => React.JSX.Element | null;
 export default Shortcuts;

package/es/Toolbar/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Toolbar: (props: any) => JSX.Element | null;
+declare const Toolbar: (props: any) => React.JSX.Element | null;
 export default Toolbar;

package/es/browserSelect/index.d.ts

@@ -11,5 +11,5 @@ interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAtt
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 16:43
  */
-declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
 export default BrowserSelect;

package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
@@ -9,4 +10,4 @@ export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewW
  * We don't pass all the props down to `DateRangeCalendar`,
  * because otherwise some unwanted props would be passed to the HTML element.
  */
-export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, components, componentsProps, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => JSX.Element;
+export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, components, componentsProps, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => React.JSX.Element;

package/es/icon/ChevronLeft.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const ChevronLeft: (props: {
     className?: string | undefined;
     onClick?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ChevronLeft;

package/es/icon/ChevronLeftDouble.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const ChevronLeftDouble: (props: {
     className?: string | undefined;
     onClick?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ChevronLeftDouble;

package/es/icon/ChevronRight.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const ChevronRight: (props: {
     className?: string | undefined;
     onClick?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ChevronRight;

package/es/icon/ChevronRightDouble.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const ChevronRightDouble: (props: {
     className?: string | undefined;
     onClick?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ChevronRightDouble;

package/es/icon/CloseCircle.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const CloseCircle: (props: {
     className: string;
     onClick: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CloseCircle;

package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**
@@ -5,5 +6,5 @@ import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStat
  * - StaticDateRangePicker
  */
 export declare const useStaticRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticRangePickerParams<TDate, TView, TExternalProps>) => {
-    renderPicker: () => JSX.Element;
+    renderPicker: () => React.JSX.Element;
 };

package/es/locales/index.js

@@ -1,19 +1,27 @@
 import zhCN from "./zh-CN";
 import enUS from "./en-US";
 import zhTW from "./zh-TW";
+import ja from "./ja";
+import pt from "./pt";
 import { getCurrentLocale } from "../utils";
 var langMap = {
-  "zh-CN": zhCN,
-  "en-US": enUS,
-  "zh-TW": zhTW
+  'zh-CN': zhCN,
+  'en-US': enUS,
+  'zh-TW': zhTW,
+  'zh-HK': zhTW,
+  ja: ja,
+  pt: pt
 };
 export var pLocaleMap = {
-  "en": "en-US",
-  "zh-cn": "zh-CN",
-  "zh-tw": "zh-TW",
-  "en-US": "en-US",
-  "zh-CN": "zh-CN",
-  "zh-TW": "zh-TW"
+  en: 'en-US',
+  'zh-cn': 'zh-CN',
+  'zh-tw': 'zh-TW',
+  'en-US': 'en-US',
+  'zh-CN': 'zh-CN',
+  'zh-TW': 'zh-TW',
+  'zh-HK': 'zh-TW',
+  ja: 'ja',
+  pt: 'pt'
 };
 export var getText = function getText(id, pLocale) {
   if (!id) {
@@ -23,7 +31,7 @@ export var getText = function getText(id, pLocale) {
     //@ts-ignore
     return langMap[pLocale][id] || id;
   }
-  var locale = getCurrentLocale() || "en-US";
+  var locale = getCurrentLocale() || 'en-US';
   //@ts-ignore
-  return langMap[locale][id] || id;
+  return langMap[locale][id] || langMap['en-US'][id] || id;
 };

package/es/locales/ja.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    'action-bar-cancel': string;
+    'action-bar-apply': string;
+    'action-bar-start.time': string;
+    'action-bar-end.time': string;
+    'toolbar-date-range-shortcut-custom': string;
+    "toolbar-date-range-shortcut-date-range": string;
+    "toolbar-date-range-shortcut-starting": string;
+    "toolbar-date-range-shortcut-ending": string;
+    "toolbar-date-range-shortcut-today": string;
+    "toolbar-date-range-shortcut-yesterday": string;
+    "toolbar-date-range-shortcut-tomorrow": string;
+    "toolbar-date-range-shortcut-last-3-days": string;
+    "toolbar-date-range-shortcut-last-7-days": string;
+    "toolbar-date-range-shortcut-last-30-days": string;
+    "toolbar-date-range-shortcut-last-90-days": string;
+    "toolbar-date-range-shortcut-last-180-days": string;
+    "toolbar-date-range-shortcut-next-3-days": string;
+    "toolbar-date-range-shortcut-next-7-days": string;
+    "toolbar-date-range-shortcut-next-30-days": string;
+    "toolbar-date-range-shortcut-next-90-days": string;
+    "toolbar-date-range-shortcut-next-180-days": string;
+    "toolbar-date-range-invalid-start-date": string;
+    "toolbar-date-range-invalid-end-date": string;
+};
+export default _default;

package/es/locales/ja.js

@@ -0,0 +1,25 @@
+export default {
+  'action-bar-cancel': 'キャンセル',
+  'action-bar-apply': '適用',
+  'action-bar-start.time': '開始時間',
+  'action-bar-end.time': '終了時間',
+  'toolbar-date-range-shortcut-custom': 'カスタム',
+  "toolbar-date-range-shortcut-date-range": "日付範囲",
+  "toolbar-date-range-shortcut-starting": "開始",
+  "toolbar-date-range-shortcut-ending": "終了",
+  "toolbar-date-range-shortcut-today": "今日",
+  "toolbar-date-range-shortcut-yesterday": "昨日",
+  "toolbar-date-range-shortcut-tomorrow": "明日",
+  "toolbar-date-range-shortcut-last-3-days": "過去3日",
+  "toolbar-date-range-shortcut-last-7-days": "過去7日",
+  "toolbar-date-range-shortcut-last-30-days": "過去30日",
+  "toolbar-date-range-shortcut-last-90-days": "過去90日",
+  "toolbar-date-range-shortcut-last-180-days": "過去180日",
+  "toolbar-date-range-shortcut-next-3-days": "今後3日",
+  "toolbar-date-range-shortcut-next-7-days": "今後7日",
+  "toolbar-date-range-shortcut-next-30-days": "今後30日",
+  "toolbar-date-range-shortcut-next-90-days": "今後90日",
+  "toolbar-date-range-shortcut-next-180-days": "今後180日",
+  "toolbar-date-range-invalid-start-date": "開始日が無効です",
+  "toolbar-date-range-invalid-end-date": "終了日が無効です"
+};

package/es/locales/pt.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    'action-bar-cancel': string;
+    'action-bar-apply': string;
+    'action-bar-start.time': string;
+    'action-bar-end.time': string;
+    'toolbar-date-range-shortcut-custom': string;
+    "toolbar-date-range-shortcut-date-range": string;
+    "toolbar-date-range-shortcut-starting": string;
+    "toolbar-date-range-shortcut-ending": string;
+    "toolbar-date-range-shortcut-today": string;
+    "toolbar-date-range-shortcut-yesterday": string;
+    "toolbar-date-range-shortcut-tomorrow": string;
+    "toolbar-date-range-shortcut-last-3-days": string;
+    "toolbar-date-range-shortcut-last-7-days": string;
+    "toolbar-date-range-shortcut-last-30-days": string;
+    "toolbar-date-range-shortcut-last-90-days": string;
+    "toolbar-date-range-shortcut-last-180-days": string;
+    "toolbar-date-range-shortcut-next-3-days": string;
+    "toolbar-date-range-shortcut-next-7-days": string;
+    "toolbar-date-range-shortcut-next-30-days": string;
+    "toolbar-date-range-shortcut-next-90-days": string;
+    "toolbar-date-range-shortcut-next-180-days": string;
+    "toolbar-date-range-invalid-start-date": string;
+    "toolbar-date-range-invalid-end-date": string;
+};
+export default _default;

package/es/locales/pt.js

@@ -0,0 +1,25 @@
+export default {
+  'action-bar-cancel': 'Cancelar',
+  'action-bar-apply': 'Aplicar',
+  'action-bar-start.time': 'Hora de início',
+  'action-bar-end.time': 'Hora de término',
+  'toolbar-date-range-shortcut-custom': 'Personalizado',
+  "toolbar-date-range-shortcut-date-range": "Intervalo de datas",
+  "toolbar-date-range-shortcut-starting": "Início",
+  "toolbar-date-range-shortcut-ending": "Fim",
+  "toolbar-date-range-shortcut-today": "Hoje",
+  "toolbar-date-range-shortcut-yesterday": "Ontem",
+  "toolbar-date-range-shortcut-tomorrow": "Amanhã",
+  "toolbar-date-range-shortcut-last-3-days": "Últimos 3 dias",
+  "toolbar-date-range-shortcut-last-7-days": "Últimos 7 dias",
+  "toolbar-date-range-shortcut-last-30-days": "Últimos 30 dias",
+  "toolbar-date-range-shortcut-last-90-days": "Últimos 90 dias",
+  "toolbar-date-range-shortcut-last-180-days": "Últimos 180 dias",
+  "toolbar-date-range-shortcut-next-3-days": "Próximos 3 dias",
+  "toolbar-date-range-shortcut-next-7-days": "Próximos 7 dias",
+  "toolbar-date-range-shortcut-next-30-days": "Próximos 30 dias",
+  "toolbar-date-range-shortcut-next-90-days": "Próximos 90 dias",
+  "toolbar-date-range-shortcut-next-180-days": "Próximos 180 dias",
+  "toolbar-date-range-invalid-start-date": "Data de início inválida",
+  "toolbar-date-range-invalid-end-date": "Data de término inválida"
+};

package/es/utils/index.d.ts

@@ -1,5 +1,5 @@
-import { PresetType } from "../Shortcuts";
-import { Dayjs } from "dayjs";
+import { PresetType } from '../Shortcuts';
+import { Dayjs } from 'dayjs';
 export declare const getCurrentLocale: () => string;
 export declare const isBrowser: boolean;
 export declare const isMobile: () => boolean;

package/es/utils/index.js

@@ -4,14 +4,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { isFunction, isMobile as isMobileUtils, isString } from "@pisell/utils";
+import { isFunction, isMobile as isMobileUtils, isString } from '@pisell/utils';
 import { defaultPresets, presetDetailMap, presetValueArr } from "../constants";
 export var getCurrentLocale = function getCurrentLocale() {
-  var locale = localStorage.getItem("umi_locale") || "en-US";
+  var locale = localStorage.getItem('umi_locale') || 'en-US';
   //@ts-ignore
   return locale;
 };
-export var isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 export var isMobile = function isMobile() {
   if (isBrowser) {
     return window.innerWidth <= 768 || isMobileUtils();

package/lib/ActionBar/index.d.ts

@@ -1,6 +1,17 @@
+import React from 'react';
 import { ButtonProps } from 'antd';
 import { Dayjs } from 'dayjs';
 import './index.less';
+export interface DateRangeTimeInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    slice?: number;
+    theme?: 'light' | 'dark';
+    className?: string;
+    popoverClassName?: string;
+    popupContainerClassName?: string;
+    [key: string]: any;
+}
 interface ActionBarProps {
     ownerState: any;
     onCancel: () => void;
@@ -14,6 +25,8 @@ interface ActionBarProps {
     okButtonProps?: ButtonProps;
     cancelButtonProps?: ButtonProps;
     isDesktop: boolean;
+    timeInputComponent?: React.ComponentType<DateRangeTimeInputProps>;
+    timeInputProps?: Omit<DateRangeTimeInputProps, 'value' | 'onChange'>;
 }
-declare const ActionBar: (props: ActionBarProps) => JSX.Element;
+declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
 export default ActionBar;