zaman-backoffice 1.0.4 → 1.2.0
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/dist/components/CalendarItem/CalendarItem.styled.d.ts +10 -10
- package/dist/components/CalendarItem/CalendarItem.types.d.ts +7 -7
- package/dist/components/CalendarItem/index.d.ts +1 -1
- package/dist/components/CalendarWrapper/CalendarWrapper.styled.d.ts +5 -5
- package/dist/components/CalendarWrapper/index.d.ts +1 -1
- package/dist/components/FloatingElement/FloatingElement.d.ts +4 -4
- package/dist/components/FloatingElement/FloatingElement.styled.d.ts +4 -4
- package/dist/components/FloatingElement/FloatingElement.types.d.ts +7 -7
- package/dist/components/FloatingElement/index.d.ts +1 -1
- package/dist/components/Header/Header.d.ts +4 -3
- package/dist/components/Header/Header.styled.d.ts +12 -12
- package/dist/components/Header/Header.types.d.ts +6 -6
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/IconButton/IconButton.d.ts +2 -2
- package/dist/components/IconButton/IconButton.styled.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/Icons/ChevronLeft/index.d.ts +3 -2
- package/dist/components/Icons/ChevronRight/index.d.ts +3 -2
- package/dist/components/Modal/Modal.d.ts +4 -3
- package/dist/components/Modal/Modal.styled.d.ts +4 -4
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/types.d.ts +6 -6
- package/dist/components/MonthPicker/Month.styled.d.ts +4 -4
- package/dist/components/MonthPicker/MonthPicker.d.ts +4 -3
- package/dist/components/MonthPicker/MonthPicker.types.d.ts +4 -4
- package/dist/components/MonthPicker/index.d.ts +1 -1
- package/dist/components/RenderCalendar/RenderCalendar.d.ts +4 -3
- package/dist/components/RenderCalendar/RenderCalendar.types.d.ts +9 -9
- package/dist/components/RenderCalendar/index.d.ts +1 -1
- package/dist/components/YearPicker/YearPicker.d.ts +4 -3
- package/dist/components/YearPicker/YearPicker.styled.d.ts +4 -4
- package/dist/components/YearPicker/YearPicker.types.d.ts +4 -4
- package/dist/components/YearPicker/index.d.ts +1 -1
- package/dist/constants.d.ts +5 -5
- package/dist/hooks/useCalendarHandlers.d.ts +20 -19
- package/dist/hooks/useClickOutside.d.ts +3 -3
- package/dist/hooks/useSlideCalendar.d.ts +13 -12
- package/dist/hooks/useTimePicker.d.ts +19 -19
- package/dist/index.cjs.js +41 -41
- package/dist/index.d.ts +4 -4
- package/dist/index.js +28 -28
- package/dist/packages/Calendar/Calendar.d.ts +4 -4
- package/dist/packages/Calendar/Calendar.styled.d.ts +20 -20
- package/dist/packages/Calendar/Calendar.types.d.ts +21 -19
- package/dist/packages/Calendar/index.d.ts +2 -2
- package/dist/packages/CalendarProvider/CalendarProvider.d.ts +4 -3
- package/dist/packages/CalendarProvider/CalendarProvider.types.d.ts +5 -5
- package/dist/packages/CalendarProvider/index.d.ts +2 -2
- package/dist/packages/DatePicker/DatePicker.d.ts +4 -3
- package/dist/packages/DatePicker/DatePicker.types.d.ts +15 -15
- package/dist/packages/DatePicker/index.d.ts +2 -2
- package/dist/packages/TimePicker/TimePicker.d.ts +4 -3
- package/dist/packages/TimePicker/TimePicker.styled.d.ts +37 -37
- package/dist/packages/TimePicker/TimePicker.types.d.ts +14 -14
- package/dist/packages/TimePicker/components/Numbers/Numbers.d.ts +4 -3
- package/dist/packages/TimePicker/components/Numbers/Numbers.styled.d.ts +9 -9
- package/dist/packages/TimePicker/components/Numbers/Numbers.types.d.ts +13 -13
- package/dist/packages/TimePicker/components/Numbers/index.d.ts +1 -1
- package/dist/packages/TimePicker/index.d.ts +2 -2
- package/dist/style/animation.d.ts +12 -2
- package/dist/style/classNames.d.ts +7 -7
- package/dist/style/colorPallete.d.ts +1 -1
- package/dist/style/colors.d.ts +5 -5
- package/dist/style/hexToHSL.d.ts +6 -6
- package/dist/style/radius.d.ts +7 -7
- package/dist/types.d.ts +41 -41
- package/dist/utils/dateHelper/dateHelper.d.ts +15 -15
- package/dist/utils/dateHelper/index.d.ts +1 -1
- package/dist/utils/dateTimeFormat/dateTimeFormat.d.ts +13 -13
- package/dist/utils/dateTimeFormat/index.d.ts +1 -1
- package/dist/utils/format/format.d.ts +4 -4
- package/dist/utils/format/format.types.d.ts +10 -10
- package/dist/utils/format/index.d.ts +1 -1
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/locale.d.ts +6 -6
- package/dist/utils/locales/en.d.ts +3 -3
- package/dist/utils/locales/fa.d.ts +3 -3
- package/dist/utils/locales/index.d.ts +3 -3
- package/dist/utils/locales/locales.types.d.ts +12 -12
- package/dist/utils/month/index.d.ts +1 -1
- package/dist/utils/month/month.d.ts +5 -5
- package/dist/utils/month/month.types.d.ts +10 -10
- package/dist/utils/timePicker.d.ts +36 -36
- package/package.json +5 -5
@@ -1,10 +1,10 @@
|
|
1
|
-
import type { CalendarItemProps } from './CalendarItem.types';
|
2
|
-
export declare const CalendarText: import("@emotion/styled").StyledComponent<{
|
3
|
-
theme?: import("@emotion/react").Theme
|
4
|
-
as?:
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
-
export declare const CalendarItem: import("@emotion/styled").StyledComponent<{
|
7
|
-
theme?: import("@emotion/react").Theme
|
8
|
-
as?:
|
9
|
-
} & CalendarItemProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
10
|
-
export default CalendarItem;
|
1
|
+
import type { CalendarItemProps } from './CalendarItem.types';
|
2
|
+
export declare const CalendarText: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme;
|
4
|
+
as?: React.ElementType;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
6
|
+
export declare const CalendarItem: import("@emotion/styled").StyledComponent<{
|
7
|
+
theme?: import("@emotion/react").Theme;
|
8
|
+
as?: React.ElementType;
|
9
|
+
} & CalendarItemProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
10
|
+
export default CalendarItem;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
export interface CalendarItemProps {
|
2
|
-
selected?: boolean;
|
3
|
-
range?: boolean;
|
4
|
-
disabled?: boolean;
|
5
|
-
width?: number;
|
6
|
-
height?: number;
|
7
|
-
}
|
1
|
+
export interface CalendarItemProps {
|
2
|
+
selected?: boolean;
|
3
|
+
range?: boolean;
|
4
|
+
disabled?: boolean;
|
5
|
+
width?: number;
|
6
|
+
height?: number;
|
7
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './CalendarItem.styled';
|
1
|
+
export { default } from './CalendarItem.styled';
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export declare const CalendarWrapper: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
5
|
-
export default CalendarWrapper;
|
1
|
+
export declare const CalendarWrapper: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
5
|
+
export default CalendarWrapper;
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './CalendarWrapper.styled';
|
1
|
+
export { default } from './CalendarWrapper.styled';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { FloatingElementProps } from './FloatingElement.types';
|
3
|
-
declare const FloatingElement: React.FC<FloatingElementProps>;
|
4
|
-
export default FloatingElement;
|
1
|
+
import React from 'react';
|
2
|
+
import type { FloatingElementProps } from './FloatingElement.types';
|
3
|
+
declare const FloatingElement: React.FC<FloatingElementProps>;
|
4
|
+
export default FloatingElement;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import type React from 'react';
|
2
|
-
import type { Positions } from '../../types';
|
3
|
-
export interface FloatingElementProps {
|
4
|
-
children: React.ReactNode;
|
5
|
-
destinationRef: React.RefObject<HTMLInputElement>;
|
6
|
-
position: Positions;
|
7
|
-
}
|
1
|
+
import type React from 'react';
|
2
|
+
import type { Positions } from '../../types';
|
3
|
+
export interface FloatingElementProps {
|
4
|
+
children: React.ReactNode;
|
5
|
+
destinationRef: React.RefObject<HTMLInputElement>;
|
6
|
+
position: Positions;
|
7
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './FloatingElement';
|
1
|
+
export { default } from './FloatingElement';
|
@@ -1,3 +1,4 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
import type { HeaderProps } from './Header.types';
|
3
|
+
export declare const Header: (props: HeaderProps) => React.JSX.Element;
|
4
|
+
export default Header;
|
@@ -1,12 +1,12 @@
|
|
1
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
5
|
-
export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
|
6
|
-
theme?: import("@emotion/react").Theme
|
7
|
-
as?:
|
8
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
9
|
-
export declare const DayName: import("@emotion/styled").StyledComponent<{
|
10
|
-
theme?: import("@emotion/react").Theme
|
11
|
-
as?:
|
12
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
5
|
+
export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
|
6
|
+
theme?: import("@emotion/react").Theme;
|
7
|
+
as?: React.ElementType;
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
9
|
+
export declare const DayName: import("@emotion/styled").StyledComponent<{
|
10
|
+
theme?: import("@emotion/react").Theme;
|
11
|
+
as?: React.ElementType;
|
12
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
export interface HeaderProps {
|
2
|
-
monthName: string;
|
3
|
-
onNextClick: () => void;
|
4
|
-
onPrevClick: () => void;
|
5
|
-
onClickOnTitle: () => void;
|
6
|
-
}
|
1
|
+
export interface HeaderProps {
|
2
|
+
monthName: string;
|
3
|
+
onNextClick: () => void;
|
4
|
+
onPrevClick: () => void;
|
5
|
+
onClickOnTitle: () => void;
|
6
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './Header';
|
1
|
+
export { default } from './Header';
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import { IconButton } from './IconButton.styled';
|
2
|
-
export default IconButton;
|
1
|
+
import { IconButton } from './IconButton.styled';
|
2
|
+
export default IconButton;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const IconButton: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
1
|
+
export declare const IconButton: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './IconButton';
|
1
|
+
export { default } from './IconButton';
|
@@ -1,2 +1,3 @@
|
|
1
|
-
|
2
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
export declare const ChevronLeft: () => React.JSX.Element;
|
3
|
+
export default ChevronLeft;
|
@@ -1,2 +1,3 @@
|
|
1
|
-
|
2
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
export declare const ChevronRight: () => React.JSX.Element;
|
3
|
+
export default ChevronRight;
|
@@ -1,3 +1,4 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
import type { IModalProps } from './types';
|
3
|
+
export declare const Modal: (props: IModalProps) => React.JSX.Element | null;
|
4
|
+
export default Modal;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const ModalDiv: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1
|
+
export declare const ModalDiv: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './Modal';
|
1
|
+
export { default } from './Modal';
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import type * as React from 'react';
|
2
|
-
export interface IModalProps {
|
3
|
-
open?: boolean;
|
4
|
-
children: React.ReactNode;
|
5
|
-
toggleOpen: () => void;
|
6
|
-
}
|
1
|
+
import type * as React from 'react';
|
2
|
+
export interface IModalProps {
|
3
|
+
open?: boolean;
|
4
|
+
children: React.ReactNode;
|
5
|
+
toggleOpen: () => void;
|
6
|
+
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -1,3 +1,4 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
import type { MonthPickerProps } from './MonthPicker.types';
|
3
|
+
export declare const MonthPicker: (props: MonthPickerProps) => React.JSX.Element;
|
4
|
+
export default MonthPicker;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export interface MonthPickerProps {
|
2
|
-
value: Date;
|
3
|
-
onMonthSelect: (month: number) => void;
|
4
|
-
}
|
1
|
+
export interface MonthPickerProps {
|
2
|
+
value: Date;
|
3
|
+
onMonthSelect: (month: number) => void;
|
4
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './MonthPicker';
|
1
|
+
export { default } from './MonthPicker';
|
@@ -1,3 +1,4 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
import { type RenderCalendarProps } from './RenderCalendar.types';
|
3
|
+
export declare const RenderCalendar: (props: RenderCalendarProps) => React.JSX.Element | null;
|
4
|
+
export default RenderCalendar;
|
@@ -1,9 +1,9 @@
|
|
1
|
-
import type React from 'react';
|
2
|
-
import type { Positions } from '../../types';
|
3
|
-
export interface RenderCalendarProps {
|
4
|
-
showCalendar: boolean;
|
5
|
-
toggleOpen: () => void;
|
6
|
-
children: React.ReactNode;
|
7
|
-
destinationRef: React.RefObject<HTMLInputElement>;
|
8
|
-
position?: Positions;
|
9
|
-
}
|
1
|
+
import type React from 'react';
|
2
|
+
import type { Positions } from '../../types';
|
3
|
+
export interface RenderCalendarProps {
|
4
|
+
showCalendar: boolean;
|
5
|
+
toggleOpen: () => void;
|
6
|
+
children: React.ReactNode;
|
7
|
+
destinationRef: React.RefObject<HTMLInputElement>;
|
8
|
+
position?: Positions;
|
9
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './RenderCalendar';
|
1
|
+
export { default } from './RenderCalendar';
|
@@ -1,3 +1,4 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export
|
1
|
+
import React from 'react';
|
2
|
+
import type { YearPickerProps } from './YearPicker.types';
|
3
|
+
export declare const YearPicker: (props: YearPickerProps) => React.JSX.Element;
|
4
|
+
export default YearPicker;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
-
theme?: import("@emotion/react").Theme
|
3
|
-
as?:
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
2
|
+
theme?: import("@emotion/react").Theme;
|
3
|
+
as?: React.ElementType;
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export interface YearPickerProps {
|
2
|
-
value: Date;
|
3
|
-
onYearSelect: (year: number) => void;
|
4
|
-
}
|
1
|
+
export interface YearPickerProps {
|
2
|
+
value: Date;
|
3
|
+
onYearSelect: (year: number) => void;
|
4
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './YearPicker';
|
1
|
+
export { default } from './YearPicker';
|
package/dist/constants.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
export declare const TIME = 250;
|
2
|
-
export declare const CALENDAR_WIDTH = 320;
|
3
|
-
export declare const CALENDAR_HEIGHT = 372;
|
4
|
-
export declare const ANIMATE_FUNC = "cubic-bezier(0.4, 0, 0.2, 1)";
|
5
|
-
export declare const ACCENT_COLOR = "#0D59F2";
|
1
|
+
export declare const TIME = 250;
|
2
|
+
export declare const CALENDAR_WIDTH = 320;
|
3
|
+
export declare const CALENDAR_HEIGHT = 372;
|
4
|
+
export declare const ANIMATE_FUNC = "cubic-bezier(0.4, 0, 0.2, 1)";
|
5
|
+
export declare const ACCENT_COLOR = "#0D59F2";
|
@@ -1,19 +1,20 @@
|
|
1
|
-
import { type SyntheticEvent } from 'react';
|
2
|
-
import type { DatePickerValue } from '../types';
|
3
|
-
import { type CalendarDefaultProps, type CalendarRangeProps } from '../packages/Calendar/Calendar.types';
|
4
|
-
type Event = SyntheticEvent<HTMLButtonElement>;
|
5
|
-
interface BaseUseCalendarHandlersType {
|
6
|
-
from?: DatePickerValue;
|
7
|
-
to?: DatePickerValue;
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
export declare const
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
1
|
+
import { type SyntheticEvent } from 'react';
|
2
|
+
import type { DatePickerValue } from '../types';
|
3
|
+
import { type CalendarDefaultProps, type CalendarRangeProps } from '../packages/Calendar/Calendar.types';
|
4
|
+
type Event = SyntheticEvent<HTMLButtonElement>;
|
5
|
+
interface BaseUseCalendarHandlersType {
|
6
|
+
from?: DatePickerValue;
|
7
|
+
to?: DatePickerValue;
|
8
|
+
controlledRangeValue?: [Date, Date];
|
9
|
+
}
|
10
|
+
type useCalendarHandlersType = BaseUseCalendarHandlersType & (CalendarRangeProps | CalendarDefaultProps);
|
11
|
+
export declare const guardRange: (value: useCalendarHandlersType) => value is CalendarRangeProps;
|
12
|
+
export declare const useCalendarHandlers: (props: useCalendarHandlersType) => {
|
13
|
+
handlers: {
|
14
|
+
onMouseMove?: ((e: Event) => void) | undefined;
|
15
|
+
onClick: (e: Event) => string | void;
|
16
|
+
};
|
17
|
+
from: Date | undefined;
|
18
|
+
to: Date | null | undefined;
|
19
|
+
};
|
20
|
+
export default useCalendarHandlers;
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import type React from 'react';
|
2
|
-
declare function useClickOutside(ref: React.RefObject<HTMLElement>, handler: () => void): void;
|
3
|
-
export default useClickOutside;
|
1
|
+
import type React from 'react';
|
2
|
+
declare function useClickOutside(ref: React.RefObject<HTMLElement>, handler: () => void): void;
|
3
|
+
export default useClickOutside;
|
@@ -1,12 +1,13 @@
|
|
1
|
-
import type { Dispatch, RefObject, SetStateAction } from 'react';
|
2
|
-
import type { DaysInMonth } from '../utils/month/month.types';
|
3
|
-
interface UseSliderTypes {
|
4
|
-
daysElementRefs: RefObject<HTMLDivElement[]>;
|
5
|
-
days: DaysInMonth[];
|
6
|
-
setDays: Dispatch<SetStateAction<DaysInMonth[]>>;
|
7
|
-
}
|
8
|
-
export declare const useSlideCalendar: ({ daysElementRefs, days, setDays }: UseSliderTypes) => {
|
9
|
-
slideToTheNextMonth: () => void;
|
10
|
-
slideToPrevMonth: () => void;
|
11
|
-
|
12
|
-
|
1
|
+
import type { Dispatch, RefObject, SetStateAction } from 'react';
|
2
|
+
import type { DaysInMonth } from '../utils/month/month.types';
|
3
|
+
interface UseSliderTypes {
|
4
|
+
daysElementRefs: RefObject<HTMLDivElement[]>;
|
5
|
+
days: DaysInMonth[];
|
6
|
+
setDays: Dispatch<SetStateAction<DaysInMonth[]>>;
|
7
|
+
}
|
8
|
+
export declare const useSlideCalendar: ({ daysElementRefs, days, setDays }: UseSliderTypes) => {
|
9
|
+
slideToTheNextMonth: () => void;
|
10
|
+
slideToPrevMonth: () => void;
|
11
|
+
slideToCurrentMonth: () => void;
|
12
|
+
};
|
13
|
+
export {};
|
@@ -1,19 +1,19 @@
|
|
1
|
-
import type React from 'react';
|
2
|
-
import { type DatePickerValue } from '../types';
|
3
|
-
import { type onChangePayload } from '../packages/TimePicker/TimePicker.types';
|
4
|
-
interface useTimePickerType {
|
5
|
-
timeConvention?: 'am' | 'pm';
|
6
|
-
clockTime?: 24 | 12;
|
7
|
-
defaultValue?: DatePickerValue;
|
8
|
-
onChange?: (payload: onChangePayload) => void;
|
9
|
-
}
|
10
|
-
export declare const useTimePicker: ({ defaultValue, clockTime, timeConvention, onChange }: useTimePickerType) => {
|
11
|
-
hour: number;
|
12
|
-
minute: number;
|
13
|
-
isInsideHour: boolean;
|
14
|
-
selectingHour: boolean;
|
15
|
-
handleMouseMove: (e: React.MouseEvent) => void;
|
16
|
-
handleMouseUp: () => void;
|
17
|
-
handleSelecting: (e: React.MouseEvent | React.TouchEvent) => void;
|
18
|
-
};
|
19
|
-
export {};
|
1
|
+
import type React from 'react';
|
2
|
+
import { type DatePickerValue } from '../types';
|
3
|
+
import { type onChangePayload } from '../packages/TimePicker/TimePicker.types';
|
4
|
+
interface useTimePickerType {
|
5
|
+
timeConvention?: 'am' | 'pm';
|
6
|
+
clockTime?: 24 | 12;
|
7
|
+
defaultValue?: DatePickerValue;
|
8
|
+
onChange?: (payload: onChangePayload) => void;
|
9
|
+
}
|
10
|
+
export declare const useTimePicker: ({ defaultValue, clockTime, timeConvention, onChange }: useTimePickerType) => {
|
11
|
+
hour: number;
|
12
|
+
minute: number;
|
13
|
+
isInsideHour: boolean;
|
14
|
+
selectingHour: boolean;
|
15
|
+
handleMouseMove: (e: React.MouseEvent) => void;
|
16
|
+
handleMouseUp: () => void;
|
17
|
+
handleSelecting: (e: React.MouseEvent | React.TouchEvent) => void;
|
18
|
+
};
|
19
|
+
export {};
|