@instructure/ui-date-input 11.5.0 → 11.5.1-snapshot-0

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/es/DateInput2/index.js +1 -0
  3. package/lib/DateInput2/index.js +1 -0
  4. package/package.json +16 -16
  5. package/src/DateInput2/README.md +14 -7
  6. package/src/DateInput2/index.tsx +1 -0
  7. package/src/DateInput2/props.ts +5 -0
  8. package/tsconfig.build.tsbuildinfo +1 -1
  9. package/types/DateInput2/index.d.ts +3 -0
  10. package/types/DateInput2/index.d.ts.map +1 -1
  11. package/types/DateInput2/props.d.ts +4 -0
  12. package/types/DateInput2/props.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.5.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.5.1-snapshot-0) (2026-02-13)
7
+
8
+
9
+ ### Features
10
+
11
+ * **ui-date-input:** add missing role and aria-label to DateInput2 dialog ([6f2219a](https://github.com/instructure/instructure-ui/commit/6f2219a4f8df3f1261e5d41052c9233fdfaff6e8))
12
+
13
+
14
+
15
+
16
+
6
17
  # [11.5.0](https://github.com/instructure/instructure-ui/compare/v11.4.0...v11.5.0) (2026-02-03)
7
18
 
8
19
  **Note:** Version bump only for package @instructure/ui-date-input
package/es/DateInput2/index.js CHANGED
@@ -256,6 +256,7 @@ const DateInput2 = /*#__PURE__*/forwardRef(({
256
256
  shouldContainFocus: true,
257
257
  shouldReturnFocus: true,
258
258
  shouldCloseOnDocumentClick: true,
259
+ screenReaderLabel: screenReaderLabels.datePickerDialog,
259
260
  children: _jsx(Calendar, {
260
261
  withYearPicker: withYearPicker,
261
262
  onDateSelected: handleDateSelected,
package/lib/DateInput2/index.js CHANGED
@@ -266,6 +266,7 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
266
266
  shouldContainFocus: true,
267
267
  shouldReturnFocus: true,
268
268
  shouldCloseOnDocumentClick: true,
269
+ screenReaderLabel: screenReaderLabels.datePickerDialog,
269
270
  children: (0, _jsxRuntime.jsx)(_Calendar.Calendar, {
270
271
  withYearPicker: withYearPicker,
271
272
  onDateSelected: handleDateSelected,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-input",
3
- "version": "11.5.0",
3
+ "version": "11.5.1-snapshot-0",
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",
@@ -16,27 +16,27 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.27.6",
18
18
  "moment-timezone": "^0.6.0",
19
- "@instructure/shared-types": "11.5.0",
20
- "@instructure/ui-form-field": "11.5.0",
21
- "@instructure/emotion": "11.5.0",
22
- "@instructure/ui-i18n": "11.5.0",
23
- "@instructure/ui-calendar": "11.5.0",
24
- "@instructure/ui-icons": "11.5.0",
25
- "@instructure/ui-position": "11.5.0",
26
- "@instructure/ui-react-utils": "11.5.0",
27
- "@instructure/ui-popover": "11.5.0",
28
- "@instructure/ui-selectable": "11.5.0",
29
- "@instructure/ui-utils": "11.5.0",
30
- "@instructure/ui-text-input": "11.5.0"
19
+ "@instructure/emotion": "11.5.1-snapshot-0",
20
+ "@instructure/shared-types": "11.5.1-snapshot-0",
21
+ "@instructure/ui-calendar": "11.5.1-snapshot-0",
22
+ "@instructure/ui-i18n": "11.5.1-snapshot-0",
23
+ "@instructure/ui-form-field": "11.5.1-snapshot-0",
24
+ "@instructure/ui-icons": "11.5.1-snapshot-0",
25
+ "@instructure/ui-react-utils": "11.5.1-snapshot-0",
26
+ "@instructure/ui-popover": "11.5.1-snapshot-0",
27
+ "@instructure/ui-text-input": "11.5.1-snapshot-0",
28
+ "@instructure/ui-position": "11.5.1-snapshot-0",
29
+ "@instructure/ui-selectable": "11.5.1-snapshot-0",
30
+ "@instructure/ui-utils": "11.5.1-snapshot-0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@testing-library/jest-dom": "^6.6.3",
34
34
  "@testing-library/react": "15.0.7",
35
35
  "@testing-library/user-event": "^14.6.1",
36
36
  "vitest": "^3.2.2",
37
- "@instructure/ui-babel-preset": "11.5.0",
38
- "@instructure/ui-buttons": "11.5.0",
39
- "@instructure/ui-scripts": "11.5.0"
37
+ "@instructure/ui-babel-preset": "11.5.1-snapshot-0",
38
+ "@instructure/ui-scripts": "11.5.1-snapshot-0",
39
+ "@instructure/ui-buttons": "11.5.1-snapshot-0"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": ">=18 <=19"
package/src/DateInput2/README.md CHANGED
@@ -20,7 +20,8 @@ type: example
20
20
  screenReaderLabels={{
21
21
  calendarIcon: 'Calendar',
22
22
  nextMonthButton: 'Next month',
23
- prevMonthButton: 'Previous month'
23
+ prevMonthButton: 'Previous month',
24
+ datePickerDialog: 'Date picker'
24
25
  }}
25
26
  value={inputValue}
26
27
  width="20rem"
@@ -69,7 +70,8 @@ const Example = () => {
69
70
  screenReaderLabels={{
70
71
  calendarIcon: 'Calendar',
71
72
  nextMonthButton: 'Next month',
72
- prevMonthButton: 'Previous month'
73
+ prevMonthButton: 'Previous month',
74
+ datePickerDialog: 'Date picker'
73
75
  }}
74
76
  width="20rem"
75
77
  value={value}
@@ -82,7 +84,8 @@ const Example = () => {
82
84
  screenReaderLabels={{
83
85
  calendarIcon: 'Calendar',
84
86
  nextMonthButton: 'Next month',
85
- prevMonthButton: 'Previous month'
87
+ prevMonthButton: 'Previous month',
88
+ datePickerDialog: 'Date picker'
86
89
  }}
87
90
  width="20rem"
88
91
  value={value2}
@@ -96,7 +99,8 @@ const Example = () => {
96
99
  screenReaderLabels={{
97
100
  calendarIcon: 'Calendar',
98
101
  nextMonthButton: 'Next month',
99
- prevMonthButton: 'Previous month'
102
+ prevMonthButton: 'Previous month',
103
+ datePickerDialog: 'Date picker'
100
104
  }}
101
105
  width="20rem"
102
106
  value={value3}
@@ -147,7 +151,8 @@ type: example
147
151
  screenReaderLabels={{
148
152
  calendarIcon: 'Calendar',
149
153
  nextMonthButton: 'Next month',
150
- prevMonthButton: 'Previous month'
154
+ prevMonthButton: 'Previous month',
155
+ datePickerDialog: 'Date picker'
151
156
  }}
152
157
  value={inputValue}
153
158
  width="20rem"
@@ -216,7 +221,8 @@ const Example = () => {
216
221
  screenReaderLabels={{
217
222
  calendarIcon: 'Calendar',
218
223
  nextMonthButton: 'Next month',
219
- prevMonthButton: 'Previous month'
224
+ prevMonthButton: 'Previous month',
225
+ datePickerDialog: 'Date picker'
220
226
  }}
221
227
  width="20rem"
222
228
  value={value}
@@ -257,7 +263,8 @@ const Example = () => {
257
263
  screenReaderLabels={{
258
264
  calendarIcon: 'Calendar',
259
265
  nextMonthButton: 'Next month',
260
- prevMonthButton: 'Previous month'
266
+ prevMonthButton: 'Previous month',
267
+ datePickerDialog: 'Date picker'
261
268
  }}
262
269
  value={inputValue}
263
270
  locale="en-us"
package/src/DateInput2/index.tsx CHANGED
@@ -298,6 +298,7 @@ const DateInput2 = forwardRef(
298
298
  shouldContainFocus
299
299
  shouldReturnFocus
300
300
  shouldCloseOnDocumentClick
301
+ screenReaderLabel={screenReaderLabels.datePickerDialog}
301
302
  >
302
303
  <Calendar
303
304
  withYearPicker={withYearPicker}
package/src/DateInput2/props.ts CHANGED
@@ -32,10 +32,15 @@ type DateInput2OwnProps = {
32
32
  * Specifies the input label.
33
33
  */
34
34
  renderLabel: Renderable
35
+ /**
36
+ * Accessible labels for the calendar button, month navigation buttons, and date picker dialog.
37
+ */
35
38
  screenReaderLabels: {
36
39
  calendarIcon: string
37
40
  prevMonthButton: string
38
41
  nextMonthButton: string
42
+ // TODO: Make this field required in the next version. Currently optional to avoid breaking change.
43
+ datePickerDialog?: string
39
44
  }
40
45
  /**
41
46
  * Specifies the input value.