@pisell/date-picker 3.0.7 → 3.0.9

package/es/ActionBar/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from 'antd';
 import { Dayjs } from 'dayjs';
 import './index.less';
@@ -16,5 +16,5 @@ interface ActionBarProps {
     cancelButtonProps?: ButtonProps;
     isDesktop: boolean;
 }
-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,
@@ -102,15 +102,19 @@ var ActionBar = function ActionBar(props) {
     popupClassName: "date-picker-action-bar-time-picker-popup",
     onChange: handleStartChange,
     inputReadOnly: true
-  })) : /*#__PURE__*/React.createElement("input", {
+  })) : /*#__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"
@@ -123,15 +127,19 @@ var ActionBar = function ActionBar(props) {
     popupClassName: "date-picker-action-bar-time-picker-popup",
     onChange: handleEndChange,
     inputReadOnly: true
-  })) : /*#__PURE__*/React.createElement("input", {
+  })) : /*#__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/DateRangePicker/DateRangePickerToolbar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
 import { DateRange } from '../internals/models';
 import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
@@ -7,5 +8,5 @@ export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProp
 }
 export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
 }
-declare const DateRangePickerToolbar: any;
+declare const DateRangePickerToolbar: React.ForwardRefExoticComponent<DateRangePickerToolbarProps<unknown> & React.RefAttributes<HTMLDivElement>>;
 export { DateRangePickerToolbar };

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,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ButtonProps } from "antd";
 import { Dayjs } from "dayjs";
 import "./index.less";
@@ -15,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/LocaleContext.d.ts

@@ -1,2 +1,7 @@
-export declare const LocaleContext: any;
-export declare const LocaleProvider: any;
+/// <reference types="react" />
+interface LocaleContextType {
+    locale?: string;
+}
+export declare const LocaleContext: import("react").Context<LocaleContextType>;
+export declare const LocaleProvider: import("react").Provider<LocaleContextType>;
+export {};

package/es/PisellDateRangePicker/index.d.ts

@@ -79,5 +79,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

@@ -237,7 +237,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     if (inputReadOnly) {
       return {
         readOnly: true,
-        selectedSections: 0
+        selectedSections: null
       };
     }
     return {};

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,4 +1,4 @@
-/// <reference types="react" />
+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/hooks/useDocumentVisibility.d.ts

@@ -1,2 +1,2 @@
-declare const useDocumentVisibility: () => any;
+declare const useDocumentVisibility: () => "hidden" | "visible";
 export default useDocumentVisibility;

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/internals/utils/date-fields-utils.d.ts

@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
 };
 export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
     separator: null;
-    dateName: "start" | "end";
+    dateName: "end" | "start";
     value: string;
     format: string;
     maxLength: number | null;

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,8 +1,8 @@
-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: () => any;
+export declare const isMobile: () => boolean;
 /**
  * 格式化预设
  * @param presets

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,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from 'antd';
 import { Dayjs } from 'dayjs';
 import './index.less';
@@ -16,5 +16,5 @@ interface ActionBarProps {
     cancelButtonProps?: ButtonProps;
     isDesktop: boolean;
 }
-declare const ActionBar: (props: ActionBarProps) => JSX.Element;
+declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
 export default ActionBar;

package/lib/ActionBar/index.js

@@ -41,7 +41,7 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_locales = require("../locales");
 var import_index = require("./index.less");
 var ActionBar = (props) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const {
     ownerState,
     onCancel,
@@ -123,7 +123,7 @@ var ActionBar = (props) => {
       onChange: handleStartChange,
       inputReadOnly: true
     }
-  ) : /* @__PURE__ */ import_react.default.createElement(
+  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-display" }, ((_a = value[0]) == null ? void 0 : _a.format("HH:mm")) || "--:--"), /* @__PURE__ */ import_react.default.createElement(
     "input",
     {
       type: "time",
@@ -131,10 +131,10 @@ var ActionBar = (props) => {
         const val = e.target.value;
         handleStartChange((0, import_dayjs.default)(val, "HH:mm"));
       },
-      className: "date-picker-input-time",
-      value: (_a = value[0]) == null ? void 0 : _a.format("HH:mm")
+      className: "date-picker-input-time-native",
+      value: (_b = value[0]) == null ? void 0 : _b.format("HH:mm")
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item-label" }, (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale])), isDesktop ? /* @__PURE__ */ import_react.default.createElement(
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-action-time-item-label" }, (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale])), isDesktop ? /* @__PURE__ */ import_react.default.createElement(
     import_antd.TimePicker,
     {
       placeholder: (0, import_locales.getText)("action-bar-end.time", import_locales.pLocaleMap[locale]),
@@ -146,7 +146,7 @@ var ActionBar = (props) => {
       onChange: handleEndChange,
       inputReadOnly: true
     }
-  ) : /* @__PURE__ */ import_react.default.createElement(
+  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "date-picker-time-display" }, ((_c = value[1]) == null ? void 0 : _c.format("HH:mm")) || "--:--"), /* @__PURE__ */ import_react.default.createElement(
     "input",
     {
       type: "time",
@@ -154,10 +154,10 @@ var ActionBar = (props) => {
         const val = e.target.value;
         handleEndChange((0, import_dayjs.default)(val, "HH:mm"));
       },
-      className: "date-picker-input-time",
-      value: (_b = value[1]) == null ? void 0 : _b.format("HH:mm")
+      className: "date-picker-input-time-native",
+      value: (_d = value[1]) == null ? void 0 : _d.format("HH:mm")
     }
-  ))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, /* @__PURE__ */ import_react.default.createElement(
+  )))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(props.className, "date-picker-action-bar") }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "date-picker-action-bar-right",

package/lib/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/lib/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;