react-day-picker 9.0.0-beta.2 → 9.0.0-beta.3
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/cjs/DayPicker.d.ts +1 -4
- package/dist/cjs/DayPicker.js +3 -6
- package/dist/cjs/DayPicker.js.map +1 -1
- package/dist/cjs/UI.d.ts +42 -26
- package/dist/cjs/UI.js +45 -27
- package/dist/cjs/UI.js.map +1 -1
- package/dist/cjs/components/Calendar.js +3 -2
- package/dist/cjs/components/Calendar.js.map +1 -1
- package/dist/cjs/components/Chevron.js +8 -2
- package/dist/cjs/components/Chevron.js.map +1 -1
- package/dist/cjs/components/Day.d.ts +7 -8
- package/dist/cjs/components/Day.js +6 -4
- package/dist/cjs/components/Day.js.map +1 -1
- package/dist/cjs/components/DayDate.d.ts +24 -0
- package/dist/cjs/components/DayDate.js +20 -0
- package/dist/cjs/components/DayDate.js.map +1 -0
- package/dist/cjs/components/DayWrapper.js +11 -3
- package/dist/cjs/components/DayWrapper.js.map +1 -1
- package/dist/cjs/components/MonthCaption.js +2 -2
- package/dist/cjs/components/MonthCaption.js.map +1 -1
- package/dist/cjs/components/MonthsDropdown.js +2 -2
- package/dist/cjs/components/MonthsDropdown.js.map +1 -1
- package/dist/cjs/components/WeekNumber.js +5 -1
- package/dist/cjs/components/WeekNumber.js.map +1 -1
- package/dist/cjs/components/YearsDropdown.js +2 -2
- package/dist/cjs/components/YearsDropdown.js.map +1 -1
- package/dist/cjs/components/custom-components.d.ts +5 -4
- package/dist/cjs/components/custom-components.js +5 -4
- package/dist/cjs/components/custom-components.js.map +1 -1
- package/dist/cjs/contexts/{index.d.ts → root.d.ts} +0 -5
- package/dist/cjs/contexts/{index.js → root.js} +1 -20
- package/dist/cjs/contexts/root.js.map +1 -0
- package/dist/cjs/contexts/selection.js +3 -3
- package/dist/cjs/contexts/selection.js.map +1 -1
- package/dist/cjs/helpers/getClassNames.d.ts +3 -0
- package/dist/cjs/helpers/getDefaultClassNames.d.ts +5 -1
- package/dist/cjs/helpers/getDefaultClassNames.js +13 -1
- package/dist/cjs/helpers/getDefaultClassNames.js.map +1 -1
- package/dist/cjs/helpers/getFromToDate.d.ts +1 -1
- package/dist/cjs/helpers/getFromToDate.js +3 -2
- package/dist/cjs/helpers/getFromToDate.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +19 -0
- package/dist/cjs/helpers/index.js.map +1 -0
- package/dist/cjs/index.d.ts +5 -1
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/labels/index.d.ts +1 -0
- package/dist/cjs/labels/index.js +1 -0
- package/dist/cjs/labels/index.js.map +1 -1
- package/dist/cjs/labels/labelCaption.d.ts +8 -0
- package/dist/cjs/labels/labelCaption.js +14 -0
- package/dist/cjs/labels/labelCaption.js.map +1 -0
- package/dist/cjs/labels/labelDay.d.ts +5 -1
- package/dist/cjs/labels/labelDay.js +6 -3
- package/dist/cjs/labels/labelDay.js.map +1 -1
- package/dist/cjs/types-deprecated.d.ts +1 -1
- package/dist/cjs/types-deprecated.js +2 -2
- package/dist/cjs/types-deprecated.js.map +1 -1
- package/dist/cjs/types.d.ts +24 -12
- package/dist/esm/DayPicker.d.ts +1 -4
- package/dist/esm/DayPicker.js +2 -5
- package/dist/esm/DayPicker.js.map +1 -1
- package/dist/esm/UI.d.ts +42 -26
- package/dist/esm/UI.js +44 -26
- package/dist/esm/UI.js.map +1 -1
- package/dist/esm/components/Calendar.js +3 -2
- package/dist/esm/components/Calendar.js.map +1 -1
- package/dist/esm/components/Chevron.js +9 -3
- package/dist/esm/components/Chevron.js.map +1 -1
- package/dist/esm/components/Day.d.ts +7 -8
- package/dist/esm/components/Day.js +6 -4
- package/dist/esm/components/Day.js.map +1 -1
- package/dist/esm/components/DayDate.d.ts +24 -0
- package/dist/esm/components/DayDate.js +13 -0
- package/dist/esm/components/DayDate.js.map +1 -0
- package/dist/esm/components/DayWrapper.js +11 -3
- package/dist/esm/components/DayWrapper.js.map +1 -1
- package/dist/esm/components/MonthCaption.js +2 -2
- package/dist/esm/components/MonthCaption.js.map +1 -1
- package/dist/esm/components/MonthsDropdown.js +2 -2
- package/dist/esm/components/MonthsDropdown.js.map +1 -1
- package/dist/esm/components/WeekNumber.js +6 -2
- package/dist/esm/components/WeekNumber.js.map +1 -1
- package/dist/esm/components/YearsDropdown.js +2 -2
- package/dist/esm/components/YearsDropdown.js.map +1 -1
- package/dist/esm/components/custom-components.d.ts +5 -4
- package/dist/esm/components/custom-components.js +5 -4
- package/dist/esm/components/custom-components.js.map +1 -1
- package/dist/esm/contexts/{index.d.ts → root.d.ts} +0 -5
- package/dist/esm/contexts/{index.js → root.js} +1 -6
- package/dist/esm/contexts/root.js.map +1 -0
- package/dist/esm/contexts/selection.js +2 -2
- package/dist/esm/contexts/selection.js.map +1 -1
- package/dist/esm/helpers/getClassNames.d.ts +3 -0
- package/dist/esm/helpers/getDefaultClassNames.d.ts +5 -1
- package/dist/esm/helpers/getDefaultClassNames.js +14 -2
- package/dist/esm/helpers/getDefaultClassNames.js.map +1 -1
- package/dist/esm/helpers/getFromToDate.d.ts +1 -1
- package/dist/esm/helpers/getFromToDate.js +3 -2
- package/dist/esm/helpers/getFromToDate.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +3 -0
- package/dist/esm/helpers/index.js.map +1 -0
- package/dist/esm/index.d.ts +5 -1
- package/dist/esm/index.js +5 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/labels/index.d.ts +1 -0
- package/dist/esm/labels/index.js +1 -0
- package/dist/esm/labels/index.js.map +1 -1
- package/dist/esm/labels/labelCaption.d.ts +8 -0
- package/dist/esm/labels/labelCaption.js +10 -0
- package/dist/esm/labels/labelCaption.js.map +1 -0
- package/dist/esm/labels/labelDay.d.ts +5 -1
- package/dist/esm/labels/labelDay.js +6 -3
- package/dist/esm/labels/labelDay.js.map +1 -1
- package/dist/esm/types-deprecated.d.ts +1 -1
- package/dist/esm/types-deprecated.js +1 -1
- package/dist/esm/types-deprecated.js.map +1 -1
- package/dist/esm/types.d.ts +24 -12
- package/examples/AccessibleDatePicker.tsx +33 -0
- package/examples/ContainerAttributes.tsx +0 -5
- package/examples/{CustomDayContent.test.tsx → CustomDayDate.test.tsx} +2 -2
- package/examples/CustomDayDate.tsx +16 -0
- package/examples/Dropdown.tsx +1 -1
- package/examples/DropdownMultipleMonths.tsx +1 -1
- package/examples/Fixedweeks.tsx +1 -8
- package/examples/FocusRecursive.test.tsx +2 -0
- package/examples/Footer.tsx +21 -0
- package/examples/HideNavigation.tsx +1 -1
- package/examples/OutsideDays.tsx +1 -1
- package/examples/RangeShiftKey.tsx +3 -3
- package/examples/TailwindCSS.tsx +30 -0
- package/examples/__snapshots__/Range.test.tsx.snap +504 -152
- package/examples/__snapshots__/StylingCssModules.test.tsx.snap +252 -76
- package/examples/index.ts +4 -1
- package/package.json +1 -1
- package/src/DayPicker.tsx +2 -5
- package/src/UI.ts +46 -26
- package/src/components/Calendar.tsx +1 -1
- package/src/components/Chevron.tsx +9 -3
- package/src/components/Day.tsx +33 -9
- package/src/components/DayDate.tsx +29 -0
- package/src/components/DayWrapper.tsx +20 -5
- package/src/components/MonthCaption.tsx +6 -11
- package/src/components/MonthsDropdown.tsx +2 -1
- package/src/components/WeekNumber.tsx +9 -4
- package/src/components/YearsDropdown.tsx +2 -1
- package/src/components/custom-components.ts +5 -4
- package/src/contexts/{index.tsx → root.tsx} +0 -6
- package/src/contexts/selection.tsx +2 -2
- package/src/helpers/getDefaultClassNames.test.ts +3 -0
- package/src/helpers/getDefaultClassNames.ts +22 -2
- package/src/helpers/getFromToDate.test.ts +30 -31
- package/src/helpers/getFromToDate.ts +4 -4
- package/src/helpers/index.ts +2 -0
- package/src/index.ts +5 -1
- package/src/labels/index.ts +1 -0
- package/src/labels/labelCaption.ts +14 -0
- package/src/labels/labelDay.test.ts +2 -4
- package/src/labels/labelDay.ts +6 -2
- package/src/style.css +129 -151
- package/src/style.css.d.ts +3 -0
- package/src/style.module.css +129 -151
- package/src/style.module.css.d.ts +3 -0
- package/src/types-deprecated.ts +1 -1
- package/src/types.ts +30 -11
- package/website/docs/advanced-guides/custom-components.mdx +9 -9
- package/website/docs/using-daypicker/accessibility.mdx +51 -2
- package/website/docs/using-daypicker/anatomy.mdx +40 -3
- package/website/docs/using-daypicker/customization.mdx +58 -33
- package/website/docs/using-daypicker/navigation.mdx +18 -2
- package/website/docs/using-daypicker/selection-modes.mdx +22 -4
- package/website/docs/using-daypicker/styling.mdx +118 -62
- package/dist/cjs/contexts/index.js.map +0 -1
- package/dist/esm/contexts/index.js.map +0 -1
- package/examples/CustomDay.tsx +0 -16
package/dist/cjs/DayPicker.d.ts
CHANGED
|
@@ -2,10 +2,7 @@ import React from "react";
|
|
|
2
2
|
import type { DayPickerProps, Mode } from "./types";
|
|
3
3
|
/**
|
|
4
4
|
* DayPicker is a React component to create date pickers, calendars, and date
|
|
5
|
-
* inputs for web applications.
|
|
6
|
-
* with a custom one.
|
|
7
|
-
*
|
|
8
|
-
* Use the `components` prop to swap this component with a custom one.
|
|
5
|
+
* inputs for web applications.
|
|
9
6
|
*
|
|
10
7
|
* @group Components
|
|
11
8
|
* @see http://daypicker.dev
|
package/dist/cjs/DayPicker.js
CHANGED
|
@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.DayPicker = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const Calendar_1 = require("./components/Calendar");
|
|
9
|
-
const
|
|
9
|
+
const root_1 = require("./contexts/root");
|
|
10
10
|
/**
|
|
11
11
|
* DayPicker is a React component to create date pickers, calendars, and date
|
|
12
|
-
* inputs for web applications.
|
|
13
|
-
* with a custom one.
|
|
14
|
-
*
|
|
15
|
-
* Use the `components` prop to swap this component with a custom one.
|
|
12
|
+
* inputs for web applications.
|
|
16
13
|
*
|
|
17
14
|
* @group Components
|
|
18
15
|
* @see http://daypicker.dev
|
|
19
16
|
*/
|
|
20
17
|
function DayPicker(props) {
|
|
21
|
-
return (react_1.default.createElement(
|
|
18
|
+
return (react_1.default.createElement(root_1.ContextProviders, { ...props },
|
|
22
19
|
react_1.default.createElement(Calendar_1.Calendar, null)));
|
|
23
20
|
}
|
|
24
21
|
exports.DayPicker = DayPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,0CAAmD;AAGnD;;;;;;GAMG;AACH,SAAgB,SAAS,CACvB,KAAwB;IAExB,OAAO,CACL,8BAAC,uBAAgB,OAAK,KAAK;QACzB,8BAAC,mBAAQ,OAAG,CACK,CACpB,CAAC;AACJ,CAAC;AARD,8BAQC"}
|
package/dist/cjs/UI.d.ts
CHANGED
|
@@ -1,57 +1,60 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* The UI elements composing DayPicker.
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* The UI elements composing DayPicker.
|
|
8
|
-
*
|
|
9
|
-
* These elements are mapped to the components directory.
|
|
2
|
+
* The UI elements composing DayPicker. These elements are mapped to
|
|
3
|
+
* {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
|
|
4
|
+
* DayPicker.
|
|
10
5
|
*/
|
|
11
6
|
export declare enum UI {
|
|
12
7
|
/** The previous button in the navigation. */
|
|
13
8
|
ButtonPrevious = "button_previous",
|
|
14
9
|
/** The next button the navigation */
|
|
15
10
|
ButtonNext = "button_next",
|
|
16
|
-
/**
|
|
11
|
+
/**
|
|
12
|
+
* The calendar element: the root component displaying the months and the
|
|
13
|
+
* navigation bar. Extended by {@link CalendarFlag}.
|
|
14
|
+
*/
|
|
17
15
|
Calendar = "calendar",
|
|
18
16
|
/** The Chevron SVG element used by navigation buttons and dropdowns. */
|
|
19
17
|
Chevron = "chevron",
|
|
20
|
-
/** The
|
|
18
|
+
/** The grid cell with the day's date. Extended by {@link DayModifier}. */
|
|
21
19
|
Day = "day",
|
|
22
|
-
/** The
|
|
20
|
+
/** The element containing the formatted day's date, inside the grid cell. */
|
|
21
|
+
DayDate = "day_date",
|
|
22
|
+
/** The caption label of the month (when not showing the dropdown navigation). */
|
|
23
23
|
CaptionLabel = "caption_label",
|
|
24
|
-
/** The container of the dropdown navigation
|
|
24
|
+
/** The container of the dropdown navigation (when enabled). */
|
|
25
25
|
DropdownNav = "dropdown_nav",
|
|
26
|
-
/** The dropdown
|
|
26
|
+
/** The dropdown element to select for years and months. */
|
|
27
27
|
Dropdown = "dropdown",
|
|
28
|
-
/** The
|
|
28
|
+
/** The container element of the dropdown. */
|
|
29
29
|
DropdownRoot = "dropdown_root",
|
|
30
|
-
/** The root element of the
|
|
30
|
+
/** The root element of the footer. */
|
|
31
31
|
Footer = "footer",
|
|
32
32
|
/** The month grid. */
|
|
33
33
|
Month = "month",
|
|
34
|
-
/**
|
|
34
|
+
/** Contains the dropdown navigation or the caption label. */
|
|
35
35
|
MonthCaption = "month_caption",
|
|
36
|
-
/** The dropdown
|
|
36
|
+
/** The dropdown with the months. */
|
|
37
37
|
MonthsDropdown = "months_dropdown",
|
|
38
|
-
/** Wrapper of the
|
|
38
|
+
/** Wrapper of the {@link} grid. */
|
|
39
39
|
MonthWrapper = "month_wrapper",
|
|
40
|
-
/**
|
|
40
|
+
/** The container of the displayed months. */
|
|
41
41
|
Months = "months",
|
|
42
|
-
/** The navigation
|
|
42
|
+
/** The navigation bar with the previous and next buttons */
|
|
43
43
|
Nav = "nav",
|
|
44
|
-
/** The row
|
|
44
|
+
/** The row containing the week. */
|
|
45
45
|
Week = "week",
|
|
46
|
-
/** The group of weeks in a month. */
|
|
46
|
+
/** The group of row weeks in a month. */
|
|
47
47
|
Weeks = "weeks",
|
|
48
|
-
/** The column
|
|
48
|
+
/** The column header with the weekday. */
|
|
49
49
|
Weekday = "weekday",
|
|
50
|
-
/** The row grouping the weekdays. */
|
|
50
|
+
/** The row grouping the weekdays in the column headers. */
|
|
51
51
|
Weekdays = "weekdays",
|
|
52
|
-
/**
|
|
52
|
+
/**
|
|
53
|
+
* The row header containing the week number. Extended by
|
|
54
|
+
* {@link WeekNumberFlag}.
|
|
55
|
+
*/
|
|
53
56
|
WeekNumber = "week_number",
|
|
54
|
-
/** The dropdown
|
|
57
|
+
/** The dropdown with the years. */
|
|
55
58
|
YearsDropdown = "years_dropdown"
|
|
56
59
|
}
|
|
57
60
|
/** The modifiers for the {@link UI.Day}. */
|
|
@@ -86,3 +89,16 @@ export declare enum CalendarFlag {
|
|
|
86
89
|
/** Assigned when the calendar has multiple months. */
|
|
87
90
|
hasMultipleMonths = "has_multiple_months"
|
|
88
91
|
}
|
|
92
|
+
/** Flags that can be applied to the {@link UI.Chevron} element. */
|
|
93
|
+
export declare enum ChevronFlag {
|
|
94
|
+
/** Assigned when the week numbers are show. */
|
|
95
|
+
disabled = "chevron_disabled"
|
|
96
|
+
}
|
|
97
|
+
/** Flags that can be applied to the {@link UI.WeekNumber} element. */
|
|
98
|
+
export declare enum WeekNumberFlag {
|
|
99
|
+
/**
|
|
100
|
+
* Assigned when the week number is interactive, i.e. has an
|
|
101
|
+
* `onWeekNumberClick` event attached to it.
|
|
102
|
+
*/
|
|
103
|
+
isInteractive = "week_number_interactive"
|
|
104
|
+
}
|
package/dist/cjs/UI.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CalendarFlag = exports.DayModifier = exports.UI = void 0;
|
|
3
|
+
exports.WeekNumberFlag = exports.ChevronFlag = exports.CalendarFlag = exports.DayModifier = exports.UI = void 0;
|
|
4
4
|
/**
|
|
5
|
-
* The UI elements composing DayPicker.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* The UI elements composing DayPicker.
|
|
11
|
-
*
|
|
12
|
-
* These elements are mapped to the components directory.
|
|
5
|
+
* The UI elements composing DayPicker. These elements are mapped to
|
|
6
|
+
* {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
|
|
7
|
+
* DayPicker.
|
|
13
8
|
*/
|
|
14
9
|
var UI;
|
|
15
10
|
(function (UI) {
|
|
@@ -17,45 +12,53 @@ var UI;
|
|
|
17
12
|
UI["ButtonPrevious"] = "button_previous";
|
|
18
13
|
/** The next button the navigation */
|
|
19
14
|
UI["ButtonNext"] = "button_next";
|
|
20
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* The calendar element: the root component displaying the months and the
|
|
17
|
+
* navigation bar. Extended by {@link CalendarFlag}.
|
|
18
|
+
*/
|
|
21
19
|
UI["Calendar"] = "calendar";
|
|
22
20
|
/** The Chevron SVG element used by navigation buttons and dropdowns. */
|
|
23
21
|
UI["Chevron"] = "chevron";
|
|
24
|
-
/** The
|
|
22
|
+
/** The grid cell with the day's date. Extended by {@link DayModifier}. */
|
|
25
23
|
UI["Day"] = "day";
|
|
26
|
-
/** The
|
|
24
|
+
/** The element containing the formatted day's date, inside the grid cell. */
|
|
25
|
+
UI["DayDate"] = "day_date";
|
|
26
|
+
/** The caption label of the month (when not showing the dropdown navigation). */
|
|
27
27
|
UI["CaptionLabel"] = "caption_label";
|
|
28
|
-
/** The container of the dropdown navigation
|
|
28
|
+
/** The container of the dropdown navigation (when enabled). */
|
|
29
29
|
UI["DropdownNav"] = "dropdown_nav";
|
|
30
|
-
/** The dropdown
|
|
30
|
+
/** The dropdown element to select for years and months. */
|
|
31
31
|
UI["Dropdown"] = "dropdown";
|
|
32
|
-
/** The
|
|
32
|
+
/** The container element of the dropdown. */
|
|
33
33
|
UI["DropdownRoot"] = "dropdown_root";
|
|
34
|
-
/** The root element of the
|
|
34
|
+
/** The root element of the footer. */
|
|
35
35
|
UI["Footer"] = "footer";
|
|
36
36
|
/** The month grid. */
|
|
37
37
|
UI["Month"] = "month";
|
|
38
|
-
/**
|
|
38
|
+
/** Contains the dropdown navigation or the caption label. */
|
|
39
39
|
UI["MonthCaption"] = "month_caption";
|
|
40
|
-
/** The dropdown
|
|
40
|
+
/** The dropdown with the months. */
|
|
41
41
|
UI["MonthsDropdown"] = "months_dropdown";
|
|
42
|
-
/** Wrapper of the
|
|
42
|
+
/** Wrapper of the {@link} grid. */
|
|
43
43
|
UI["MonthWrapper"] = "month_wrapper";
|
|
44
|
-
/**
|
|
44
|
+
/** The container of the displayed months. */
|
|
45
45
|
UI["Months"] = "months";
|
|
46
|
-
/** The navigation
|
|
46
|
+
/** The navigation bar with the previous and next buttons */
|
|
47
47
|
UI["Nav"] = "nav";
|
|
48
|
-
/** The row
|
|
48
|
+
/** The row containing the week. */
|
|
49
49
|
UI["Week"] = "week";
|
|
50
|
-
/** The group of weeks in a month. */
|
|
50
|
+
/** The group of row weeks in a month. */
|
|
51
51
|
UI["Weeks"] = "weeks";
|
|
52
|
-
/** The column
|
|
52
|
+
/** The column header with the weekday. */
|
|
53
53
|
UI["Weekday"] = "weekday";
|
|
54
|
-
/** The row grouping the weekdays. */
|
|
54
|
+
/** The row grouping the weekdays in the column headers. */
|
|
55
55
|
UI["Weekdays"] = "weekdays";
|
|
56
|
-
/**
|
|
56
|
+
/**
|
|
57
|
+
* The row header containing the week number. Extended by
|
|
58
|
+
* {@link WeekNumberFlag}.
|
|
59
|
+
*/
|
|
57
60
|
UI["WeekNumber"] = "week_number";
|
|
58
|
-
/** The dropdown
|
|
61
|
+
/** The dropdown with the years. */
|
|
59
62
|
UI["YearsDropdown"] = "years_dropdown";
|
|
60
63
|
})(UI || (exports.UI = UI = {}));
|
|
61
64
|
/** The modifiers for the {@link UI.Day}. */
|
|
@@ -92,4 +95,19 @@ var CalendarFlag;
|
|
|
92
95
|
/** Assigned when the calendar has multiple months. */
|
|
93
96
|
CalendarFlag["hasMultipleMonths"] = "has_multiple_months";
|
|
94
97
|
})(CalendarFlag || (exports.CalendarFlag = CalendarFlag = {}));
|
|
98
|
+
/** Flags that can be applied to the {@link UI.Chevron} element. */
|
|
99
|
+
var ChevronFlag;
|
|
100
|
+
(function (ChevronFlag) {
|
|
101
|
+
/** Assigned when the week numbers are show. */
|
|
102
|
+
ChevronFlag["disabled"] = "chevron_disabled";
|
|
103
|
+
})(ChevronFlag || (exports.ChevronFlag = ChevronFlag = {}));
|
|
104
|
+
/** Flags that can be applied to the {@link UI.WeekNumber} element. */
|
|
105
|
+
var WeekNumberFlag;
|
|
106
|
+
(function (WeekNumberFlag) {
|
|
107
|
+
/**
|
|
108
|
+
* Assigned when the week number is interactive, i.e. has an
|
|
109
|
+
* `onWeekNumberClick` event attached to it.
|
|
110
|
+
*/
|
|
111
|
+
WeekNumberFlag["isInteractive"] = "week_number_interactive";
|
|
112
|
+
})(WeekNumberFlag || (exports.WeekNumberFlag = WeekNumberFlag = {}));
|
|
95
113
|
//# sourceMappingURL=UI.js.map
|
package/dist/cjs/UI.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACH,IAAY,EAqDX;AArDD,WAAY,EAAE;IACZ,6CAA6C;IAC7C,wCAAkC,CAAA;IAClC,qCAAqC;IACrC,gCAA0B,CAAA;IAC1B;;;OAGG;IACH,2BAAqB,CAAA;IACrB,wEAAwE;IACxE,yBAAmB,CAAA;IACnB,0EAA0E;IAC1E,iBAAW,CAAA;IACX,6EAA6E;IAC7E,0BAAoB,CAAA;IACpB,iFAAiF;IACjF,oCAA8B,CAAA;IAC9B,+DAA+D;IAC/D,kCAA4B,CAAA;IAC5B,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB,6CAA6C;IAC7C,oCAA8B,CAAA;IAC9B,sCAAsC;IACtC,uBAAiB,CAAA;IACjB,sBAAsB;IACtB,qBAAe,CAAA;IACf,6DAA6D;IAC7D,oCAA8B,CAAA;IAC9B,oCAAoC;IACpC,wCAAkC,CAAA;IAClC,mCAAmC;IACnC,oCAA8B,CAAA;IAC9B,6CAA6C;IAC7C,uBAAiB,CAAA;IACjB,4DAA4D;IAC5D,iBAAW,CAAA;IACX,mCAAmC;IACnC,mBAAa,CAAA;IACb,yCAAyC;IACzC,qBAAe,CAAA;IACf,0CAA0C;IAC1C,yBAAmB,CAAA;IACnB,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB;;;OAGG;IACH,gCAA0B,CAAA;IAC1B,mCAAmC;IACnC,sCAAgC,CAAA;AAClC,CAAC,EArDW,EAAE,kBAAF,EAAE,QAqDb;AAED,4CAA4C;AAC5C,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,0BAA0B;IAC1B,oCAAqB,CAAA;IACrB,wBAAwB;IACxB,gCAAiB,CAAA;IACjB,2CAA2C;IAC3C,kCAAmB,CAAA;IACnB,iDAAiD;IACjD,sCAAuB,CAAA;IACvB,oDAAoD;IACpD,4CAA6B,CAAA;IAC7B,mDAAmD;IACnD,0CAA2B,CAAA;IAC3B,2BAA2B;IAC3B,oCAAqB,CAAA;IACrB,4BAA4B;IAC5B,sCAAuB,CAAA;IACvB,0BAA0B;IAC1B,kCAAmB,CAAA;IACnB,wBAAwB;IACxB,8BAAe,CAAA;AACjB,CAAC,EArBW,WAAW,2BAAX,WAAW,QAqBtB;AAED,oEAAoE;AACpE,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,+CAA+C;IAC/C,mDAAmC,CAAA;IACnC,6CAA6C;IAC7C,0CAA0B,CAAA;IAC1B,sDAAsD;IACtD,yDAAyC,CAAA;AAC3C,CAAC,EAPW,YAAY,4BAAZ,YAAY,QAOvB;AAED,mEAAmE;AACnE,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,+CAA+C;IAC/C,4CAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;AAED,sEAAsE;AACtE,IAAY,cAMX;AAND,WAAY,cAAc;IACxB;;;OAGG;IACH,2DAAyC,CAAA;AAC3C,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB"}
|
|
@@ -42,8 +42,9 @@ function Calendar() {
|
|
|
42
42
|
const Month = components?.Month ?? Month_1.Month;
|
|
43
43
|
const Footer = components?.Footer ?? Footer_1.Footer;
|
|
44
44
|
return (react_1.default.createElement("div", { className: cssClassNames.join(" "), style: { ...styles?.[UI_1.UI.Calendar], ...style }, dir: dir, id: id, lang: lang, nonce: nonce, title: title, ...dataAttributes },
|
|
45
|
-
react_1.default.createElement(Months, { className: classNames[UI_1.UI.Months], style: styles?.[UI_1.UI.Months] },
|
|
46
|
-
|
|
45
|
+
react_1.default.createElement(Months, { className: classNames[UI_1.UI.Months], style: styles?.[UI_1.UI.Months] },
|
|
46
|
+
!hideNavigation && react_1.default.createElement(Nav, null),
|
|
47
|
+
calendar.months.map((month, i) => (react_1.default.createElement(Month, { "aria-labelledby": id, key: i, index: i, month: month })))),
|
|
47
48
|
footer && (react_1.default.createElement(Footer, { className: classNames[UI_1.UI.Footer], style: styles?.[UI_1.UI.Footer] }, footer))));
|
|
48
49
|
}
|
|
49
50
|
exports.Calendar = Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAyC;AACzC,mDAAmD;AACnD,6CAA6C;AAE7C,qCAAmD;AACnD,mCAAgD;AAChD,qCAAmD;AACnD,+BAA0C;AAE1C;;;;;;;GAOG;AACH,SAAgB,QAAQ;IACtB,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,GAAG,EACH,MAAM,EACN,cAAc,EACd,cAAc,EACd,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,KAAK,EACN,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,sCAAsC;IACtC,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,IAAI,SAAS,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,GAAG,GAAG,UAAU,EAAE,GAAG,IAAI,SAAU,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,aAAY,CAAC;IAChD,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,OAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc;QAElB,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAyC;AACzC,mDAAmD;AACnD,6CAA6C;AAE7C,qCAAmD;AACnD,mCAAgD;AAChD,qCAAmD;AACnD,+BAA0C;AAE1C;;;;;;;GAOG;AACH,SAAgB,QAAQ;IACtB,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,GAAG,EACH,MAAM,EACN,cAAc,EACd,cAAc,EACd,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,KAAK,EACN,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,sCAAsC;IACtC,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,IAAI,SAAS,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,GAAG,GAAG,UAAU,EAAE,GAAG,IAAI,SAAU,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,aAAY,CAAC;IAChD,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,OAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc;QAElB,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC;YACjE,CAAC,cAAc,IAAI,8BAAC,GAAG,OAAG;YAC1B,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,KAAK,uBAAkB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/D,CAAC,CACK;QACR,MAAM,IAAI,CACT,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC,IACjE,MAAM,CACA,CACV,CACG,CACP,CAAC;AACJ,CAAC;AAlED,4BAkEC"}
|
|
@@ -17,8 +17,14 @@ const props_1 = require("../contexts/props");
|
|
|
17
17
|
*/
|
|
18
18
|
function Chevron(props) {
|
|
19
19
|
const { size = 24, orientation = "left" } = props;
|
|
20
|
-
const { classNames } = (0, props_1.useProps)();
|
|
21
|
-
|
|
20
|
+
const { classNames, disableNavigation } = (0, props_1.useProps)();
|
|
21
|
+
const svgClassName = [
|
|
22
|
+
classNames[UI_1.UI.Chevron],
|
|
23
|
+
disableNavigation ? classNames[UI_1.ChevronFlag.disabled] : ""
|
|
24
|
+
]
|
|
25
|
+
.join(" ")
|
|
26
|
+
.trim();
|
|
27
|
+
return (react_1.default.createElement("svg", { className: svgClassName, width: size, height: size, viewBox: "0 0 24 24" },
|
|
22
28
|
orientation === "up" && (react_1.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
|
|
23
29
|
orientation === "down" && (react_1.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
|
|
24
30
|
orientation === "left" && (react_1.default.createElement("polygon", { points: "15 17.23 9.43 11.5 15 5.76 13.28 4 6 11.5 13.28 19" })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAwC;AACxC,6CAA6C;AAE7C;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAGvB;IACC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAErD,MAAM,YAAY,GAAG;QACnB,UAAU,CAAC,OAAE,CAAC,OAAO,CAAC;QACtB,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;KAC1D;SACE,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IACV,OAAO,CACL,uCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW;QAElB,WAAW,KAAK,IAAI,IAAI,CACvB,2CAAS,MAAM,EAAC,qDAAqD,GAAG,CACzE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,oDAAoD,GAAG,CACxE;QACA,WAAW,KAAK,OAAO,IAAI,CAC1B,2CAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE,CACG,CACP,CAAC;AACJ,CAAC;AAlCD,0BAkCC"}
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
3
|
import type { CalendarDay } from "../classes";
|
|
4
4
|
import type { DayModifiers } from "../types";
|
|
5
5
|
/**
|
|
6
|
-
* Render the gridcell of a day in the calendar
|
|
6
|
+
* Render the gridcell of a day in the calendar and handle the interaction and
|
|
7
|
+
* the focus with they day.
|
|
7
8
|
*
|
|
8
|
-
* Use the `components` prop to swap this component with a custom one.
|
|
9
|
+
* Use the `components` prop to swap this component with a custom one. If you
|
|
10
|
+
* need to just change the content of the day cell, consider swapping the
|
|
11
|
+
* `DayDate` component instead.
|
|
9
12
|
*
|
|
10
13
|
* @group Components
|
|
11
14
|
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
12
15
|
*/
|
|
13
16
|
export declare function Day(props: {
|
|
14
|
-
/** The day to be rendered in the gridcell. */
|
|
15
17
|
day: CalendarDay;
|
|
16
|
-
/** Modifiers for the day. */
|
|
17
18
|
modifiers: DayModifiers;
|
|
18
|
-
/** HTML attributes for the gridcell. */
|
|
19
|
-
htmlAttributes: HTMLAttributes<HTMLElement>;
|
|
20
|
-
/** Children of the gridcell. */
|
|
21
19
|
children?: ReactNode;
|
|
20
|
+
rootProps: Pick<JSX.IntrinsicElements["div"], "className" | "style" | "tabIndex" | "aria-colindex" | "aria-disabled" | "aria-hidden" | "aria-label" | "aria-selected" | "onClick" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "ref" | "role">;
|
|
22
21
|
}): React.JSX.Element;
|
|
23
22
|
export type DayProps = Parameters<typeof Day>[0];
|
|
@@ -6,16 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Day = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
/**
|
|
9
|
-
* Render the gridcell of a day in the calendar
|
|
9
|
+
* Render the gridcell of a day in the calendar and handle the interaction and
|
|
10
|
+
* the focus with they day.
|
|
10
11
|
*
|
|
11
|
-
* Use the `components` prop to swap this component with a custom one.
|
|
12
|
+
* Use the `components` prop to swap this component with a custom one. If you
|
|
13
|
+
* need to just change the content of the day cell, consider swapping the
|
|
14
|
+
* `DayDate` component instead.
|
|
12
15
|
*
|
|
13
16
|
* @group Components
|
|
14
17
|
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
15
18
|
*/
|
|
16
19
|
function Day(props) {
|
|
17
|
-
|
|
18
|
-
return react_1.default.createElement("div", { ...htmlAttributes }, children);
|
|
20
|
+
return react_1.default.createElement("div", { ...props.rootProps }, props.children);
|
|
19
21
|
}
|
|
20
22
|
exports.Day = Day;
|
|
21
23
|
//# sourceMappingURL=Day.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/components/Day.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B
|
|
1
|
+
{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/components/Day.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B;;;;;;;;;;GAUG;AACH,SAAgB,GAAG,CAAC,KA+BnB;IACC,OAAO,0CAAS,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AAC1D,CAAC;AAjCD,kBAiCC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CalendarDay } from "../classes";
|
|
3
|
+
import type { DayModifiers } from "../types";
|
|
4
|
+
/**
|
|
5
|
+
* Render the date as string inside the day grid cell.
|
|
6
|
+
*
|
|
7
|
+
* Use the `components` prop to swap this component with a custom one.
|
|
8
|
+
*
|
|
9
|
+
* @group Components
|
|
10
|
+
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
11
|
+
*/
|
|
12
|
+
export declare function DayDate(props: {
|
|
13
|
+
day: CalendarDay;
|
|
14
|
+
/** The date to display. */
|
|
15
|
+
formattedDate: string;
|
|
16
|
+
/** The modifiers for the day. */
|
|
17
|
+
modifiers: DayModifiers;
|
|
18
|
+
/** The HTML attributes for the root element. */
|
|
19
|
+
rootProps: {
|
|
20
|
+
className: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
};
|
|
23
|
+
}): React.JSX.Element;
|
|
24
|
+
export type DayDateProps = Parameters<typeof DayDate>[0];
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.DayDate = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
/**
|
|
9
|
+
* Render the date as string inside the day grid cell.
|
|
10
|
+
*
|
|
11
|
+
* Use the `components` prop to swap this component with a custom one.
|
|
12
|
+
*
|
|
13
|
+
* @group Components
|
|
14
|
+
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
15
|
+
*/
|
|
16
|
+
function DayDate(props) {
|
|
17
|
+
return react_1.default.createElement("span", { ...props.rootProps }, props.formattedDate);
|
|
18
|
+
}
|
|
19
|
+
exports.DayDate = DayDate;
|
|
20
|
+
//# sourceMappingURL=DayDate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DayDate.js","sourceRoot":"","sources":["../../../src/components/DayDate.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAWvB;IACC,OAAO,2CAAU,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,aAAa,CAAQ,CAAC;AACjE,CAAC;AAbD,0BAaC"}
|
|
@@ -16,6 +16,7 @@ const debounce_1 = require("../helpers/debounce");
|
|
|
16
16
|
const getClassNamesForModifiers_1 = require("../helpers/getClassNamesForModifiers");
|
|
17
17
|
const getStyleForModifiers_1 = require("../helpers/getStyleForModifiers");
|
|
18
18
|
const Day_1 = require("./Day");
|
|
19
|
+
const DayDate_1 = require("./DayDate");
|
|
19
20
|
/**
|
|
20
21
|
* Provides a `Day` the day state and the html attributes. Developers may use a
|
|
21
22
|
* `Day` component without the need to use hooks.
|
|
@@ -24,7 +25,7 @@ const Day_1 = require("./Day");
|
|
|
24
25
|
*/
|
|
25
26
|
function DayWrapper(props) {
|
|
26
27
|
const cellRef = (0, react_2.useRef)(null);
|
|
27
|
-
const { classNames, components, dir, formatters: { formatDay },
|
|
28
|
+
const { classNames, components, dir, formatters: { formatDay }, labels: { labelDay }, locale, modifiersClassNames = {}, modifiersStyles = {}, onDayFocus, onDayBlur, onDayClick, onDayKeyDown, onDayKeyPress, onDayKeyUp, onDayMouseEnter, onDayMouseLeave, onDayPointerEnter, onDayPointerLeave, onDayTouchCancel, onDayTouchEnd, onDayTouchMove, onDayTouchStart, styles = {} } = (0, props_1.useProps)();
|
|
28
29
|
const { isInteractive } = (0, calendar_1.useCalendar)();
|
|
29
30
|
const { setSelected } = (0, selection_1.useSelection)();
|
|
30
31
|
const { getModifiers } = (0, modifiers_1.useModifiers)();
|
|
@@ -144,12 +145,13 @@ function DayWrapper(props) {
|
|
|
144
145
|
if (isFocused) {
|
|
145
146
|
className.push(classNames[UI_1.DayModifier.focused]);
|
|
146
147
|
}
|
|
147
|
-
const
|
|
148
|
+
const dayRootProps = {
|
|
148
149
|
role: "gridcell",
|
|
149
150
|
className: className.join(" "),
|
|
150
151
|
style,
|
|
151
152
|
tabIndex: isFocused || isAutoFocusTarget ? 0 : -1,
|
|
152
153
|
["aria-colindex"]: props["aria-colindex"],
|
|
154
|
+
["aria-label"]: labelDay(props.day.date, modifiers, { locale }) ?? undefined,
|
|
153
155
|
["aria-disabled"]: modifiers.disabled || undefined,
|
|
154
156
|
["aria-hidden"]: modifiers.hidden || undefined,
|
|
155
157
|
["aria-selected"]: modifiers.selected || undefined,
|
|
@@ -181,7 +183,13 @@ function DayWrapper(props) {
|
|
|
181
183
|
cellRef.current.focus();
|
|
182
184
|
}, [focusedDay, modifiers.disabled, modifiers.hidden, props.day]);
|
|
183
185
|
const Day = components?.Day ?? Day_1.Day;
|
|
184
|
-
|
|
186
|
+
const dayDateRootProps = {
|
|
187
|
+
className: classNames[UI_1.UI.DayDate],
|
|
188
|
+
style: styles[UI_1.UI.DayDate]
|
|
189
|
+
};
|
|
190
|
+
const DayDate = components?.DayDate ?? DayDate_1.DayDate;
|
|
191
|
+
return (react_1.default.createElement(Day, { day: props.day, modifiers: modifiers, rootProps: dayRootProps },
|
|
192
|
+
react_1.default.createElement(DayDate, { day: props.day, modifiers: modifiers, formattedDate: formatDay(props.day.date, { locale }), rootProps: dayDateRootProps })));
|
|
185
193
|
}
|
|
186
194
|
exports.DayWrapper = DayWrapper;
|
|
187
195
|
//# sourceMappingURL=DayWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayWrapper.js","sourceRoot":"","sources":["../../../src/components/DayWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iCAQe;AAEf,8BAAwC;AAExC,mDAAmD;AACnD,6CAA6C;AAC7C,qDAAqD;AACrD,6CAA6C;AAC7C,qDAAqD;AACrD,kDAA+C;AAC/C,oFAAiF;AACjF,0EAAuE;AAEvE,+
|
|
1
|
+
{"version":3,"file":"DayWrapper.js","sourceRoot":"","sources":["../../../src/components/DayWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,8 +17,8 @@ const DropdownNav_1 = require("./DropdownNav");
|
|
|
17
17
|
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
18
18
|
*/
|
|
19
19
|
function MonthCaption(props) {
|
|
20
|
-
const { classNames,
|
|
21
|
-
return (react_1.default.createElement("div", { id: props.id, className: classNames[UI_1.UI.MonthCaption], style: styles?.[UI_1.UI.MonthCaption] },
|
|
20
|
+
const { classNames, captionLayout, formatters: { formatCaption }, labels: { labelCaption }, locale, styles } = (0, props_1.useProps)();
|
|
21
|
+
return (react_1.default.createElement("div", { id: props.id, className: classNames[UI_1.UI.MonthCaption], style: styles?.[UI_1.UI.MonthCaption] }, captionLayout?.startsWith("dropdown") ? (react_1.default.createElement(DropdownNav_1.DropdownNav, { month: props.month, index: props.index, showMonths: captionLayout === "dropdown" || captionLayout === "dropdown-months", showYears: captionLayout === "dropdown" || captionLayout === "dropdown-years" })) : (react_1.default.createElement("span", { className: classNames[UI_1.UI.CaptionLabel], role: "status", "aria-live": "polite", "aria-label": labelCaption(props.month.date, { locale }) ?? undefined }, formatCaption(props.month.date, { locale })))));
|
|
22
22
|
}
|
|
23
23
|
exports.MonthCaption = MonthCaption;
|
|
24
24
|
//# sourceMappingURL=MonthCaption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/components/MonthCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,6CAA6C;AAE7C,+CAA4C;AAE5C;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,KAO5B;IACC,MAAM,EACJ,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/components/MonthCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2B;AAE3B,6CAA6C;AAE7C,+CAA4C;AAE5C;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,KAO5B;IACC,MAAM,EACJ,UAAU,EACV,aAAa,EACb,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,EAAE,EAAE,YAAY,EAAE,EACxB,MAAM,EACN,MAAM,EACP,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,OAAO,CACL,uCACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EACtC,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,YAAY,CAAC,IAE/B,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACvC,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EACR,aAAa,KAAK,UAAU,IAAI,aAAa,KAAK,iBAAiB,EAErE,SAAS,EACP,aAAa,KAAK,UAAU,IAAI,aAAa,KAAK,gBAAgB,GAEpE,CACH,CAAC,CAAC,CAAC,CACF,wCACE,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,YAAY,CAAC,EACtC,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,SAAS,IAElE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CACvC,CACR,CACG,CACP,CAAC;AACJ,CAAC;AA9CD,oCA8CC"}
|
|
@@ -20,7 +20,7 @@ const Dropdown_1 = require("./Dropdown");
|
|
|
20
20
|
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
21
21
|
*/
|
|
22
22
|
function MonthsDropdown(props) {
|
|
23
|
-
const { classNames, components, labels: { labelMonthDropdown } } = (0, props_1.useProps)();
|
|
23
|
+
const { classNames, components, disableNavigation, labels: { labelMonthDropdown } } = (0, props_1.useProps)();
|
|
24
24
|
const { dropdownOptions: dropdown, goToMonth } = (0, calendar_1.useCalendar)();
|
|
25
25
|
const Dropdown = components?.Dropdown ?? Dropdown_1.Dropdown;
|
|
26
26
|
const handleChange = (e) => {
|
|
@@ -28,7 +28,7 @@ function MonthsDropdown(props) {
|
|
|
28
28
|
const month = (0, setMonth_1.setMonth)((0, startOfMonth_1.startOfMonth)(props.month.date), selectedMonth);
|
|
29
29
|
goToMonth(month);
|
|
30
30
|
};
|
|
31
|
-
return (react_1.default.createElement(Dropdown, {
|
|
31
|
+
return (react_1.default.createElement(Dropdown, { "aria-label": labelMonthDropdown(), disabled: Boolean(disableNavigation), rootClassName: classNames[UI_1.UI.MonthsDropdown], options: dropdown.months, value: props.month.date.getMonth(), onChange: handleChange }));
|
|
32
32
|
}
|
|
33
33
|
exports.MonthsDropdown = MonthsDropdown;
|
|
34
34
|
//# sourceMappingURL=MonthsDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthsDropdown.js","sourceRoot":"","sources":["../../../src/components/MonthsDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,gDAA6C;AAC7C,wDAAqD;AAErD,8BAA2B;AAE3B,mDAAmD;AACnD,6CAA6C;AAE7C,yCAAyD;AAEzD;;;;;;;GAOG;AACH,SAAgB,cAAc,CAAC,KAG9B;IACC,MAAM,EACJ,UAAU,EACV,UAAU,EACV,MAAM,EAAE,EAAE,kBAAkB,EAAE,EAC/B,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/D,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,mBAAe,CAAC;IAEzD,MAAM,YAAY,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,MAAM,aAAa,GAAG,MAAM,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,IAAA,2BAAY,EAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;QACtE,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"MonthsDropdown.js","sourceRoot":"","sources":["../../../src/components/MonthsDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,gDAA6C;AAC7C,wDAAqD;AAErD,8BAA2B;AAE3B,mDAAmD;AACnD,6CAA6C;AAE7C,yCAAyD;AAEzD;;;;;;;GAOG;AACH,SAAgB,cAAc,CAAC,KAG9B;IACC,MAAM,EACJ,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,MAAM,EAAE,EAAE,kBAAkB,EAAE,EAC/B,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/D,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,mBAAe,CAAC;IAEzD,MAAM,YAAY,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,MAAM,aAAa,GAAG,MAAM,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,IAAA,mBAAQ,EAAC,IAAA,2BAAY,EAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC;QACtE,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,QAAQ,kBACK,kBAAkB,EAAE,EAChC,QAAQ,EAAE,OAAO,CAAC,iBAAiB,CAAC,EACpC,aAAa,EAAE,UAAU,CAAC,OAAE,CAAC,cAAc,CAAC,EAC5C,OAAO,EAAE,QAAQ,CAAC,MAAM,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,EAClC,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC;AA/BD,wCA+BC"}
|
|
@@ -17,7 +17,11 @@ const props_1 = require("../contexts/props");
|
|
|
17
17
|
*/
|
|
18
18
|
function WeekNumber(props) {
|
|
19
19
|
const { classNames, formatters: { formatWeekNumber }, labels: { labelWeekNumber }, locale, styles, onWeekNumberClick } = (0, props_1.useProps)();
|
|
20
|
-
|
|
20
|
+
const isInteractive = Boolean(onWeekNumberClick);
|
|
21
|
+
return (react_1.default.createElement("div", { role: "rowheader", "aria-colindex": 1, "aria-label": labelWeekNumber(props.week.weekNumber, { locale }), className: [
|
|
22
|
+
classNames[UI_1.UI.WeekNumber],
|
|
23
|
+
isInteractive ? classNames[UI_1.WeekNumberFlag.isInteractive] : ""
|
|
24
|
+
].join(" "), style: styles?.[UI_1.UI.WeekNumber], tabIndex: isInteractive ? 0 : undefined, onClick: (e) => onWeekNumberClick?.(props.week.weekNumber, props.week.days.map((day) => day.date), e) }, formatWeekNumber(props.week.weekNumber, { locale })));
|
|
21
25
|
}
|
|
22
26
|
exports.WeekNumber = WeekNumber;
|
|
23
27
|
//# sourceMappingURL=WeekNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../src/components/WeekNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../src/components/WeekNumber.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAA2C;AAE3C,6CAA6C;AAE7C;;;;;;;GAOG;AACH,SAAgB,UAAU,CAAC,KAA6B;IACtD,MAAM,EACJ,UAAU,EACV,UAAU,EAAE,EAAE,gBAAgB,EAAE,EAChC,MAAM,EAAE,EAAE,eAAe,EAAE,EAC3B,MAAM,EACN,MAAM,EACN,iBAAiB,EAClB,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAEjD,OAAO,CACL,uCACE,IAAI,EAAC,WAAW,mBACD,CAAC,gBACJ,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAC9D,SAAS,EAAE;YACT,UAAU,CAAC,OAAE,CAAC,UAAU,CAAC;YACzB,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,mBAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;SAC9D,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,UAAU,CAAC,EAC9B,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CACb,iBAAiB,EAAE,CACjB,KAAK,CAAC,IAAI,CAAC,UAAU,EACrB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EACtC,CAAC,CACF,IAGF,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,CAChD,CACP,CAAC;AACJ,CAAC;AAlCD,gCAkCC"}
|
|
@@ -20,14 +20,14 @@ const Dropdown_1 = require("./Dropdown");
|
|
|
20
20
|
* @see https://react-day-picker.js.org/advanced-guides/custom-components
|
|
21
21
|
*/
|
|
22
22
|
function YearsDropdown(props) {
|
|
23
|
-
const { classNames, components, labels: { labelYearDropdown } } = (0, props_1.useProps)();
|
|
23
|
+
const { classNames, components, disableNavigation, labels: { labelYearDropdown } } = (0, props_1.useProps)();
|
|
24
24
|
const { dropdownOptions: dropdown, goToMonth } = (0, calendar_1.useCalendar)();
|
|
25
25
|
const handleChange = (e) => {
|
|
26
26
|
const month = (0, setYear_1.setYear)((0, startOfMonth_1.startOfMonth)(props.month.date), Number(e.target.value));
|
|
27
27
|
goToMonth(month);
|
|
28
28
|
};
|
|
29
29
|
const Dropdown = components?.Dropdown ?? Dropdown_1.Dropdown;
|
|
30
|
-
return (react_1.default.createElement(Dropdown, {
|
|
30
|
+
return (react_1.default.createElement(Dropdown, { "aria-label": labelYearDropdown(), disabled: Boolean(disableNavigation), rootClassName: classNames[UI_1.UI.YearsDropdown], options: dropdown.years, value: props.month.date.getFullYear(), onChange: handleChange }));
|
|
31
31
|
}
|
|
32
32
|
exports.YearsDropdown = YearsDropdown;
|
|
33
33
|
//# sourceMappingURL=YearsDropdown.js.map
|