@react-aria/datepicker 3.0.0-nightly.2431 → 3.0.0-nightly.2436
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/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +17 -17
- package/src/useDateField.ts +4 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/datepicker",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.2436+d5186e1ce",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -22,21 +22,21 @@
|
|
|
22
22
|
"url": "https://github.com/adobe/react-spectrum"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@internationalized/date": "3.5.1-nightly.
|
|
26
|
-
"@internationalized/number": "3.2.2-nightly.
|
|
27
|
-
"@internationalized/string": "3.1.2-nightly.
|
|
28
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
29
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
|
30
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
31
|
-
"@react-aria/label": "3.0.0-nightly.
|
|
32
|
-
"@react-aria/spinbutton": "3.0.0-nightly.
|
|
33
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
34
|
-
"@react-stately/datepicker": "3.0.0-nightly.
|
|
35
|
-
"@react-types/button": "3.8.1-nightly.
|
|
36
|
-
"@react-types/calendar": "3.0.0-nightly.
|
|
37
|
-
"@react-types/datepicker": "3.0.0-nightly.
|
|
38
|
-
"@react-types/dialog": "3.5.6-nightly.
|
|
39
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
25
|
+
"@internationalized/date": "3.5.1-nightly.4145+d5186e1ce",
|
|
26
|
+
"@internationalized/number": "3.2.2-nightly.4145+d5186e1ce",
|
|
27
|
+
"@internationalized/string": "3.1.2-nightly.4145+d5186e1ce",
|
|
28
|
+
"@react-aria/focus": "3.0.0-nightly.2436+d5186e1ce",
|
|
29
|
+
"@react-aria/i18n": "3.0.0-nightly.2436+d5186e1ce",
|
|
30
|
+
"@react-aria/interactions": "3.0.0-nightly.2436+d5186e1ce",
|
|
31
|
+
"@react-aria/label": "3.0.0-nightly.2436+d5186e1ce",
|
|
32
|
+
"@react-aria/spinbutton": "3.0.0-nightly.2436+d5186e1ce",
|
|
33
|
+
"@react-aria/utils": "3.0.0-nightly.2436+d5186e1ce",
|
|
34
|
+
"@react-stately/datepicker": "3.0.0-nightly.2436+d5186e1ce",
|
|
35
|
+
"@react-types/button": "3.8.1-nightly.4145+d5186e1ce",
|
|
36
|
+
"@react-types/calendar": "3.0.0-nightly.2436+d5186e1ce",
|
|
37
|
+
"@react-types/datepicker": "3.0.0-nightly.2436+d5186e1ce",
|
|
38
|
+
"@react-types/dialog": "3.5.6-nightly.4145+d5186e1ce",
|
|
39
|
+
"@react-types/shared": "3.0.0-nightly.2436+d5186e1ce",
|
|
40
40
|
"@swc/helpers": "^0.5.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"publishConfig": {
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "d5186e1cedcfb3c726d606a8f2e9f4ace1696114"
|
|
50
50
|
}
|
package/src/useDateField.ts
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
import {AriaDateFieldProps as AriaDateFieldPropsBase, AriaTimeFieldProps, DateValue, TimeValue} from '@react-types/datepicker';
|
|
14
14
|
import {createFocusManager, FocusManager} from '@react-aria/focus';
|
|
15
15
|
import {DateFieldState, TimeFieldState} from '@react-stately/datepicker';
|
|
16
|
-
import {DOMAttributes, KeyboardEvent} from '@react-types/shared';
|
|
16
|
+
import {DOMAttributes, GroupDOMAttributes, KeyboardEvent} from '@react-types/shared';
|
|
17
17
|
import {filterDOMProps, mergeProps, useDescription, useFormReset} from '@react-aria/utils';
|
|
18
18
|
import {FocusEvent, InputHTMLAttributes, RefObject, useEffect, useMemo, useRef} from 'react';
|
|
19
19
|
// @ts-ignore
|
|
@@ -33,7 +33,7 @@ export interface DateFieldAria {
|
|
|
33
33
|
/** Props for the field's visible label element, if any. */
|
|
34
34
|
labelProps: DOMAttributes,
|
|
35
35
|
/** Props for the field grouping element. */
|
|
36
|
-
fieldProps:
|
|
36
|
+
fieldProps: GroupDOMAttributes,
|
|
37
37
|
/** Props for the hidden input element for HTML form submission. */
|
|
38
38
|
inputProps: InputHTMLAttributes<HTMLInputElement>,
|
|
39
39
|
/** Props for the description element, if any. */
|
|
@@ -110,14 +110,14 @@ export function useDateField<T extends DateValue>(props: AriaDateFieldOptions<T>
|
|
|
110
110
|
// rather than role="group". Since the date picker/date range picker already has a role="group"
|
|
111
111
|
// with a label and description, and the segments are already labeled by this as well, this
|
|
112
112
|
// avoids very verbose duplicate announcements.
|
|
113
|
-
let fieldDOMProps:
|
|
113
|
+
let fieldDOMProps: GroupDOMAttributes;
|
|
114
114
|
if (props[roleSymbol] === 'presentation') {
|
|
115
115
|
fieldDOMProps = {
|
|
116
116
|
role: 'presentation'
|
|
117
117
|
};
|
|
118
118
|
} else {
|
|
119
119
|
fieldDOMProps = mergeProps(fieldProps, {
|
|
120
|
-
role: 'group',
|
|
120
|
+
role: 'group' as const,
|
|
121
121
|
'aria-disabled': props.isDisabled || undefined,
|
|
122
122
|
'aria-describedby': describedBy
|
|
123
123
|
});
|