@pisell/date-picker 1.0.34 → 1.0.35
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.
- package/es/PisellDateRangePicker/index.d.ts +6 -0
- package/es/PisellDateRangePicker/index.js +9 -1
- package/es/Shortcuts/index.d.ts +0 -1
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +0 -1
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -1
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -1
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +0 -1
- package/es/internals/utils/date-fields-utils.d.ts +1 -1
- package/lib/PisellDateRangePicker/index.d.ts +6 -0
- package/lib/PisellDateRangePicker/index.js +9 -1
- package/lib/Shortcuts/index.d.ts +0 -1
- package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +0 -1
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -1
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -1
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +0 -1
- package/lib/internals/utils/date-fields-utils.d.ts +1 -1
- package/package.json +1 -1
|
@@ -34,12 +34,18 @@ export interface PisellDateRangePickerProps {
|
|
|
34
34
|
open?: boolean;
|
|
35
35
|
/** 关闭回调 */
|
|
36
36
|
onClose?: () => void;
|
|
37
|
+
/** 打开回调 */
|
|
38
|
+
onOpen?: () => void;
|
|
37
39
|
/** 弹窗宽度 */
|
|
38
40
|
popupWidth?: number;
|
|
39
41
|
/** 最小日期 */
|
|
40
42
|
minDate?: Dayjs;
|
|
41
43
|
/** 最大日期 */
|
|
42
44
|
maxDate?: Dayjs;
|
|
45
|
+
/** 月份切换事件 */
|
|
46
|
+
onMonthChange?: (value: Dayjs) => void;
|
|
47
|
+
/** 额外的弹出日历 className */
|
|
48
|
+
popupClassName?: string;
|
|
43
49
|
}
|
|
44
50
|
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
45
51
|
export default PisellDateRangePicker;
|
|
@@ -45,7 +45,10 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
45
45
|
popupWidth = _props$popupWidth === void 0 ? 625 : _props$popupWidth,
|
|
46
46
|
clearEndOnSelection = props.clearEndOnSelection,
|
|
47
47
|
minDate = props.minDate,
|
|
48
|
-
maxDate = props.maxDate
|
|
48
|
+
maxDate = props.maxDate,
|
|
49
|
+
onOpen = props.onOpen,
|
|
50
|
+
onMonthChange = props.onMonthChange,
|
|
51
|
+
popupClassName = props.popupClassName;
|
|
49
52
|
var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
|
|
50
53
|
_useState2 = _slicedToArray(_useState, 2),
|
|
51
54
|
open = _useState2[0],
|
|
@@ -64,6 +67,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
64
67
|
}, [propsValue]);
|
|
65
68
|
var handleOpen = function handleOpen() {
|
|
66
69
|
setOpen(true);
|
|
70
|
+
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
67
71
|
};
|
|
68
72
|
var handleClose = function handleClose() {
|
|
69
73
|
setOpen(false);
|
|
@@ -121,6 +125,7 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
121
125
|
// defaultValue={defaultValue}
|
|
122
126
|
// key={`${_value?.[0]?.valueOf()}-${_value?.[1]?.valueOf()}`}
|
|
123
127
|
, {
|
|
128
|
+
onMonthChange: onMonthChange,
|
|
124
129
|
minDate: minDate,
|
|
125
130
|
maxDate: maxDate,
|
|
126
131
|
format: format,
|
|
@@ -164,6 +169,9 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
|
|
|
164
169
|
InputProps: {
|
|
165
170
|
endAdornment: suffixIcon
|
|
166
171
|
}
|
|
172
|
+
},
|
|
173
|
+
popper: {
|
|
174
|
+
className: popupClassName
|
|
167
175
|
}
|
|
168
176
|
}
|
|
169
177
|
}));
|
package/es/Shortcuts/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { DateRangeCalendarProps } from '../DateRangeCalendar';
|
|
4
3
|
export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
|
|
4
3
|
export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
|
|
4
3
|
export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
|
|
|
5
5
|
};
|
|
6
6
|
export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
|
|
7
7
|
separator: null;
|
|
8
|
-
dateName: "
|
|
8
|
+
dateName: "end" | "start";
|
|
9
9
|
value: string;
|
|
10
10
|
format: string;
|
|
11
11
|
maxLength: number | null;
|
|
@@ -34,12 +34,18 @@ export interface PisellDateRangePickerProps {
|
|
|
34
34
|
open?: boolean;
|
|
35
35
|
/** 关闭回调 */
|
|
36
36
|
onClose?: () => void;
|
|
37
|
+
/** 打开回调 */
|
|
38
|
+
onOpen?: () => void;
|
|
37
39
|
/** 弹窗宽度 */
|
|
38
40
|
popupWidth?: number;
|
|
39
41
|
/** 最小日期 */
|
|
40
42
|
minDate?: Dayjs;
|
|
41
43
|
/** 最大日期 */
|
|
42
44
|
maxDate?: Dayjs;
|
|
45
|
+
/** 月份切换事件 */
|
|
46
|
+
onMonthChange?: (value: Dayjs) => void;
|
|
47
|
+
/** 额外的弹出日历 className */
|
|
48
|
+
popupClassName?: string;
|
|
43
49
|
}
|
|
44
50
|
declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
|
|
45
51
|
export default PisellDateRangePicker;
|
|
@@ -68,7 +68,10 @@ var PisellDateRangePicker = (props) => {
|
|
|
68
68
|
popupWidth = 625,
|
|
69
69
|
clearEndOnSelection,
|
|
70
70
|
minDate,
|
|
71
|
-
maxDate
|
|
71
|
+
maxDate,
|
|
72
|
+
onOpen,
|
|
73
|
+
onMonthChange,
|
|
74
|
+
popupClassName
|
|
72
75
|
} = props;
|
|
73
76
|
const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
|
|
74
77
|
(0, import_react.useEffect)(() => {
|
|
@@ -82,6 +85,7 @@ var PisellDateRangePicker = (props) => {
|
|
|
82
85
|
}, [propsValue]);
|
|
83
86
|
const handleOpen = () => {
|
|
84
87
|
setOpen(true);
|
|
88
|
+
onOpen == null ? void 0 : onOpen();
|
|
85
89
|
};
|
|
86
90
|
const handleClose = () => {
|
|
87
91
|
setOpen(false);
|
|
@@ -140,6 +144,7 @@ var PisellDateRangePicker = (props) => {
|
|
|
140
144
|
/* @__PURE__ */ import_react.default.createElement(
|
|
141
145
|
import_DateRangePicker.DateRangePicker,
|
|
142
146
|
{
|
|
147
|
+
onMonthChange,
|
|
143
148
|
minDate,
|
|
144
149
|
maxDate,
|
|
145
150
|
format,
|
|
@@ -181,6 +186,9 @@ var PisellDateRangePicker = (props) => {
|
|
|
181
186
|
InputProps: {
|
|
182
187
|
endAdornment: suffixIcon
|
|
183
188
|
}
|
|
189
|
+
},
|
|
190
|
+
popper: {
|
|
191
|
+
className: popupClassName
|
|
184
192
|
}
|
|
185
193
|
}
|
|
186
194
|
}
|
package/lib/Shortcuts/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { DateRangeCalendarProps } from '../DateRangeCalendar';
|
|
4
3
|
export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
|
|
4
3
|
export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
|
|
3
2
|
import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
|
|
4
3
|
export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
|
|
@@ -5,7 +5,7 @@ export declare const splitDateRangeSections: (sections: RangeFieldSection[]) =>
|
|
|
5
5
|
};
|
|
6
6
|
export declare const removeLastSeparator: (dateSections: RangeFieldSection[]) => (RangeFieldSection | {
|
|
7
7
|
separator: null;
|
|
8
|
-
dateName: "
|
|
8
|
+
dateName: "end" | "start";
|
|
9
9
|
value: string;
|
|
10
10
|
format: string;
|
|
11
11
|
maxLength: number | null;
|