@instructure/ui-date-input 11.7.4-snapshot-1 → 11.7.4-snapshot-4

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 (6) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/DateInput/v2/index.js +8 -4
  3. package/lib/DateInput/v2/index.js +8 -4
  4. package/package.json +16 -16
  5. package/src/DateInput/v2/index.tsx +6 -6
  6. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +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.4-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-1) (2026-05-11)
6
+ ## [11.7.4-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-4) (2026-05-12)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-date-input
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-dialog,ui-date-input,ui-calendar:** add aria-live to calendar header, descriptive nav button labels with target month, aria-modal on focused dialogs ([8de1026](https://github.com/instructure/instructure-ui/commit/8de102636517415d2905bb40b914147f330aaed1))
9
12
 
10
13
 
11
14
 
package/es/DateInput/v2/index.js CHANGED
@@ -255,23 +255,27 @@ const DateInput = /*#__PURE__*/forwardRef(({
255
255
  visibleMonth: selectedDate,
256
256
  locale: userLocale,
257
257
  timezone: userTimezone,
258
- renderNextMonthButton: _jsx(IconButton, {
258
+ renderNextMonthButton: ({
259
+ targetMonthSrLabel
260
+ }) => _jsx(IconButton, {
259
261
  size: "small",
260
262
  withBackground: false,
261
263
  withBorder: false,
262
264
  renderIcon: _jsx(ChevronRightInstUIIcon, {
263
265
  color: "baseColor"
264
266
  }),
265
- screenReaderLabel: screenReaderLabels.nextMonthButton
267
+ screenReaderLabel: `${screenReaderLabels.nextMonthButton}, ${targetMonthSrLabel}`
266
268
  }),
267
- renderPrevMonthButton: _jsx(IconButton, {
269
+ renderPrevMonthButton: ({
270
+ targetMonthSrLabel
271
+ }) => _jsx(IconButton, {
268
272
  size: "small",
269
273
  withBackground: false,
270
274
  withBorder: false,
271
275
  renderIcon: _jsx(ChevronLeftInstUIIcon, {
272
276
  color: "baseColor"
273
277
  }),
274
- screenReaderLabel: screenReaderLabels.prevMonthButton
278
+ screenReaderLabel: `${screenReaderLabels.prevMonthButton}, ${targetMonthSrLabel}`
275
279
  })
276
280
  })
277
281
  })
package/lib/DateInput/v2/index.js CHANGED
@@ -263,23 +263,27 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
263
263
  visibleMonth: selectedDate,
264
264
  locale: userLocale,
265
265
  timezone: userTimezone,
266
- renderNextMonthButton: (0, _jsxRuntime.jsx)(_latest2.IconButton, {
266
+ renderNextMonthButton: ({
267
+ targetMonthSrLabel
268
+ }) => (0, _jsxRuntime.jsx)(_latest2.IconButton, {
267
269
  size: "small",
268
270
  withBackground: false,
269
271
  withBorder: false,
270
272
  renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronRightInstUIIcon, {
271
273
  color: "baseColor"
272
274
  }),
273
- screenReaderLabel: screenReaderLabels.nextMonthButton
275
+ screenReaderLabel: `${screenReaderLabels.nextMonthButton}, ${targetMonthSrLabel}`
274
276
  }),
275
- renderPrevMonthButton: (0, _jsxRuntime.jsx)(_latest2.IconButton, {
277
+ renderPrevMonthButton: ({
278
+ targetMonthSrLabel
279
+ }) => (0, _jsxRuntime.jsx)(_latest2.IconButton, {
276
280
  size: "small",
277
281
  withBackground: false,
278
282
  withBorder: false,
279
283
  renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronLeftInstUIIcon, {
280
284
  color: "baseColor"
281
285
  }),
282
- screenReaderLabel: screenReaderLabels.prevMonthButton
286
+ screenReaderLabel: `${screenReaderLabels.prevMonthButton}, ${targetMonthSrLabel}`
283
287
  })
284
288
  })
285
289
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-input",
3
- "version": "11.7.4-snapshot-1",
3
+ "version": "11.7.4-snapshot-4",
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,27 +15,27 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/emotion": "11.7.4-snapshot-1",
19
- "@instructure/shared-types": "11.7.4-snapshot-1",
20
- "@instructure/ui-calendar": "11.7.4-snapshot-1",
21
- "@instructure/ui-form-field": "11.7.4-snapshot-1",
22
- "@instructure/ui-i18n": "11.7.4-snapshot-1",
23
- "@instructure/ui-icons": "11.7.4-snapshot-1",
24
- "@instructure/ui-position": "11.7.4-snapshot-1",
25
- "@instructure/ui-selectable": "11.7.4-snapshot-1",
26
- "@instructure/ui-popover": "11.7.4-snapshot-1",
27
- "@instructure/ui-text-input": "11.7.4-snapshot-1",
28
- "@instructure/ui-utils": "11.7.4-snapshot-1",
29
- "@instructure/ui-react-utils": "11.7.4-snapshot-1"
18
+ "@instructure/emotion": "11.7.4-snapshot-4",
19
+ "@instructure/shared-types": "11.7.4-snapshot-4",
20
+ "@instructure/ui-form-field": "11.7.4-snapshot-4",
21
+ "@instructure/ui-i18n": "11.7.4-snapshot-4",
22
+ "@instructure/ui-calendar": "11.7.4-snapshot-4",
23
+ "@instructure/ui-icons": "11.7.4-snapshot-4",
24
+ "@instructure/ui-popover": "11.7.4-snapshot-4",
25
+ "@instructure/ui-position": "11.7.4-snapshot-4",
26
+ "@instructure/ui-react-utils": "11.7.4-snapshot-4",
27
+ "@instructure/ui-text-input": "11.7.4-snapshot-4",
28
+ "@instructure/ui-utils": "11.7.4-snapshot-4",
29
+ "@instructure/ui-selectable": "11.7.4-snapshot-4"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@testing-library/jest-dom": "^6.6.3",
33
33
  "@testing-library/react": "15.0.7",
34
34
  "@testing-library/user-event": "^14.6.1",
35
35
  "vitest": "^3.2.2",
36
- "@instructure/ui-babel-preset": "11.7.4-snapshot-1",
37
- "@instructure/ui-scripts": "11.7.4-snapshot-1",
38
- "@instructure/ui-buttons": "11.7.4-snapshot-1"
36
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-4",
37
+ "@instructure/ui-scripts": "11.7.4-snapshot-4",
38
+ "@instructure/ui-buttons": "11.7.4-snapshot-4"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": ">=18 <=19"
package/src/DateInput/v2/index.tsx CHANGED
@@ -311,24 +311,24 @@ const DateInput = forwardRef(
311
311
  visibleMonth={selectedDate}
312
312
  locale={userLocale}
313
313
  timezone={userTimezone}
314
- renderNextMonthButton={
314
+ renderNextMonthButton={({ targetMonthSrLabel }) => (
315
315
  <IconButton
316
316
  size="small"
317
317
  withBackground={false}
318
318
  withBorder={false}
319
319
  renderIcon={<ChevronRightInstUIIcon color="baseColor" />}
320
- screenReaderLabel={screenReaderLabels.nextMonthButton}
320
+ screenReaderLabel={`${screenReaderLabels.nextMonthButton}, ${targetMonthSrLabel}`}
321
321
  />
322
- }
323
- renderPrevMonthButton={
322
+ )}
323
+ renderPrevMonthButton={({ targetMonthSrLabel }) => (
324
324
  <IconButton
325
325
  size="small"
326
326
  withBackground={false}
327
327
  withBorder={false}
328
328
  renderIcon={<ChevronLeftInstUIIcon color="baseColor" />}
329
- screenReaderLabel={screenReaderLabels.prevMonthButton}
329
+ screenReaderLabel={`${screenReaderLabels.prevMonthButton}, ${targetMonthSrLabel}`}
330
330
  />
331
- }
331
+ )}
332
332
  />
333
333
  </Popover>
334
334
  }