@pisell/date-picker 1.0.143 → 1.0.145

package/README.md

@@ -1,3 +1,3 @@
-# @pisell/date-picker
-
+# @pisell/date-picker
+
 日期范围选择组件

package/es/ActionBar/index.d.ts

@@ -1,20 +1,19 @@
-import React from 'react';
-import { ButtonProps } from 'antd';
-import { Dayjs } from 'dayjs';
-import './index.less';
-interface ActionBarProps {
-    ownerState: any;
-    onCancel: () => void;
-    onChange: (val: any[], type?: 'time') => void;
-    onOk: () => void;
-    value: any[];
-    showTime?: boolean | {
-        defaultValue: Dayjs;
-        [key: string]: any;
-    }[];
-    okButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
-    isDesktop: boolean;
-}
-declare const ActionBar: (props: ActionBarProps) => React.JSX.Element;
-export default ActionBar;
+import { ButtonProps } from 'antd';
+import { Dayjs } from 'dayjs';
+import './index.less';
+interface ActionBarProps {
+    ownerState: any;
+    onCancel: () => void;
+    onChange: (val: any[], type?: 'time') => void;
+    onOk: () => void;
+    value: any[];
+    showTime?: boolean | {
+        defaultValue: Dayjs;
+        [key: string]: any;
+    }[];
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    isDesktop: boolean;
+}
+declare const ActionBar: (props: ActionBarProps) => JSX.Element;
+export default ActionBar;

package/es/ActionBar/index.less

@@ -1,71 +1,71 @@
-.date-picker-action-bar {
-  display: flex;
-  .date-picker-action-bar-left {
-    width: 192px;
-    border-right: 1px solid rgba(0, 0, 0, 0.12);
-  }
-  .date-picker-action-bar-right {
-    flex: 1;
-    display: flex;
-    justify-content: end !important;
-    padding: 16px;
-    border-top: 1px solid rgba(0, 0, 0, 0.12);
-    gap: 16px;
-  }
-}
-
-.date-picker-action-bar-time-picker-popup {
-  z-index: 1400;
-}
-
-.date-picker-action-time {
-  display: flex;
-  gap: 24px;
-  padding: 16px;
-  .date-picker-action-time-item {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    flex: 1;
-    .date-picker-time-wrapper {
-      position: relative;
-      width: 100%;
-      min-width: 160px;
-
-      .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);
-      font-size: 14px;
-      font-weight: 600;
-      line-height: 20px; /* 142.857% */
-    }
-  }
+.date-picker-action-bar {
+  display: flex;
+  .date-picker-action-bar-left {
+    width: 192px;
+    border-right: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .date-picker-action-bar-right {
+    flex: 1;
+    display: flex;
+    justify-content: end !important;
+    padding: 16px;
+    border-top: 1px solid rgba(0, 0, 0, 0.12);
+    gap: 16px;
+  }
+}
+
+.date-picker-action-bar-time-picker-popup {
+  z-index: 1400;
+}
+
+.date-picker-action-time {
+  display: flex;
+  gap: 24px;
+  padding: 16px;
+  .date-picker-action-time-item {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+    .date-picker-time-wrapper {
+      position: relative;
+      width: 100%;
+      min-width: 160px;
+
+      .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);
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+    }
+  }
 }

package/es/AdapterDateFns/index.d.ts

@@ -1 +1 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

package/es/AdapterDateFnsJalali/index.d.ts

@@ -1 +1 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';
+export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';

package/es/AdapterDayjs/index.d.ts

@@ -1 +1 @@
-export { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+export { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';

package/es/AdapterLuxon/index.d.ts

@@ -1 +1 @@
-export { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';
+export { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';

package/es/AdapterMoment/index.d.ts

@@ -1 +1 @@
-export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

package/es/AdapterMomentHijri/index.d.ts

@@ -1 +1 @@
-export { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';
+export { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';

package/es/AdapterMomentJalaali/index.d.ts

@@ -1 +1 @@
-export { AdapterMomentJalaali } from '@mui/x-date-pickers/AdapterMomentJalaali';
+export { AdapterMomentJalaali } from '@mui/x-date-pickers/AdapterMomentJalaali';

package/es/CustomCalendarHeader/index.d.ts

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

package/es/DatePickerLocales/index.d.ts

@@ -1 +1 @@
-export * from "@mui/x-date-pickers/locales";
+export * from "@mui/x-date-pickers/locales";

package/es/DateRangeCalendar/DateRangeCalendar.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { DateRangeCalendarProps } from './DateRangeCalendar.types';
-declare type DateRangeCalendarComponent = (<TDate>(props: DateRangeCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-declare const DateRangeCalendar: DateRangeCalendarComponent;
-export { DateRangeCalendar };
+import * as React from 'react';
+import { DateRangeCalendarProps } from './DateRangeCalendar.types';
+declare type DateRangeCalendarComponent = (<TDate>(props: DateRangeCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+declare const DateRangeCalendar: DateRangeCalendarComponent;
+export { DateRangeCalendar };

package/es/DateRangeCalendar/DateRangeCalendar.js

@@ -497,196 +497,196 @@ DateRangeCalendar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
-  /**
-   * If `true`, the main element is focused during the first mount.
-   * This main element is:
-   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
-   * - the `input` element if there is a field rendered.
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
    */
   autoFocus: PropTypes.bool,
-  /**
-   * The number of calendars to render.
-   * @default 2
+  /**
+   * The number of calendars to render.
+   * @default 2
    */
   calendars: PropTypes.oneOf([1, 2, 3]),
   classes: PropTypes.object,
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
    */
   components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
    */
   componentsProps: PropTypes.object,
-  /**
-   * Position the current month is rendered in.
-   * @default 1
+  /**
+   * Position the current month is rendered in.
+   * @default 1
    */
   currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
-  /**
-   * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
-   * @returns {string} The name to display.
-   * @default (day) => day.charAt(0).toUpperCase()
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @returns {string} The name to display.
+   * @default (day) => day.charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value={[null, null]}`.
+  /**
+   * Default calendar month displayed when `value={[null, null]}`.
    */
   defaultCalendarMonth: PropTypes.any,
-  /**
-   * The initial position in the edited date range.
-   * Used when the component is not controlled.
-   * @default 'start'
+  /**
+   * The initial position in the edited date range.
+   * Used when the component is not controlled.
+   * @default 'start'
    */
   defaultRangePosition: PropTypes.oneOf(['end', 'start']),
-  /**
-   * The default selected value.
-   * Used when the component is not controlled.
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
    */
   defaultValue: PropTypes.arrayOf(PropTypes.any),
-  /**
-   * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
-   * @default false
+  /**
+   * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
+   * @default false
    */
   disableAutoMonthSwitching: PropTypes.bool,
-  /**
-   * If `true`, the picker and text field are disabled.
-   * @default false
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
    */
   disabled: PropTypes.bool,
-  /**
-   * If `true`, editing dates by dragging is disabled.
-   * @default false
+  /**
+   * If `true`, editing dates by dragging is disabled.
+   * @default false
    */
   disableDragEditing: PropTypes.bool,
-  /**
-   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
-   * @default false
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
    */
   disableFuture: PropTypes.bool,
-  /**
-   * If `true`, today's date is rendering without highlighting with circle.
-   * @default false
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
    */
   disableHighlightToday: PropTypes.bool,
-  /**
-   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
-   * @default false
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
    */
   disablePast: PropTypes.bool,
-  /**
-   * If `true`, the week number will be display in the calendar.
+  /**
+   * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
-   * @default undefined
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
    */
   fixedWeekNumber: PropTypes.number,
-  /**
-   * If `true`, calls `renderLoading` instead of rendering the day calendar.
-   * Can be used to preload information and show it in calendar.
-   * @default false
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
    */
   loading: PropTypes.bool,
-  /**
-   * Maximal selectable date.
+  /**
+   * Maximal selectable date.
    */
   maxDate: PropTypes.any,
-  /**
-   * Minimal selectable date.
+  /**
+   * Minimal selectable date.
    */
   minDate: PropTypes.any,
-  /**
-   * Callback fired when the value changes.
-   * @template TDate
-   * @param {DateRange<TDate>} value The new value.
-   * @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
+  /**
+   * Callback fired when the value changes.
+   * @template TDate
+   * @param {DateRange<TDate>} value The new value.
+   * @param {PickerSelectionState | undefined} selectionState Indicates if the date range selection is complete.
    */
   onChange: PropTypes.func,
-  /**
-   * Callback fired on month change.
-   * @template TDate
-   * @param {TDate} month The new month.
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
    */
   onMonthChange: PropTypes.func,
-  /**
-   * Callback fired when the range position changes.
-   * @param {RangePosition} rangePosition The new range position.
+  /**
+   * Callback fired when the range position changes.
+   * @param {RangePosition} rangePosition The new range position.
    */
   onRangePositionChange: PropTypes.func,
-  /**
-   * The position in the currently edited date range.
-   * Used when the component position is controlled.
+  /**
+   * The position in the currently edited date range.
+   * Used when the component position is controlled.
    */
   rangePosition: PropTypes.oneOf(['end', 'start']),
-  /**
-   * Make picker read only.
-   * @default false
+  /**
+   * Make picker read only.
+   * @default false
    */
   readOnly: PropTypes.bool,
-  /**
-   * Disable heavy animations.
-   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
    */
   reduceAnimations: PropTypes.bool,
-  /**
-   * Component displaying when passed `loading` true.
-   * @returns {React.ReactNode} The node to render when loading.
-   * @default () => "..."
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => "..."
    */
   renderLoading: PropTypes.func,
-  /**
-   * Disable specific date.
-   * @template TDate
-   * @param {TDate} day The date to test.
-   * @param {string} position The date to test, 'start' or 'end'.
-   * @returns {boolean} Returns `true` if the date should be disabled.
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @param {string} position The date to test, 'start' or 'end'.
+   * @returns {boolean} Returns `true` if the date should be disabled.
    */
   shouldDisableDate: PropTypes.func,
-  /**
-   * If `true`, days outside the current month are rendered:
-   *
-   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
-   *
-   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
-   *
-   * - ignored if `calendars` equals more than `1` on range pickers.
-   * @default false
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
    */
   showDaysOutsideCurrentMonth: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
+  /**
+   * The props used for each component slot.
+   * @default {}
    */
   slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
+  /**
+   * Overridable component slots.
+   * @default {}
    */
   slots: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Choose which timezone to use for the value.
-   * Example: "default", "system", "UTC", "America/New_York".
-   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
-   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
+  /**
+   * Choose which timezone to use for the value.
+   * Example: "default", "system", "UTC", "America/New_York".
+   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The selected value.
-   * Used when the component is controlled.
+  /**
+   * The selected value.
+   * Used when the component is controlled.
    */
   value: PropTypes.arrayOf(PropTypes.any)
 };