@zendeskgarden/react-datepickers 9.0.0-next.2 → 9.0.0-next.20
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/README.md +2 -2
- package/dist/esm/elements/DatePicker/DatePicker.js +169 -0
- package/dist/esm/elements/DatePicker/components/Calendar.js +125 -0
- package/dist/esm/elements/DatePicker/components/Input.js +75 -0
- package/dist/esm/elements/DatePicker/components/MonthSelector.js +61 -0
- package/dist/esm/elements/DatePicker/utils/date-picker-reducer.js +187 -0
- package/dist/esm/elements/DatePicker/utils/useDatePickerContext.js +14 -0
- package/dist/esm/elements/DatePickerRange/DatePickerRange.js +101 -0
- package/dist/esm/elements/DatePickerRange/components/Calendar.js +42 -0
- package/dist/esm/elements/DatePickerRange/components/End.js +79 -0
- package/dist/esm/elements/DatePickerRange/components/Month.js +270 -0
- package/dist/esm/elements/DatePickerRange/components/Start.js +79 -0
- package/dist/esm/elements/DatePickerRange/utils/date-picker-range-reducer.js +319 -0
- package/dist/esm/elements/DatePickerRange/utils/useDatePickerRangeContext.js +14 -0
- package/dist/esm/index.js +8 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js +25 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js +25 -0
- package/dist/esm/styled/StyledCalendar.js +22 -0
- package/dist/esm/styled/StyledCalendarItem.js +35 -0
- package/dist/esm/styled/StyledDatePicker.js +40 -0
- package/dist/esm/styled/StyledDay.js +95 -0
- package/dist/esm/styled/StyledDayLabel.js +22 -0
- package/dist/esm/styled/StyledHeader.js +22 -0
- package/dist/esm/styled/StyledHeaderLabel.js +22 -0
- package/dist/esm/styled/StyledHeaderPaddle.js +71 -0
- package/dist/esm/styled/StyledHighlight.js +56 -0
- package/dist/esm/styled/StyledMenu.js +22 -0
- package/dist/esm/styled/StyledMenuWrapper.js +29 -0
- package/dist/esm/styled/StyledRangeCalendar.js +23 -0
- package/dist/esm/types/index.js +12 -0
- package/dist/esm/utils/calendar-utils.js +88 -0
- package/dist/index.cjs.js +240 -156
- package/dist/typings/elements/DatePicker/utils/date-picker-reducer.d.ts +4 -4
- package/dist/typings/elements/DatePickerRange/utils/date-picker-range-reducer.d.ts +4 -4
- package/dist/typings/styled/StyledCalendar.d.ts +3 -2
- package/dist/typings/styled/StyledCalendarItem.d.ts +4 -3
- package/dist/typings/styled/StyledDatePicker.d.ts +3 -2
- package/dist/typings/styled/StyledDay.d.ts +5 -5
- package/dist/typings/styled/StyledDayLabel.d.ts +3 -2
- package/dist/typings/styled/StyledHeader.d.ts +3 -2
- package/dist/typings/styled/StyledHeaderLabel.d.ts +3 -2
- package/dist/typings/styled/StyledHeaderPaddle.d.ts +7 -4
- package/dist/typings/styled/StyledHighlight.d.ts +5 -4
- package/dist/typings/styled/StyledMenuWrapper.d.ts +4 -4
- package/dist/typings/styled/StyledRangeCalendar.d.ts +2 -1
- package/package.json +8 -8
- package/dist/index.esm.js +0 -1683
|
@@ -31,11 +31,11 @@ export type DatePickerAction = {
|
|
|
31
31
|
value: Date;
|
|
32
32
|
};
|
|
33
33
|
export declare const datepickerReducer: ({ value, formatDate, locale, customParseDate, onChange }: {
|
|
34
|
-
value?: Date
|
|
35
|
-
formatDate?: (
|
|
34
|
+
value?: Date;
|
|
35
|
+
formatDate?: (date: Date) => string;
|
|
36
36
|
locale: any;
|
|
37
|
-
customParseDate?: (
|
|
38
|
-
onChange?: (
|
|
37
|
+
customParseDate?: (inputValue: string) => Date;
|
|
38
|
+
onChange?: (date: Date) => void;
|
|
39
39
|
}) => (state: IDatePickerState, action: DatePickerAction) => IDatePickerState;
|
|
40
40
|
/**
|
|
41
41
|
* Retrieve initial state for the DatePicker reducer
|
|
@@ -59,11 +59,11 @@ export type DatePickerRangeAction = {
|
|
|
59
59
|
value?: Date;
|
|
60
60
|
};
|
|
61
61
|
export declare const datepickerRangeReducer: ({ startValue, endValue, locale, formatDate, customParseDate }: {
|
|
62
|
-
startValue?: Date
|
|
63
|
-
endValue?: Date
|
|
64
|
-
locale?: string
|
|
62
|
+
startValue?: Date;
|
|
63
|
+
endValue?: Date;
|
|
64
|
+
locale?: string;
|
|
65
65
|
formatDate?: any;
|
|
66
|
-
customParseDate?: (
|
|
66
|
+
customParseDate?: (inputValue?: string) => Date;
|
|
67
67
|
}) => (state: IDatePickerRangeState, action: DatePickerRangeAction) => IDatePickerRangeState;
|
|
68
68
|
/**
|
|
69
69
|
* Retrieve initial state for the DatePicker reducer
|
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
interface IStyledCalendarProps {
|
|
8
|
-
isCompact?: boolean;
|
|
8
|
+
$isCompact?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export declare const StyledCalendar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
11
11
|
'data-garden-id': string;
|
|
12
|
-
|
|
12
|
+
'data-garden-version': string;
|
|
13
|
+
} & IStyledCalendarProps, "data-garden-id" | "data-garden-version">;
|
|
13
14
|
export {};
|
|
@@ -5,11 +5,12 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import { ThemeProps, DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const
|
|
8
|
+
export declare const sizeStyles: ({ $isCompact, theme }: IStyledCalendarItemProps & ThemeProps<DefaultTheme>) => import("styled-components").FlattenSimpleInterpolation;
|
|
9
9
|
interface IStyledCalendarItemProps {
|
|
10
|
-
isCompact?: boolean;
|
|
10
|
+
$isCompact?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const StyledCalendarItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
13
13
|
'data-garden-id': string;
|
|
14
|
-
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledCalendarItemProps, "data-garden-id" | "data-garden-version">;
|
|
15
16
|
export {};
|
|
@@ -6,9 +6,10 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledDatePickerProps {
|
|
9
|
-
isCompact: boolean;
|
|
9
|
+
$isCompact: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
12
12
|
'data-garden-id': string;
|
|
13
|
-
|
|
13
|
+
'data-garden-version': string;
|
|
14
|
+
} & IStyledDatePickerProps, "data-garden-id" | "data-garden-version">;
|
|
14
15
|
export {};
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme, ThemeProps } from 'styled-components';
|
|
8
8
|
interface IStyledDayProps extends ThemeProps<DefaultTheme> {
|
|
9
|
-
isPreviousMonth?: boolean;
|
|
10
|
-
isToday?: boolean;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
$isPreviousMonth?: boolean;
|
|
10
|
+
$isToday?: boolean;
|
|
11
|
+
$isCompact: boolean;
|
|
12
|
+
'aria-selected'?: boolean;
|
|
13
|
+
'aria-disabled'?: boolean;
|
|
14
14
|
}
|
|
15
15
|
export declare const StyledDay: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledDayProps, never>;
|
|
16
16
|
export {};
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const StyledDayLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
8
|
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
9
10
|
} & {
|
|
10
|
-
isCompact: boolean;
|
|
11
|
-
}, "data-garden-id">;
|
|
11
|
+
$isCompact: boolean;
|
|
12
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
8
|
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
9
10
|
} & {
|
|
10
|
-
isCompact: boolean;
|
|
11
|
-
}, "data-garden-id">;
|
|
11
|
+
$isCompact: boolean;
|
|
12
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const StyledHeaderLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
8
|
'data-garden-id': string;
|
|
9
|
+
'data-garden-version': string;
|
|
9
10
|
} & {
|
|
10
|
-
isCompact: boolean;
|
|
11
|
-
}, "data-garden-id">;
|
|
11
|
+
$isCompact: boolean;
|
|
12
|
+
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -5,9 +5,12 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
|
+
interface IStyledHeaderPaddleProps {
|
|
9
|
+
$isCompact: boolean;
|
|
10
|
+
'aria-hidden'?: boolean;
|
|
11
|
+
}
|
|
8
12
|
export declare const StyledHeaderPaddle: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
13
|
'data-garden-id': string;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}, "data-garden-id">;
|
|
14
|
+
'data-garden-version': string;
|
|
15
|
+
} & IStyledHeaderPaddleProps, "data-garden-id" | "data-garden-version">;
|
|
16
|
+
export {};
|
|
@@ -6,11 +6,12 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { DefaultTheme } from 'styled-components';
|
|
8
8
|
interface IStyledHighlightProps {
|
|
9
|
-
isHighlighted: boolean;
|
|
10
|
-
isStart: boolean;
|
|
11
|
-
isEnd: boolean;
|
|
9
|
+
$isHighlighted: boolean;
|
|
10
|
+
$isStart: boolean;
|
|
11
|
+
$isEnd: boolean;
|
|
12
12
|
}
|
|
13
13
|
export declare const StyledHighlight: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
14
14
|
'data-garden-id': string;
|
|
15
|
-
|
|
15
|
+
'data-garden-version': string;
|
|
16
|
+
} & IStyledHighlightProps, "data-garden-id" | "data-garden-version">;
|
|
16
17
|
export {};
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { Placement } from '@floating-ui/react-dom';
|
|
8
8
|
interface IStyledMenuWrapperProps {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
placement: Placement;
|
|
9
|
+
$isAnimated?: boolean;
|
|
10
|
+
$zIndex?: number;
|
|
11
|
+
'aria-hidden'?: boolean;
|
|
12
|
+
$placement: Placement;
|
|
13
13
|
}
|
|
14
14
|
export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
|
|
15
15
|
export {};
|
|
@@ -6,4 +6,5 @@
|
|
|
6
6
|
*/
|
|
7
7
|
export declare const StyledRangeCalendar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
8
|
'data-garden-id': string;
|
|
9
|
-
|
|
9
|
+
'data-garden-version': string;
|
|
10
|
+
}, "data-garden-id" | "data-garden-version">;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-datepickers",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.20",
|
|
4
4
|
"description": "Components relating to datepickers in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"url": "https://github.com/zendeskgarden/react-components/issues"
|
|
11
11
|
},
|
|
12
12
|
"main": "dist/index.cjs.js",
|
|
13
|
-
"module": "dist/index.
|
|
13
|
+
"module": "dist/esm/index.js",
|
|
14
14
|
"files": [
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
@@ -23,19 +23,19 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@floating-ui/react-dom": "^2.0.0",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
|
-
"date-fns": "^3.
|
|
26
|
+
"date-fns": "^3.6.0",
|
|
27
27
|
"prop-types": "^15.5.7",
|
|
28
28
|
"react-merge-refs": "^2.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@zendeskgarden/react-theming": "
|
|
31
|
+
"@zendeskgarden/react-theming": ">=9.0.0-next",
|
|
32
32
|
"react": ">=16.8.0",
|
|
33
33
|
"react-dom": ">=16.8.0",
|
|
34
|
-
"styled-components": "^5.1
|
|
34
|
+
"styled-components": "^5.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
38
|
-
"@zendeskgarden/svg-icons": "7.
|
|
37
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.20",
|
|
38
|
+
"@zendeskgarden/svg-icons": "7.1.1"
|
|
39
39
|
},
|
|
40
40
|
"keywords": [
|
|
41
41
|
"components",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
|
|
51
51
|
}
|