@pisell/date-picker 1.0.143 → 1.0.144

package/lib/PisellDateRangePicker/index.less

@@ -1,184 +1,184 @@
-.pisell-date-range-picker {
-  display: inline-block;
-  width: 100%;
-  //width: 350px;
-  //.MuiInputBase-input {
-  //  padding: 10px;
-  //}
-
-  label {
-    font-size: 14px;
-  }
-  .pisell-date-range-picker-clear {
-    color: rgba(0, 0, 0, 0.25);
-    cursor: pointer;
-    display: none;
-    line-height: 0;
-    :hover {
-      color: rgba(0, 0, 0, 0.45);
-    }
-  }
-  :hover {
-    .pisell-date-range-picker-clear {
-      display: block;
-    }
-  }
-}
-.pisell-date-range-picker-no-border {
-  .MuiOutlinedInput-notchedOutline {
-    border: none;
-  }
-}
-.MuiOutlinedInput-notchedOutline {
-  legend {
-    color: inherit !important;
-    width: auto !important;
-    margin-bottom: 0.5em !important;
-    font-size: 1.5em !important;
-    line-height: 11px !important;
-    border: none !important;
-  }
-}
-
-.MuiPickersPopper-root {
-  font-size: 14px;
-  .MuiPickersLayout-root {
-    width: var(--pisell-date-range-picker-popup-width, 625px);
-    display: block;
-    .MuiDateRangeCalendar-root {
-      width: 100%;
-      flex: 1;
-      .MuiDateRangeCalendar-monthContainer {
-        width: 50%;
-        border: none;
-        .MuiDayCalendar-header {
-          padding: 0 20px;
-          .MuiDayCalendar-weekDayLabel {
-            flex: 1;
-            width: 100%;
-          }
-        }
-        .MuiPickersSlideTransition-root {
-          min-width: 200px;
-          min-height: 235px;
-          //min-height: auto;
-          &::before {
-            content: "";
-            display: block;
-            padding-top: 67%;
-          }
-        }
-        .MuiDayCalendar-monthContainer {
-          padding: 0 20px;
-        }
-        .MuiDayCalendar-weekContainer {
-          .MuiDateRangePickerDay-root {
-            flex: 1;
-            .MuiDateRangePickerDay-day {
-              width: 100%;
-              height: auto;
-              font-size: 14px;
-              &::before {
-                content: "";
-                display: block;
-                padding-top: 100%;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.MuiDialog-root {
-  font-size: 14px;
-  .MuiPickersLayout-toolbar {
-    display: none;
-  }
-}
-
-.MuiPickersLayout-shortcuts {
-  grid-column: 1 !important;
-  grid-row: 1/3 !important;
-}
-
-.date-picker-custom-drawer {
-  font-size: 14px;
-  .MuiPickersCalendarHeader-root {
-    padding-left: 35px;
-    padding-right: 22px;
-  }
-  .MuiPickersLayout-root {
-    display: block;
-  }
-  .MuiPickersLayout-toolbar {
-    display: none;
-  }
-  .MuiDayCalendar-header {
-    padding: 0 20px;
-    .MuiDayCalendar-weekDayLabel {
-      flex: 1;
-      max-width: 46px;
-    }
-  }
-  .MuiDayCalendar-slideTransition {
-    height: 315px;
-    .MuiDayCalendar-monthContainer {
-      padding: 0 20px;
-    }
-  }
-  .MuiDateRangeCalendar-monthContainer {
-    width: 100%;
-    .MuiDateRangePickerDay-root {
-      flex: 1;
-      max-width: 50px;
-      max-height: 50px;
-      .MuiDateRangePickerDay-day {
-        width: 100%;
-        height: auto;
-        font-size: 14px;
-        &::before {
-          content: "";
-          display: block;
-          padding-top: 100%;
-        }
-      }
-    }
-  }
-  .MuiDrawer-paperAnchorBottom {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
-}
-
-
-.date-picker-paid-drawer {
-  font-size: 14px;
-  .MuiPickersLayout-root {
-    display: block;
-    .MuiPickersLayout-contentWrapper {
-      max-height: calc(100vh - 245px - 64px);
-      overflow: auto;
-    }
-  }
-  .MuiDayCalendar-slideTransition {
-    height: 370px;
-  }
-  .MuiDateRangeCalendar-monthContainer {
-    .MuiDateRangePickerDay-root {
-      max-width: 60px;
-      max-height: 60px;
-      .MuiDateRangePickerDay-day {
-        width: 100%;
-        height: auto;
-        font-size: 14px;
-        &::before {
-          content: "";
-          display: block;
-          padding-top: 100%;
-        }
-      }
-    }
-  }
+.pisell-date-range-picker {
+  display: inline-block;
+  width: 100%;
+  //width: 350px;
+  //.MuiInputBase-input {
+  //  padding: 10px;
+  //}
+
+  label {
+    font-size: 14px;
+  }
+  .pisell-date-range-picker-clear {
+    color: rgba(0, 0, 0, 0.25);
+    cursor: pointer;
+    display: none;
+    line-height: 0;
+    :hover {
+      color: rgba(0, 0, 0, 0.45);
+    }
+  }
+  :hover {
+    .pisell-date-range-picker-clear {
+      display: block;
+    }
+  }
+}
+.pisell-date-range-picker-no-border {
+  .MuiOutlinedInput-notchedOutline {
+    border: none;
+  }
+}
+.MuiOutlinedInput-notchedOutline {
+  legend {
+    color: inherit !important;
+    width: auto !important;
+    margin-bottom: 0.5em !important;
+    font-size: 1.5em !important;
+    line-height: 11px !important;
+    border: none !important;
+  }
+}
+
+.MuiPickersPopper-root {
+  font-size: 14px;
+  .MuiPickersLayout-root {
+    width: var(--pisell-date-range-picker-popup-width, 625px);
+    display: block;
+    .MuiDateRangeCalendar-root {
+      width: 100%;
+      flex: 1;
+      .MuiDateRangeCalendar-monthContainer {
+        width: 50%;
+        border: none;
+        .MuiDayCalendar-header {
+          padding: 0 20px;
+          .MuiDayCalendar-weekDayLabel {
+            flex: 1;
+            width: 100%;
+          }
+        }
+        .MuiPickersSlideTransition-root {
+          min-width: 200px;
+          min-height: 235px;
+          //min-height: auto;
+          &::before {
+            content: "";
+            display: block;
+            padding-top: 67%;
+          }
+        }
+        .MuiDayCalendar-monthContainer {
+          padding: 0 20px;
+        }
+        .MuiDayCalendar-weekContainer {
+          .MuiDateRangePickerDay-root {
+            flex: 1;
+            .MuiDateRangePickerDay-day {
+              width: 100%;
+              height: auto;
+              font-size: 14px;
+              &::before {
+                content: "";
+                display: block;
+                padding-top: 100%;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.MuiDialog-root {
+  font-size: 14px;
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+}
+
+.MuiPickersLayout-shortcuts {
+  grid-column: 1 !important;
+  grid-row: 1/3 !important;
+}
+
+.date-picker-custom-drawer {
+  font-size: 14px;
+  .MuiPickersCalendarHeader-root {
+    padding-left: 35px;
+    padding-right: 22px;
+  }
+  .MuiPickersLayout-root {
+    display: block;
+  }
+  .MuiPickersLayout-toolbar {
+    display: none;
+  }
+  .MuiDayCalendar-header {
+    padding: 0 20px;
+    .MuiDayCalendar-weekDayLabel {
+      flex: 1;
+      max-width: 46px;
+    }
+  }
+  .MuiDayCalendar-slideTransition {
+    height: 315px;
+    .MuiDayCalendar-monthContainer {
+      padding: 0 20px;
+    }
+  }
+  .MuiDateRangeCalendar-monthContainer {
+    width: 100%;
+    .MuiDateRangePickerDay-root {
+      flex: 1;
+      max-width: 50px;
+      max-height: 50px;
+      .MuiDateRangePickerDay-day {
+        width: 100%;
+        height: auto;
+        font-size: 14px;
+        &::before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+      }
+    }
+  }
+  .MuiDrawer-paperAnchorBottom {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+}
+
+
+.date-picker-paid-drawer {
+  font-size: 14px;
+  .MuiPickersLayout-root {
+    display: block;
+    .MuiPickersLayout-contentWrapper {
+      max-height: calc(100vh - 245px - 64px);
+      overflow: auto;
+    }
+  }
+  .MuiDayCalendar-slideTransition {
+    height: 370px;
+  }
+  .MuiDateRangeCalendar-monthContainer {
+    .MuiDateRangePickerDay-root {
+      max-width: 60px;
+      max-height: 60px;
+      .MuiDateRangePickerDay-day {
+        width: 100%;
+        height: auto;
+        font-size: 14px;
+        &::before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+      }
+    }
+  }
 }

package/lib/PisellDateRangePicker/useCssVariables.d.ts

@@ -1,8 +1,8 @@
-interface Props {
-    variables: {
-        [key: string]: string;
-    };
-    dom: any;
-}
-declare const useCssVariables: (props: Props) => void;
-export default useCssVariables;
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    dom: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/lib/Shortcuts/index.d.ts

@@ -1,16 +1,15 @@
-import React from "react";
-import "./index.less";
-import { Dayjs } from "dayjs";
-export declare type PresetType = {
-    label?: string;
-    getValue?: () => [Dayjs, Dayjs];
-    value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
-    key?: string;
-};
-interface ShortcutsProps {
-    items: PresetType[];
-    onChange: (day: [Dayjs, Dayjs], changeImportance?: "accept" | "set") => void;
-    changeImportance?: "accept" | "set";
-}
-declare const Shortcuts: (props: ShortcutsProps) => React.JSX.Element | null;
-export default Shortcuts;
+import "./index.less";
+import { Dayjs } from "dayjs";
+export declare type PresetType = {
+    label?: string;
+    getValue?: () => [Dayjs, Dayjs];
+    value: [Dayjs, Dayjs] | "today" | "yesterday" | "last_3_days" | "last_7_days" | "last_30_days" | "last_90_days" | "last_180_days" | "tomorrow" | "next_3_days" | "next_7_days" | "next_30_days" | "next_90_days" | "next_180_days";
+    key?: string;
+};
+interface ShortcutsProps {
+    items: PresetType[];
+    onChange: (day: [Dayjs, Dayjs], changeImportance?: "accept" | "set") => void;
+    changeImportance?: "accept" | "set";
+}
+declare const Shortcuts: (props: ShortcutsProps) => JSX.Element | null;
+export default Shortcuts;

package/lib/Shortcuts/index.less

@@ -1,18 +1,18 @@
-.date-picker-shortcuts {
-  width: 192px;
-  padding: 12px 16px;
-  border-right: 1px solid rgba(0, 0, 0, 0.12);
-  .date-picker-shortcuts-item {
-    cursor: pointer;
-    padding: 10px 16px;
-    align-items: center;
-    color: var(--gray-700, #344054);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 20px; /* 142.857% */
-    &:hover {
-      background-color: rgb(249, 250, 251);
-    }
-  }
+.date-picker-shortcuts {
+  width: 192px;
+  padding: 12px 16px;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  .date-picker-shortcuts-item {
+    cursor: pointer;
+    padding: 10px 16px;
+    align-items: center;
+    color: var(--gray-700, #344054);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    &:hover {
+      background-color: rgb(249, 250, 251);
+    }
+  }
 }

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { SingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
-declare type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
-    propTypes?: any;
-    fieldType?: string;
-};
-declare const SingleInputDateRangeField: DateRangeFieldComponent;
-export { SingleInputDateRangeField };
+import * as React from 'react';
+import { SingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
+declare type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+    propTypes?: any;
+    fieldType?: string;
+};
+declare const SingleInputDateRangeField: DateRangeFieldComponent;
+export { SingleInputDateRangeField };

package/lib/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts

@@ -1,49 +1,49 @@
-import * as React from 'react';
-import { SlotComponentProps } from '@mui/base/utils';
-import TextField from '@mui/material/TextField';
-import { FieldsTextFieldProps, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
-import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
-export interface UseSingleInputDateRangeFieldParams<TDate, TChildProps extends {}> {
-    props: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>;
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-export interface UseSingleInputDateRangeFieldProps<TDate> extends UseDateRangeFieldProps<TDate> {
-}
-export declare type UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
-export declare type UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
-export declare type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: SingleInputDateRangeFieldSlotsComponent;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: UncapitalizeObjectKeys<SingleInputDateRangeFieldSlotsComponent>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
-};
-export declare type SingleInputDateRangeFieldOwnerState<TDate> = SingleInputDateRangeFieldProps<TDate>;
-export interface SingleInputDateRangeFieldSlotsComponent {
-    /**
-     * Form control with an input to render the value.
-     * Receives the same props as `@mui/material/TextField`.
-     * @default TextField from '@mui/material'
-     */
-    TextField?: React.ElementType;
-}
-export interface SingleInputDateRangeFieldSlotsComponentsProps<TDate> {
-    textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateRangeFieldOwnerState<TDate>>;
-}
+import * as React from 'react';
+import { SlotComponentProps } from '@mui/base/utils';
+import TextField from '@mui/material/TextField';
+import { FieldsTextFieldProps, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
+export interface UseSingleInputDateRangeFieldParams<TDate, TChildProps extends {}> {
+    props: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+export interface UseSingleInputDateRangeFieldProps<TDate> extends UseDateRangeFieldProps<TDate> {
+}
+export declare type UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
+export declare type UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
+export declare type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: SingleInputDateRangeFieldSlotsComponent;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<SingleInputDateRangeFieldSlotsComponent>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
+};
+export declare type SingleInputDateRangeFieldOwnerState<TDate> = SingleInputDateRangeFieldProps<TDate>;
+export interface SingleInputDateRangeFieldSlotsComponent {
+    /**
+     * Form control with an input to render the value.
+     * Receives the same props as `@mui/material/TextField`.
+     * @default TextField from '@mui/material'
+     */
+    TextField?: React.ElementType;
+}
+export interface SingleInputDateRangeFieldSlotsComponentsProps<TDate> {
+    textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateRangeFieldOwnerState<TDate>>;
+}

package/lib/SingleInputDateRangeField/index.d.ts

@@ -1,3 +1,3 @@
-export { SingleInputDateRangeField } from './SingleInputDateRangeField';
-export { useSingleInputDateRangeField as unstable_useSingleInputDateRangeField } from './useSingleInputDateRangeField';
-export type { UseSingleInputDateRangeFieldProps, UseSingleInputDateRangeFieldComponentProps, SingleInputDateRangeFieldProps, } from './SingleInputDateRangeField.types';
+export { SingleInputDateRangeField } from './SingleInputDateRangeField';
+export { useSingleInputDateRangeField as unstable_useSingleInputDateRangeField } from './useSingleInputDateRangeField';
+export type { UseSingleInputDateRangeFieldProps, UseSingleInputDateRangeFieldComponentProps, SingleInputDateRangeFieldProps, } from './SingleInputDateRangeField.types';

package/lib/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts

@@ -1,3 +1,3 @@
-import { UseSingleInputDateRangeFieldDefaultizedProps, UseSingleInputDateRangeFieldParams, UseSingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
-export declare const useDefaultizedDateRangeFieldProps: <TDate, AdditionalProps extends {}>(props: UseSingleInputDateRangeFieldProps<TDate>) => UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps>;
-export declare const useSingleInputDateRangeField: <TDate, TChildProps extends {}>({ props: inProps, inputRef, }: UseSingleInputDateRangeFieldParams<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateRangeFieldProps<any>>>;
+import { UseSingleInputDateRangeFieldDefaultizedProps, UseSingleInputDateRangeFieldParams, UseSingleInputDateRangeFieldProps } from './SingleInputDateRangeField.types';
+export declare const useDefaultizedDateRangeFieldProps: <TDate, AdditionalProps extends {}>(props: UseSingleInputDateRangeFieldProps<TDate>) => UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps>;
+export declare const useSingleInputDateRangeField: <TDate, TChildProps extends {}>({ props: inProps, inputRef, }: UseSingleInputDateRangeFieldParams<TDate, TChildProps>) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseSingleInputDateRangeFieldDefaultizedProps<TDate, TChildProps>, keyof UseSingleInputDateRangeFieldProps<any>>>;

package/lib/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { SingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
-declare type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
-    propTypes?: any;
-    fieldType?: string;
-};
-declare const SingleInputDateTimeRangeField: DateRangeFieldComponent;
-export { SingleInputDateTimeRangeField };
+import * as React from 'react';
+import { SingleInputDateTimeRangeFieldProps } from './SingleInputDateTimeRangeField.types';
+declare type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+    propTypes?: any;
+    fieldType?: string;
+};
+declare const SingleInputDateTimeRangeField: DateRangeFieldComponent;
+export { SingleInputDateTimeRangeField };