@planningcenter/tapestry-react 2.8.0 → 2.8.1
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.
|
@@ -100,6 +100,9 @@ function DateField(_ref) {
|
|
|
100
100
|
setDate(date);
|
|
101
101
|
closePopover();
|
|
102
102
|
}, [focusInput, setDate, closePopover]);
|
|
103
|
+
var handleNavigationChangeFromCalendar = (0, _react.useCallback)(function (date) {
|
|
104
|
+
setDate(date);
|
|
105
|
+
}, [setDate]);
|
|
103
106
|
var navigateCalendarWithArrowKeys = (0, _useArrowKeysToNavigateCalendar.useArrowKeysToNavigateCalendar)({
|
|
104
107
|
date: value,
|
|
105
108
|
calendarIsOpen: isPopoverOpen,
|
|
@@ -168,7 +171,8 @@ function DateField(_ref) {
|
|
|
168
171
|
selected: value,
|
|
169
172
|
minDate: minDate,
|
|
170
173
|
maxDate: maxDate,
|
|
171
|
-
onDateSelect: handleDateSelectedFromCalendar
|
|
174
|
+
onDateSelect: handleDateSelectedFromCalendar,
|
|
175
|
+
onDateChange: handleNavigationChangeFromCalendar
|
|
172
176
|
})));
|
|
173
177
|
});
|
|
174
178
|
}
|
|
@@ -79,6 +79,9 @@ function DateField(_ref) {
|
|
|
79
79
|
setDate(date);
|
|
80
80
|
closePopover();
|
|
81
81
|
}, [focusInput, setDate, closePopover]);
|
|
82
|
+
var handleNavigationChangeFromCalendar = useCallback(function (date) {
|
|
83
|
+
setDate(date);
|
|
84
|
+
}, [setDate]);
|
|
82
85
|
var navigateCalendarWithArrowKeys = useArrowKeysToNavigateCalendar({
|
|
83
86
|
date: value,
|
|
84
87
|
calendarIsOpen: isPopoverOpen,
|
|
@@ -150,7 +153,8 @@ function DateField(_ref) {
|
|
|
150
153
|
selected: value,
|
|
151
154
|
minDate: minDate,
|
|
152
155
|
maxDate: maxDate,
|
|
153
|
-
onDateSelect: handleDateSelectedFromCalendar
|
|
156
|
+
onDateSelect: handleDateSelectedFromCalendar,
|
|
157
|
+
onDateChange: handleNavigationChangeFromCalendar
|
|
154
158
|
})));
|
|
155
159
|
});
|
|
156
160
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/tapestry-react",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.1",
|
|
4
4
|
"description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
|
|
5
5
|
"author": "Front End Systems Engineering <frontend@pco.bz>",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -141,6 +141,13 @@ function DateField({
|
|
|
141
141
|
[focusInput, setDate, closePopover]
|
|
142
142
|
)
|
|
143
143
|
|
|
144
|
+
const handleNavigationChangeFromCalendar = useCallback(
|
|
145
|
+
(date) => {
|
|
146
|
+
setDate(date)
|
|
147
|
+
},
|
|
148
|
+
[setDate]
|
|
149
|
+
)
|
|
150
|
+
|
|
144
151
|
const navigateCalendarWithArrowKeys = useArrowKeysToNavigateCalendar({
|
|
145
152
|
date: value,
|
|
146
153
|
calendarIsOpen: isPopoverOpen,
|
|
@@ -220,6 +227,7 @@ function DateField({
|
|
|
220
227
|
minDate={minDate}
|
|
221
228
|
maxDate={maxDate}
|
|
222
229
|
onDateSelect={handleDateSelectedFromCalendar}
|
|
230
|
+
onDateChange={handleNavigationChangeFromCalendar}
|
|
223
231
|
/>
|
|
224
232
|
</Popover>
|
|
225
233
|
)}
|