@pisell/date-picker 1.0.35 → 1.0.36

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.
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Dayjs } from "dayjs";
2
3
  import "./index.less";
3
4
  interface ActionBarProps {
@@ -82,15 +82,13 @@ var ActionBar = function ActionBar(props) {
82
82
  }, startTimeProps, {
83
83
  value: value[0],
84
84
  popupClassName: "date-picker-action-bar-time-picker-popup",
85
- onChange: handleStartChange,
86
- inputReadOnly: true
85
+ onChange: handleStartChange
87
86
  })), /*#__PURE__*/React.createElement(TimePicker, _extends({
88
87
  placeholder: getText("action-bar-end.time")
89
88
  }, endTimeProps, {
90
89
  value: value[1],
91
90
  popupClassName: "date-picker-action-bar-time-picker-popup",
92
- onChange: handleEndChange,
93
- inputReadOnly: true
91
+ onChange: handleEndChange
94
92
  }))) : /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Space, {
95
93
  style: _objectSpread(_objectSpread({}, spaceStyle), {}, {
96
94
  margin: 0
@@ -34,18 +34,12 @@ export interface PisellDateRangePickerProps {
34
34
  open?: boolean;
35
35
  /** 关闭回调 */
36
36
  onClose?: () => void;
37
- /** 打开回调 */
38
- onOpen?: () => void;
39
37
  /** 弹窗宽度 */
40
38
  popupWidth?: number;
41
39
  /** 最小日期 */
42
40
  minDate?: Dayjs;
43
41
  /** 最大日期 */
44
42
  maxDate?: Dayjs;
45
- /** 月份切换事件 */
46
- onMonthChange?: (value: Dayjs) => void;
47
- /** 额外的弹出日历 className */
48
- popupClassName?: string;
49
43
  }
50
44
  declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
51
45
  export default PisellDateRangePicker;
@@ -45,10 +45,7 @@ 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,
49
- onOpen = props.onOpen,
50
- onMonthChange = props.onMonthChange,
51
- popupClassName = props.popupClassName;
48
+ maxDate = props.maxDate;
52
49
  var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
53
50
  _useState2 = _slicedToArray(_useState, 2),
54
51
  open = _useState2[0],
@@ -67,7 +64,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
67
64
  }, [propsValue]);
68
65
  var handleOpen = function handleOpen() {
69
66
  setOpen(true);
70
- onOpen === null || onOpen === void 0 ? void 0 : onOpen();
71
67
  };
72
68
  var handleClose = function handleClose() {
73
69
  setOpen(false);
@@ -125,7 +121,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
125
121
  // defaultValue={defaultValue}
126
122
  // key={`${_value?.[0]?.valueOf()}-${_value?.[1]?.valueOf()}`}
127
123
  , {
128
- onMonthChange: onMonthChange,
129
124
  minDate: minDate,
130
125
  maxDate: maxDate,
131
126
  format: format,
@@ -169,9 +164,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
169
164
  InputProps: {
170
165
  endAdornment: suffixIcon
171
166
  }
172
- },
173
- popper: {
174
- className: popupClassName
175
167
  }
176
168
  }
177
169
  }));
@@ -16,12 +16,12 @@
16
16
  }
17
17
  .MuiOutlinedInput-notchedOutline {
18
18
  legend {
19
- color: inherit !important;
20
- width: auto !important;;
21
- margin-bottom: 0.5em !important;;
22
- font-size: 1.5em !important;;
23
- line-height: 11px !important;;
24
- border: none !important;;
19
+ color: inherit;
20
+ width: auto;
21
+ margin-bottom: 0.5em;
22
+ font-size: 1.5em;
23
+ line-height: 11px;
24
+ border: none;
25
25
  }
26
26
  }
27
27
 
@@ -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 = {
@@ -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
  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,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Dayjs } from "dayjs";
2
3
  import "./index.less";
3
4
  interface ActionBarProps {
@@ -92,8 +92,7 @@ var ActionBar = (props) => {
92
92
  ...startTimeProps,
93
93
  value: value[0],
94
94
  popupClassName: "date-picker-action-bar-time-picker-popup",
95
- onChange: handleStartChange,
96
- inputReadOnly: true
95
+ onChange: handleStartChange
97
96
  }
98
97
  ), /* @__PURE__ */ import_react.default.createElement(
99
98
  import_antd.TimePicker,
@@ -102,8 +101,7 @@ var ActionBar = (props) => {
102
101
  ...endTimeProps,
103
102
  value: value[1],
104
103
  popupClassName: "date-picker-action-bar-time-picker-popup",
105
- onChange: handleEndChange,
106
- inputReadOnly: true
104
+ onChange: handleEndChange
107
105
  }
108
106
  )) : /* @__PURE__ */ import_react.default.createElement("div", null)),
109
107
  /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { ...spaceStyle, margin: 0 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: onCancel }, (0, import_locales.getText)("action-bar-cancel")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: onOk }, (0, import_locales.getText)("action-bar-apply")))
@@ -34,18 +34,12 @@ export interface PisellDateRangePickerProps {
34
34
  open?: boolean;
35
35
  /** 关闭回调 */
36
36
  onClose?: () => void;
37
- /** 打开回调 */
38
- onOpen?: () => void;
39
37
  /** 弹窗宽度 */
40
38
  popupWidth?: number;
41
39
  /** 最小日期 */
42
40
  minDate?: Dayjs;
43
41
  /** 最大日期 */
44
42
  maxDate?: Dayjs;
45
- /** 月份切换事件 */
46
- onMonthChange?: (value: Dayjs) => void;
47
- /** 额外的弹出日历 className */
48
- popupClassName?: string;
49
43
  }
50
44
  declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
51
45
  export default PisellDateRangePicker;
@@ -68,10 +68,7 @@ var PisellDateRangePicker = (props) => {
68
68
  popupWidth = 625,
69
69
  clearEndOnSelection,
70
70
  minDate,
71
- maxDate,
72
- onOpen,
73
- onMonthChange,
74
- popupClassName
71
+ maxDate
75
72
  } = props;
76
73
  const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
77
74
  (0, import_react.useEffect)(() => {
@@ -85,7 +82,6 @@ var PisellDateRangePicker = (props) => {
85
82
  }, [propsValue]);
86
83
  const handleOpen = () => {
87
84
  setOpen(true);
88
- onOpen == null ? void 0 : onOpen();
89
85
  };
90
86
  const handleClose = () => {
91
87
  setOpen(false);
@@ -144,7 +140,6 @@ var PisellDateRangePicker = (props) => {
144
140
  /* @__PURE__ */ import_react.default.createElement(
145
141
  import_DateRangePicker.DateRangePicker,
146
142
  {
147
- onMonthChange,
148
143
  minDate,
149
144
  maxDate,
150
145
  format,
@@ -186,9 +181,6 @@ var PisellDateRangePicker = (props) => {
186
181
  InputProps: {
187
182
  endAdornment: suffixIcon
188
183
  }
189
- },
190
- popper: {
191
- className: popupClassName
192
184
  }
193
185
  }
194
186
  }
@@ -16,12 +16,12 @@
16
16
  }
17
17
  .MuiOutlinedInput-notchedOutline {
18
18
  legend {
19
- color: inherit !important;
20
- width: auto !important;;
21
- margin-bottom: 0.5em !important;;
22
- font-size: 1.5em !important;;
23
- line-height: 11px !important;;
24
- border: none !important;;
19
+ color: inherit;
20
+ width: auto;
21
+ margin-bottom: 0.5em;
22
+ font-size: 1.5em;
23
+ line-height: 11px;
24
+ border: none;
25
25
  }
26
26
  }
27
27
 
@@ -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 = {
@@ -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
  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.35",
3
+ "version": "1.0.36",
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.6"
29
+ "@pisell/utils": "1.0.7"
30
30
  },
31
31
  "files": [
32
32
  "es",