react-day-picker 8.3.4 → 8.3.6
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/index.esm.js +16 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +214 -248
- package/dist/index.js.map +1 -1
- package/dist/react-day-picker.min.js +1 -1
- package/package.json +22 -20
- package/src/contexts/Modifiers/utils/isDateInRange.test.ts +25 -8
- package/src/contexts/Modifiers/utils/isDateInRange.ts +5 -6
- package/src/contexts/Navigation/NavigationContext.test.ts +1 -1
- package/src/contexts/Navigation/useNavigationState.test.ts +2 -2
- package/src/contexts/SelectRange/SelectRangeContext.test.ts +22 -1
- package/src/contexts/SelectRange/SelectRangeContext.tsx +9 -6
- package/src/hooks/useDayRender/useDayRender.test.tsx +14 -0
- package/src/hooks/useDayRender/useDayRender.tsx +4 -1
package/README.md
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
<a href="http://react-day-picker.js.org">
|
|
8
8
|
<picture>
|
|
9
|
-
<source media="(prefers-color-scheme: dark)"
|
|
10
|
-
<source media="(prefers-color-scheme: light)"
|
|
9
|
+
<source media="(prefers-color-scheme: dark)" srcSet="https://user-images.githubusercontent.com/120693/188241991-19d0e8a1-230a-48c8-8477-3c90d4e36197.png"/>
|
|
10
|
+
<source media="(prefers-color-scheme: light)" srcSet="https://user-images.githubusercontent.com/120693/188238076-311ec6d1-503d-4c21-8ffe-d89faa60e40f.png"/>
|
|
11
11
|
<img alt="Shows a screenshot of the React DayPicker component in a browser’s window." width="900" />
|
|
12
12
|
</picture>
|
|
13
13
|
</a>
|
package/dist/index.esm.js
CHANGED
|
@@ -18,10 +18,10 @@ import startOfISOWeek from 'date-fns/startOfISOWeek';
|
|
|
18
18
|
import startOfWeek from 'date-fns/startOfWeek';
|
|
19
19
|
import getUnixTime from 'date-fns/getUnixTime';
|
|
20
20
|
import isSameDay from 'date-fns/isSameDay';
|
|
21
|
+
import { isSameDay as isSameDay$1, isAfter as isAfter$1 } from 'date-fns';
|
|
21
22
|
import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
|
|
22
23
|
import subDays from 'date-fns/subDays';
|
|
23
24
|
import isAfter from 'date-fns/isAfter';
|
|
24
|
-
import { isAfter as isAfter$1 } from 'date-fns';
|
|
25
25
|
import isDate from 'date-fns/isDate';
|
|
26
26
|
import addWeeks from 'date-fns/addWeeks';
|
|
27
27
|
import addYears from 'date-fns/addYears';
|
|
@@ -969,12 +969,14 @@ function SelectRangeProviderInternal(_a) {
|
|
|
969
969
|
}
|
|
970
970
|
else {
|
|
971
971
|
modifiers.range_end = [selectedTo];
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
972
|
+
if (!isSameDay$1(selectedFrom, selectedTo)) {
|
|
973
|
+
modifiers.range_middle = [
|
|
974
|
+
{
|
|
975
|
+
after: selectedFrom,
|
|
976
|
+
before: selectedTo
|
|
977
|
+
}
|
|
978
|
+
];
|
|
979
|
+
}
|
|
978
980
|
}
|
|
979
981
|
}
|
|
980
982
|
if (min) {
|
|
@@ -1165,12 +1167,13 @@ function isDateInRange(date, range) {
|
|
|
1165
1167
|
if (!to) {
|
|
1166
1168
|
return false;
|
|
1167
1169
|
}
|
|
1168
|
-
var
|
|
1169
|
-
if (
|
|
1170
|
+
var isRangeInverted = differenceInCalendarDays(to, from) < 0;
|
|
1171
|
+
if (isRangeInverted) {
|
|
1170
1172
|
_a = [to, from], from = _a[0], to = _a[1];
|
|
1171
1173
|
}
|
|
1172
|
-
|
|
1173
|
-
differenceInCalendarDays(to, date) >= 0
|
|
1174
|
+
var isInRange = differenceInCalendarDays(date, from) >= 0 &&
|
|
1175
|
+
differenceInCalendarDays(to, date) >= 0;
|
|
1176
|
+
return isInRange;
|
|
1174
1177
|
}
|
|
1175
1178
|
|
|
1176
1179
|
/** Returns true if `value` is a Date type. */
|
|
@@ -1748,7 +1751,8 @@ buttonRef) {
|
|
|
1748
1751
|
var isFocusTarget = focusContext.focusTarget &&
|
|
1749
1752
|
isSameDay(focusContext.focusTarget, day) &&
|
|
1750
1753
|
!activeModifiers.outside;
|
|
1751
|
-
var
|
|
1754
|
+
var isFocused = focusContext.focusedDay && isSameDay(focusContext.focusedDay, day);
|
|
1755
|
+
var buttonProps = __assign(__assign(__assign({}, divProps), (_a = { disabled: activeModifiers.disabled }, _a['aria-pressed'] = activeModifiers.selected, _a['aria-label'] = ariaLabel, _a.tabIndex = isFocused || isFocusTarget ? 0 : -1, _a)), eventHandlers);
|
|
1752
1756
|
var dayRender = {
|
|
1753
1757
|
isButton: isButton,
|
|
1754
1758
|
isHidden: isHidden,
|