@instructure/ui-date-input 11.7.8-snapshot-12 → 11.7.8-snapshot-11
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/CHANGELOG.md
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.8-snapshot-
|
|
6
|
+
## [11.7.8-snapshot-11](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-11) (2026-10-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-date-input
|
|
9
|
+
|
|
7
10
|
|
|
8
|
-
### Bug Fixes
|
|
9
11
|
|
|
10
|
-
* **ui-date-input,ui-text-input:** label the input with aria-labelledby ([5e30958](https://github.com/instructure/instructure-ui/commit/5e30958230751e2f2f5dedb3d0b05c2a37341303))
|
|
11
12
|
|
|
12
13
|
|
|
13
14
|
## [11.7.7](https://github.com/instructure/instructure-ui/compare/v11.7.6...v11.7.7) (2026-09-23)
|
package/es/DateInput/v2/index.js
CHANGED
|
@@ -28,7 +28,7 @@ import { IconButton } from '@instructure/ui-buttons/latest';
|
|
|
28
28
|
import { CalendarInstUIIcon, ChevronLeftInstUIIcon, ChevronRightInstUIIcon } from '@instructure/ui-icons';
|
|
29
29
|
import { Popover } from '@instructure/ui-popover/latest';
|
|
30
30
|
import { TextInput } from '@instructure/ui-text-input/latest';
|
|
31
|
-
import { callRenderProp, passthroughProps
|
|
31
|
+
import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils';
|
|
32
32
|
import { getLocale, getTimezone } from '@instructure/ui-i18n';
|
|
33
33
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
34
34
|
function parseLocaleDate(dateString = '', locale, timeZone) {
|
|
@@ -211,14 +211,12 @@ const DateInput = /*#__PURE__*/forwardRef(({
|
|
|
211
211
|
onBlur?.(e, value || '', utcIsoDate);
|
|
212
212
|
};
|
|
213
213
|
const selectedDate = parseDate(value)[1];
|
|
214
|
-
const labelId = useDeterministicId('TextInput-label')();
|
|
215
214
|
return _jsx(TextInput, {
|
|
216
215
|
...passthroughProps(rest),
|
|
217
216
|
ref: ref,
|
|
218
217
|
inputRef: inputRef,
|
|
219
218
|
renderLabel: renderLabel,
|
|
220
|
-
|
|
221
|
-
"aria-labelledby": labelId,
|
|
219
|
+
"aria-label": callRenderProp(renderLabel),
|
|
222
220
|
onChange: handleInputChange,
|
|
223
221
|
onBlur: handleBlur,
|
|
224
222
|
isRequired: isRequired,
|
|
@@ -12,7 +12,6 @@ var _latest3 = require("@instructure/ui-popover/latest");
|
|
|
12
12
|
var _latest4 = require("@instructure/ui-text-input/latest");
|
|
13
13
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
14
14
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
15
|
-
var _useDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/useDeterministicId.js");
|
|
16
15
|
var _getLocale = require("@instructure/ui-i18n/lib/getLocale.js");
|
|
17
16
|
var _getTimezone = require("@instructure/ui-i18n/lib/getTimezone.js");
|
|
18
17
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -220,14 +219,12 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
220
219
|
onBlur?.(e, value || '', utcIsoDate);
|
|
221
220
|
};
|
|
222
221
|
const selectedDate = parseDate(value)[1];
|
|
223
|
-
const labelId = (0, _useDeterministicId.useDeterministicId)('TextInput-label')();
|
|
224
222
|
return (0, _jsxRuntime.jsx)(_latest4.TextInput, {
|
|
225
223
|
...(0, _passthroughProps.passthroughProps)(rest),
|
|
226
224
|
ref: ref,
|
|
227
225
|
inputRef: inputRef,
|
|
228
226
|
renderLabel: renderLabel,
|
|
229
|
-
|
|
230
|
-
"aria-labelledby": labelId,
|
|
227
|
+
"aria-label": (0, _callRenderProp.callRenderProp)(renderLabel),
|
|
231
228
|
onChange: handleInputChange,
|
|
232
229
|
onBlur: handleBlur,
|
|
233
230
|
isRequired: isRequired,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-date-input",
|
|
3
|
-
"version": "11.7.8-snapshot-
|
|
3
|
+
"version": "11.7.8-snapshot-11",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,24 +15,24 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
|
-
"@instructure/emotion": "11.7.8-snapshot-
|
|
19
|
-
"@instructure/ui-buttons": "11.7.8-snapshot-
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-popover": "11.7.8-snapshot-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-
|
|
18
|
+
"@instructure/emotion": "11.7.8-snapshot-11",
|
|
19
|
+
"@instructure/ui-buttons": "11.7.8-snapshot-11",
|
|
20
|
+
"@instructure/shared-types": "11.7.8-snapshot-11",
|
|
21
|
+
"@instructure/ui-calendar": "11.7.8-snapshot-11",
|
|
22
|
+
"@instructure/ui-form-field": "11.7.8-snapshot-11",
|
|
23
|
+
"@instructure/ui-icons": "11.7.8-snapshot-11",
|
|
24
|
+
"@instructure/ui-i18n": "11.7.8-snapshot-11",
|
|
25
|
+
"@instructure/ui-popover": "11.7.8-snapshot-11",
|
|
26
|
+
"@instructure/ui-react-utils": "11.7.8-snapshot-11",
|
|
27
|
+
"@instructure/ui-position": "11.7.8-snapshot-11",
|
|
28
|
+
"@instructure/ui-selectable": "11.7.8-snapshot-11",
|
|
29
|
+
"@instructure/ui-text-input": "11.7.8-snapshot-11",
|
|
30
|
+
"@instructure/ui-utils": "11.7.8-snapshot-11"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"vitest": "^5.0.0",
|
|
34
|
-
"@instructure/ui-babel-preset": "11.7.8-snapshot-
|
|
35
|
-
"@instructure/ui-scripts": "11.7.8-snapshot-
|
|
34
|
+
"@instructure/ui-babel-preset": "11.7.8-snapshot-11",
|
|
35
|
+
"@instructure/ui-scripts": "11.7.8-snapshot-11"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": ">=18 <=19"
|
|
@@ -33,11 +33,7 @@ import {
|
|
|
33
33
|
} from '@instructure/ui-icons'
|
|
34
34
|
import { Popover } from '@instructure/ui-popover/latest'
|
|
35
35
|
import { TextInput } from '@instructure/ui-text-input/latest'
|
|
36
|
-
import {
|
|
37
|
-
callRenderProp,
|
|
38
|
-
passthroughProps,
|
|
39
|
-
useDeterministicId
|
|
40
|
-
} from '@instructure/ui-react-utils'
|
|
36
|
+
import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils'
|
|
41
37
|
import { getLocale, getTimezone } from '@instructure/ui-i18n'
|
|
42
38
|
|
|
43
39
|
import type { DateInputProps } from './props'
|
|
@@ -262,7 +258,6 @@ const DateInput = forwardRef(
|
|
|
262
258
|
}
|
|
263
259
|
|
|
264
260
|
const selectedDate = parseDate(value)[1]
|
|
265
|
-
const labelId = useDeterministicId('TextInput-label')()
|
|
266
261
|
|
|
267
262
|
return (
|
|
268
263
|
<TextInput
|
|
@@ -270,8 +265,7 @@ const DateInput = forwardRef(
|
|
|
270
265
|
ref={ref}
|
|
271
266
|
inputRef={inputRef}
|
|
272
267
|
renderLabel={renderLabel}
|
|
273
|
-
|
|
274
|
-
aria-labelledby={labelId}
|
|
268
|
+
aria-label={callRenderProp(renderLabel)}
|
|
275
269
|
onChange={handleInputChange}
|
|
276
270
|
onBlur={handleBlur}
|
|
277
271
|
isRequired={isRequired}
|