@pisell/date-picker 1.0.95 → 1.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/es/CustomCalendarHeader/index.d.ts +1 -0
  2. package/es/Dialog/index.d.ts +1 -0
  3. package/es/OldActionBar/index.d.ts +18 -0
  4. package/es/OldPisellDateRangePicker/index.d.ts +79 -0
  5. package/es/PisellDateRangePicker/index.d.ts +81 -0
  6. package/es/PisellDateRangePicker/index.less +4 -0
  7. package/es/Shortcuts/index.d.ts +1 -0
  8. package/es/Toolbar/index.d.ts +4 -0
  9. package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -0
  10. package/es/icon/ChevronLeft.d.ts +1 -0
  11. package/es/icon/ChevronLeftDouble.d.ts +1 -0
  12. package/es/icon/ChevronRight.d.ts +1 -0
  13. package/es/icon/ChevronRightDouble.d.ts +1 -0
  14. package/es/icon/CloseCircle.d.ts +1 -0
  15. package/es/index.d.ts +26 -0
  16. package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
  17. package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
  18. package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
  19. package/lib/CustomCalendarHeader/index.d.ts +1 -0
  20. package/lib/Dialog/index.d.ts +1 -0
  21. package/lib/OldActionBar/index.d.ts +18 -0
  22. package/lib/OldPisellDateRangePicker/index.d.ts +79 -0
  23. package/lib/PisellDateRangePicker/index.d.ts +81 -0
  24. package/lib/PisellDateRangePicker/index.less +4 -0
  25. package/lib/Shortcuts/index.d.ts +1 -0
  26. package/lib/Toolbar/index.d.ts +4 -0
  27. package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -0
  28. package/lib/icon/ChevronLeft.d.ts +1 -0
  29. package/lib/icon/ChevronLeftDouble.d.ts +1 -0
  30. package/lib/icon/ChevronRight.d.ts +1 -0
  31. package/lib/icon/ChevronRightDouble.d.ts +1 -0
  32. package/lib/icon/CloseCircle.d.ts +1 -0
  33. package/lib/index.d.ts +26 -0
  34. package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
  35. package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
  36. package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
  37. package/package.json +2 -2
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const CustomCalendarHeader: (props: any) => JSX.Element;
2
3
  export default CustomCalendarHeader;
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const Dialog: (props: any) => JSX.Element;
2
3
  export default Dialog;
@@ -0,0 +1,18 @@
1
+ import { ButtonProps } from "antd";
2
+ import { Dayjs } from "dayjs";
3
+ import "./index.less";
4
+ interface ActionBarProps {
5
+ ownerState: any;
6
+ onCancel: () => void;
7
+ onChange: (val: any[], type?: "time") => void;
8
+ onOk: () => void;
9
+ value: any[];
10
+ showTime?: boolean | {
11
+ defaultValue: Dayjs;
12
+ [key: string]: any;
13
+ }[];
14
+ okButtonProps?: ButtonProps;
15
+ cancelButtonProps?: ButtonProps;
16
+ }
17
+ declare const ActionBar: (props: ActionBarProps) => JSX.Element;
18
+ export default ActionBar;
@@ -0,0 +1,79 @@
1
+ import { Dayjs } from 'dayjs';
2
+ import React from 'react';
3
+ import { ButtonProps } from 'antd';
4
+ import { PopperPlacementType } from '@mui/base/Popper/Popper.types';
5
+ import { PresetType } from '../Shortcuts';
6
+ import 'dayjs/locale/zh-cn';
7
+ import 'dayjs/locale/en';
8
+ import 'dayjs/locale/zh-tw';
9
+ import './index.less';
10
+ export interface PisellDateRangePickerProps {
11
+ /** 再次选择日期时是否清除结束时间 */
12
+ clearEndOnSelection?: boolean;
13
+ /** 日期选择确认回调 */
14
+ onChange?: (day: (Dayjs | null)[]) => void;
15
+ /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
16
+ onDateChange?: (day: (Dayjs | null)[]) => void;
17
+ /** 日期选择值 */
18
+ value?: Dayjs[];
19
+ /** 日期选择默认值 */
20
+ defaultValue?: Dayjs[];
21
+ /** 快捷选择项 */
22
+ presets?: PresetType[];
23
+ /** 类名 */
24
+ className?: string;
25
+ /** 是否显示时间选择 这里参数为antd TimePickerProps */
26
+ showTime?: boolean | {
27
+ defaultValue: Dayjs;
28
+ [key: string]: any;
29
+ }[];
30
+ /** 占位符 */
31
+ placeholder?: string;
32
+ /** 是否禁用日期 */
33
+ disabledDate?: (day: Dayjs, position: 'start' | 'end', value: Dayjs[]) => boolean;
34
+ /** 日期格式 */
35
+ format?: string;
36
+ /** 后缀图标 */
37
+ suffixIcon?: React.ReactNode;
38
+ /** 是否显示边框 */
39
+ bordered?: boolean;
40
+ /** 是否打开日期选择 */
41
+ open?: boolean;
42
+ /** 关闭回调 */
43
+ onClose?: () => void;
44
+ /** 打开回调 */
45
+ onOpen?: () => void;
46
+ /** 弹窗宽度 */
47
+ popupWidth?: number;
48
+ /** 最小日期 */
49
+ minDate?: Dayjs;
50
+ /** 最大日期 */
51
+ maxDate?: Dayjs;
52
+ /** 月份切换事件 */
53
+ onMonthChange?: (value: Dayjs) => void;
54
+ /** 额外的弹出日历 className */
55
+ popupClassName?: string;
56
+ /** 默认显示月份 */
57
+ defaultCalendarMonth?: Dayjs;
58
+ /** ok 按钮 props */
59
+ okButtonProps?: ButtonProps;
60
+ /** cancel 按钮 props */
61
+ cancelButtonProps?: ButtonProps;
62
+ /**
63
+ * CSS media query when `Mobile` mode will be changed to `Desktop`.
64
+ * @default '@media (pointer: fine)'
65
+ * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
66
+ */
67
+ desktopModeMediaQuery?: string;
68
+ style?: React.CSSProperties;
69
+ /** 是否展示清除按钮 */
70
+ allowClear?: boolean;
71
+ /** true 将弹窗当前DOM层次结构下 false 追加到body */
72
+ disablePortal?: boolean;
73
+ /** 弹窗放置位置 */
74
+ placement?: PopperPlacementType;
75
+ /** 输入框只读 */
76
+ inputReadOnly: boolean;
77
+ }
78
+ declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
79
+ export default PisellDateRangePicker;
@@ -0,0 +1,81 @@
1
+ import { Dayjs } from "dayjs";
2
+ import React from "react";
3
+ import { ButtonProps } from "antd";
4
+ import { PopperPlacementType } from "@mui/base/Popper/Popper.types";
5
+ import { PresetType } from "../Shortcuts";
6
+ import "dayjs/locale/zh-cn";
7
+ import "dayjs/locale/en";
8
+ import "dayjs/locale/zh-tw";
9
+ import "./index.less";
10
+ export interface PisellDateRangePickerProps {
11
+ /** 再次选择日期时是否清除结束时间 */
12
+ clearEndOnSelection?: boolean;
13
+ /** 日期选择确认回调 */
14
+ onChange?: (day: (Dayjs | null)[] | string) => void;
15
+ /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
16
+ onDateChange?: (day: (Dayjs | null)[]) => void;
17
+ /** 日期选择值 */
18
+ value?: Dayjs[] | string;
19
+ /** 日期选择默认值 */
20
+ defaultValue?: Dayjs[];
21
+ /** 快捷选择项 */
22
+ presets?: PresetType[];
23
+ /** 类名 */
24
+ className?: string;
25
+ /** 是否显示时间选择 这里参数为antd TimePickerProps */
26
+ showTime?: boolean | {
27
+ defaultValue: Dayjs;
28
+ [key: string]: any;
29
+ }[];
30
+ /** 占位符 */
31
+ placeholder?: string;
32
+ /** 是否禁用日期 */
33
+ disabledDate?: (day: Dayjs, position: "start" | "end", value: Dayjs[]) => boolean;
34
+ /** 日期格式 */
35
+ format?: string;
36
+ /** 后缀图标 */
37
+ suffixIcon?: React.ReactNode;
38
+ /** 是否显示边框 */
39
+ bordered?: boolean;
40
+ /** 是否打开日期选择 */
41
+ open?: boolean;
42
+ /** 关闭回调 */
43
+ onClose?: () => void;
44
+ /** 打开回调 */
45
+ onOpen?: () => void;
46
+ /** 弹窗宽度 */
47
+ popupWidth?: number;
48
+ /** 最小日期 */
49
+ minDate?: Dayjs;
50
+ /** 最大日期 */
51
+ maxDate?: Dayjs;
52
+ /** 月份切换事件 */
53
+ onMonthChange?: (value: Dayjs) => void;
54
+ /** 额外的弹出日历 className */
55
+ popupClassName?: string;
56
+ /** 默认显示月份 */
57
+ defaultCalendarMonth?: Dayjs;
58
+ /** ok 按钮 props */
59
+ okButtonProps?: ButtonProps;
60
+ /** cancel 按钮 props */
61
+ cancelButtonProps?: ButtonProps;
62
+ /**
63
+ * CSS media query when `Mobile` mode will be changed to `Desktop`.
64
+ * @default '@media (pointer: fine)'
65
+ * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
66
+ */
67
+ desktopModeMediaQuery?: string;
68
+ style?: React.CSSProperties;
69
+ /** 是否展示清除按钮 */
70
+ allowClear?: boolean;
71
+ /** true 将弹窗当前DOM层次结构下 false 追加到body */
72
+ disablePortal?: boolean;
73
+ /** 弹窗放置位置 */
74
+ placement?: PopperPlacementType;
75
+ /** 输入框只读 */
76
+ inputReadOnly: boolean;
77
+ /** 使用快捷筛选时返回快捷字符串 */
78
+ returnShortcutString?: boolean;
79
+ }
80
+ declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
81
+ export default PisellDateRangePicker;
@@ -157,6 +157,10 @@
157
157
  font-size: 14px;
158
158
  .MuiPickersLayout-root {
159
159
  display: block;
160
+ .MuiPickersLayout-contentWrapper {
161
+ max-height: calc(100vh - 245px - 64px);
162
+ overflow: auto;
163
+ }
160
164
  }
161
165
  .MuiDayCalendar-slideTransition {
162
166
  height: 370px;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import "./index.less";
2
3
  import { Dayjs } from "dayjs";
3
4
  export declare type PresetType = {
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import './index.less';
3
+ declare const Toolbar: (props: any) => JSX.Element;
4
+ export default Toolbar;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { DateRangeCalendarProps } from '../DateRangeCalendar';
3
4
  export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronLeft: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronLeftDouble: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronRight: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronRightDouble: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const CloseCircle: (props: {
2
3
  className: string;
3
4
  onClick: any;
package/es/index.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { ConfigProvider } from 'antd';
2
+ import PisellDateRangePicker from "./PisellDateRangePicker";
3
+ import OldPisellDateRangePicker from "./OldPisellDateRangePicker";
4
+ import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
5
+ export * from "@mui/x-date-pickers";
6
+ export * from "@mui/material/styles";
7
+ export * from "./DateRangePickerDay";
8
+ export * from "./MultiInputDateRangeField";
9
+ export * from "./MultiInputTimeRangeField";
10
+ export * from "./MultiInputDateTimeRangeField";
11
+ export * from "./SingleInputDateRangeField";
12
+ export * from "./SingleInputTimeRangeField";
13
+ export * from "./SingleInputDateTimeRangeField";
14
+ export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
15
+ export * from "./DateRangeCalendar";
16
+ export * from "./DesktopDateRangePicker";
17
+ export * from "./MobileDateRangePicker";
18
+ export * from "./StaticDateRangePicker";
19
+ export * from "./dateRangeViewRenderers";
20
+ export type { DateRange, RangePosition } from "./internals/models/range";
21
+ export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
22
+ export { PisellDateRangePicker as RangePicker };
23
+ export { OldPisellDateRangePicker };
24
+ export { LocaleContext, LocaleProvider, ConfigProvider };
25
+ export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, getDatePickerValue, } from "./utils/index";
26
+ export * from "./models";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
3
4
  export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
3
4
  export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
3
4
  /**
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const CustomCalendarHeader: (props: any) => JSX.Element;
2
3
  export default CustomCalendarHeader;
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const Dialog: (props: any) => JSX.Element;
2
3
  export default Dialog;
@@ -0,0 +1,18 @@
1
+ import { ButtonProps } from "antd";
2
+ import { Dayjs } from "dayjs";
3
+ import "./index.less";
4
+ interface ActionBarProps {
5
+ ownerState: any;
6
+ onCancel: () => void;
7
+ onChange: (val: any[], type?: "time") => void;
8
+ onOk: () => void;
9
+ value: any[];
10
+ showTime?: boolean | {
11
+ defaultValue: Dayjs;
12
+ [key: string]: any;
13
+ }[];
14
+ okButtonProps?: ButtonProps;
15
+ cancelButtonProps?: ButtonProps;
16
+ }
17
+ declare const ActionBar: (props: ActionBarProps) => JSX.Element;
18
+ export default ActionBar;
@@ -0,0 +1,79 @@
1
+ import { Dayjs } from 'dayjs';
2
+ import React from 'react';
3
+ import { ButtonProps } from 'antd';
4
+ import { PopperPlacementType } from '@mui/base/Popper/Popper.types';
5
+ import { PresetType } from '../Shortcuts';
6
+ import 'dayjs/locale/zh-cn';
7
+ import 'dayjs/locale/en';
8
+ import 'dayjs/locale/zh-tw';
9
+ import './index.less';
10
+ export interface PisellDateRangePickerProps {
11
+ /** 再次选择日期时是否清除结束时间 */
12
+ clearEndOnSelection?: boolean;
13
+ /** 日期选择确认回调 */
14
+ onChange?: (day: (Dayjs | null)[]) => void;
15
+ /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
16
+ onDateChange?: (day: (Dayjs | null)[]) => void;
17
+ /** 日期选择值 */
18
+ value?: Dayjs[];
19
+ /** 日期选择默认值 */
20
+ defaultValue?: Dayjs[];
21
+ /** 快捷选择项 */
22
+ presets?: PresetType[];
23
+ /** 类名 */
24
+ className?: string;
25
+ /** 是否显示时间选择 这里参数为antd TimePickerProps */
26
+ showTime?: boolean | {
27
+ defaultValue: Dayjs;
28
+ [key: string]: any;
29
+ }[];
30
+ /** 占位符 */
31
+ placeholder?: string;
32
+ /** 是否禁用日期 */
33
+ disabledDate?: (day: Dayjs, position: 'start' | 'end', value: Dayjs[]) => boolean;
34
+ /** 日期格式 */
35
+ format?: string;
36
+ /** 后缀图标 */
37
+ suffixIcon?: React.ReactNode;
38
+ /** 是否显示边框 */
39
+ bordered?: boolean;
40
+ /** 是否打开日期选择 */
41
+ open?: boolean;
42
+ /** 关闭回调 */
43
+ onClose?: () => void;
44
+ /** 打开回调 */
45
+ onOpen?: () => void;
46
+ /** 弹窗宽度 */
47
+ popupWidth?: number;
48
+ /** 最小日期 */
49
+ minDate?: Dayjs;
50
+ /** 最大日期 */
51
+ maxDate?: Dayjs;
52
+ /** 月份切换事件 */
53
+ onMonthChange?: (value: Dayjs) => void;
54
+ /** 额外的弹出日历 className */
55
+ popupClassName?: string;
56
+ /** 默认显示月份 */
57
+ defaultCalendarMonth?: Dayjs;
58
+ /** ok 按钮 props */
59
+ okButtonProps?: ButtonProps;
60
+ /** cancel 按钮 props */
61
+ cancelButtonProps?: ButtonProps;
62
+ /**
63
+ * CSS media query when `Mobile` mode will be changed to `Desktop`.
64
+ * @default '@media (pointer: fine)'
65
+ * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
66
+ */
67
+ desktopModeMediaQuery?: string;
68
+ style?: React.CSSProperties;
69
+ /** 是否展示清除按钮 */
70
+ allowClear?: boolean;
71
+ /** true 将弹窗当前DOM层次结构下 false 追加到body */
72
+ disablePortal?: boolean;
73
+ /** 弹窗放置位置 */
74
+ placement?: PopperPlacementType;
75
+ /** 输入框只读 */
76
+ inputReadOnly: boolean;
77
+ }
78
+ declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
79
+ export default PisellDateRangePicker;
@@ -0,0 +1,81 @@
1
+ import { Dayjs } from "dayjs";
2
+ import React from "react";
3
+ import { ButtonProps } from "antd";
4
+ import { PopperPlacementType } from "@mui/base/Popper/Popper.types";
5
+ import { PresetType } from "../Shortcuts";
6
+ import "dayjs/locale/zh-cn";
7
+ import "dayjs/locale/en";
8
+ import "dayjs/locale/zh-tw";
9
+ import "./index.less";
10
+ export interface PisellDateRangePickerProps {
11
+ /** 再次选择日期时是否清除结束时间 */
12
+ clearEndOnSelection?: boolean;
13
+ /** 日期选择确认回调 */
14
+ onChange?: (day: (Dayjs | null)[] | string) => void;
15
+ /** 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value */
16
+ onDateChange?: (day: (Dayjs | null)[]) => void;
17
+ /** 日期选择值 */
18
+ value?: Dayjs[] | string;
19
+ /** 日期选择默认值 */
20
+ defaultValue?: Dayjs[];
21
+ /** 快捷选择项 */
22
+ presets?: PresetType[];
23
+ /** 类名 */
24
+ className?: string;
25
+ /** 是否显示时间选择 这里参数为antd TimePickerProps */
26
+ showTime?: boolean | {
27
+ defaultValue: Dayjs;
28
+ [key: string]: any;
29
+ }[];
30
+ /** 占位符 */
31
+ placeholder?: string;
32
+ /** 是否禁用日期 */
33
+ disabledDate?: (day: Dayjs, position: "start" | "end", value: Dayjs[]) => boolean;
34
+ /** 日期格式 */
35
+ format?: string;
36
+ /** 后缀图标 */
37
+ suffixIcon?: React.ReactNode;
38
+ /** 是否显示边框 */
39
+ bordered?: boolean;
40
+ /** 是否打开日期选择 */
41
+ open?: boolean;
42
+ /** 关闭回调 */
43
+ onClose?: () => void;
44
+ /** 打开回调 */
45
+ onOpen?: () => void;
46
+ /** 弹窗宽度 */
47
+ popupWidth?: number;
48
+ /** 最小日期 */
49
+ minDate?: Dayjs;
50
+ /** 最大日期 */
51
+ maxDate?: Dayjs;
52
+ /** 月份切换事件 */
53
+ onMonthChange?: (value: Dayjs) => void;
54
+ /** 额外的弹出日历 className */
55
+ popupClassName?: string;
56
+ /** 默认显示月份 */
57
+ defaultCalendarMonth?: Dayjs;
58
+ /** ok 按钮 props */
59
+ okButtonProps?: ButtonProps;
60
+ /** cancel 按钮 props */
61
+ cancelButtonProps?: ButtonProps;
62
+ /**
63
+ * CSS media query when `Mobile` mode will be changed to `Desktop`.
64
+ * @default '@media (pointer: fine)'
65
+ * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
66
+ */
67
+ desktopModeMediaQuery?: string;
68
+ style?: React.CSSProperties;
69
+ /** 是否展示清除按钮 */
70
+ allowClear?: boolean;
71
+ /** true 将弹窗当前DOM层次结构下 false 追加到body */
72
+ disablePortal?: boolean;
73
+ /** 弹窗放置位置 */
74
+ placement?: PopperPlacementType;
75
+ /** 输入框只读 */
76
+ inputReadOnly: boolean;
77
+ /** 使用快捷筛选时返回快捷字符串 */
78
+ returnShortcutString?: boolean;
79
+ }
80
+ declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
81
+ export default PisellDateRangePicker;
@@ -157,6 +157,10 @@
157
157
  font-size: 14px;
158
158
  .MuiPickersLayout-root {
159
159
  display: block;
160
+ .MuiPickersLayout-contentWrapper {
161
+ max-height: calc(100vh - 245px - 64px);
162
+ overflow: auto;
163
+ }
160
164
  }
161
165
  .MuiDayCalendar-slideTransition {
162
166
  height: 370px;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import "./index.less";
2
3
  import { Dayjs } from "dayjs";
3
4
  export declare type PresetType = {
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import './index.less';
3
+ declare const Toolbar: (props: any) => JSX.Element;
4
+ export default Toolbar;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { DateRangeCalendarProps } from '../DateRangeCalendar';
3
4
  export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronLeft: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronLeftDouble: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronRight: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const ChevronRightDouble: (props: {
2
3
  className?: string | undefined;
3
4
  onClick?: any;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  declare const CloseCircle: (props: {
2
3
  className: string;
3
4
  onClick: any;
package/lib/index.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { ConfigProvider } from 'antd';
2
+ import PisellDateRangePicker from "./PisellDateRangePicker";
3
+ import OldPisellDateRangePicker from "./OldPisellDateRangePicker";
4
+ import { LocaleContext, LocaleProvider } from "./PisellDateRangePicker/LocaleContext";
5
+ export * from "@mui/x-date-pickers";
6
+ export * from "@mui/material/styles";
7
+ export * from "./DateRangePickerDay";
8
+ export * from "./MultiInputDateRangeField";
9
+ export * from "./MultiInputTimeRangeField";
10
+ export * from "./MultiInputDateTimeRangeField";
11
+ export * from "./SingleInputDateRangeField";
12
+ export * from "./SingleInputTimeRangeField";
13
+ export * from "./SingleInputDateTimeRangeField";
14
+ export type { RangeFieldSection, BaseMultiInputFieldProps, MultiInputFieldSlotTextFieldProps, } from "./internals/models/fields";
15
+ export * from "./DateRangeCalendar";
16
+ export * from "./DesktopDateRangePicker";
17
+ export * from "./MobileDateRangePicker";
18
+ export * from "./StaticDateRangePicker";
19
+ export * from "./dateRangeViewRenderers";
20
+ export type { DateRange, RangePosition } from "./internals/models/range";
21
+ export type { UseDateRangeFieldProps } from "./internals/models/dateRange";
22
+ export { PisellDateRangePicker as RangePicker };
23
+ export { OldPisellDateRangePicker };
24
+ export { LocaleContext, LocaleProvider, ConfigProvider };
25
+ export { getDatePickerValueByShortcut, formatPresets, getShortcutValue, getPresetLabel, getDatePickerValue, } from "./utils/index";
26
+ export * from "./models";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
3
4
  export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
3
4
  export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
2
3
  import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
3
4
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/date-picker",
3
- "version": "1.0.95",
3
+ "version": "1.0.96",
4
4
  "sideEffects": [
5
5
  "*.less"
6
6
  ],
@@ -26,7 +26,7 @@
26
26
  "antd": "^5.5.0",
27
27
  "react": "^18.0.0",
28
28
  "react-dom": "^18.0.0",
29
- "@pisell/utils": "1.0.33"
29
+ "@pisell/utils": "1.0.27"
30
30
  },
31
31
  "files": [
32
32
  "es",