@instructure/ui-date-input 11.0.2-snapshot-1 → 11.0.2-snapshot-3
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 +1 -1
- package/README.md +2 -2
- package/package.json +16 -16
- package/src/DateInput/README.md +2 -2
- package/src/DateInput/props.ts +5 -5
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/DateInput/index.d.ts.map +1 -1
- package/types/DateInput/props.d.ts +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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.0.2-snapshot-
|
|
6
|
+
## [11.0.2-snapshot-3](https://github.com/instructure/instructure-ui/compare/v11.0.1...v11.0.2-snapshot-3) (2025-10-21)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-date-input
|
|
9
9
|
|
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@ A date input component.
|
|
|
10
10
|
|
|
11
11
|
The `ui-date-input` package contains the following:
|
|
12
12
|
|
|
13
|
-
- [DateInput](
|
|
13
|
+
- [DateInput](DateInput)
|
|
14
14
|
|
|
15
15
|
### Installation
|
|
16
16
|
|
|
@@ -20,7 +20,7 @@ npm install @instructure/ui-date-input
|
|
|
20
20
|
|
|
21
21
|
### Usage
|
|
22
22
|
|
|
23
|
-
For detailed usage and documentation, see [DateInput](
|
|
23
|
+
For detailed usage and documentation, see [DateInput](DateInput).
|
|
24
24
|
|
|
25
25
|
[npm]: https://img.shields.io/npm/v/@instructure/ui-date-input.svg
|
|
26
26
|
[npm-url]: https://npmjs.com/package/@instructure/ui-date-input
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-date-input",
|
|
3
|
-
"version": "11.0.2-snapshot-
|
|
3
|
+
"version": "11.0.2-snapshot-3",
|
|
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",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "11.0.2-snapshot-
|
|
27
|
-
"@instructure/ui-buttons": "11.0.2-snapshot-
|
|
28
|
-
"@instructure/ui-scripts": "11.0.2-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "11.0.2-snapshot-3",
|
|
27
|
+
"@instructure/ui-buttons": "11.0.2-snapshot-3",
|
|
28
|
+
"@instructure/ui-scripts": "11.0.2-snapshot-3",
|
|
29
29
|
"@testing-library/jest-dom": "^6.6.3",
|
|
30
30
|
"@testing-library/react": "15.0.7",
|
|
31
31
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -33,18 +33,18 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@babel/runtime": "^7.27.6",
|
|
36
|
-
"@instructure/emotion": "11.0.2-snapshot-
|
|
37
|
-
"@instructure/shared-types": "11.0.2-snapshot-
|
|
38
|
-
"@instructure/ui-calendar": "11.0.2-snapshot-
|
|
39
|
-
"@instructure/ui-form-field": "11.0.2-snapshot-
|
|
40
|
-
"@instructure/ui-i18n": "11.0.2-snapshot-
|
|
41
|
-
"@instructure/ui-icons": "11.0.2-snapshot-
|
|
42
|
-
"@instructure/ui-popover": "11.0.2-snapshot-
|
|
43
|
-
"@instructure/ui-position": "11.0.2-snapshot-
|
|
44
|
-
"@instructure/ui-react-utils": "11.0.2-snapshot-
|
|
45
|
-
"@instructure/ui-selectable": "11.0.2-snapshot-
|
|
46
|
-
"@instructure/ui-text-input": "11.0.2-snapshot-
|
|
47
|
-
"@instructure/ui-utils": "11.0.2-snapshot-
|
|
36
|
+
"@instructure/emotion": "11.0.2-snapshot-3",
|
|
37
|
+
"@instructure/shared-types": "11.0.2-snapshot-3",
|
|
38
|
+
"@instructure/ui-calendar": "11.0.2-snapshot-3",
|
|
39
|
+
"@instructure/ui-form-field": "11.0.2-snapshot-3",
|
|
40
|
+
"@instructure/ui-i18n": "11.0.2-snapshot-3",
|
|
41
|
+
"@instructure/ui-icons": "11.0.2-snapshot-3",
|
|
42
|
+
"@instructure/ui-popover": "11.0.2-snapshot-3",
|
|
43
|
+
"@instructure/ui-position": "11.0.2-snapshot-3",
|
|
44
|
+
"@instructure/ui-react-utils": "11.0.2-snapshot-3",
|
|
45
|
+
"@instructure/ui-selectable": "11.0.2-snapshot-3",
|
|
46
|
+
"@instructure/ui-text-input": "11.0.2-snapshot-3",
|
|
47
|
+
"@instructure/ui-utils": "11.0.2-snapshot-3",
|
|
48
48
|
"moment-timezone": "^0.6.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
package/src/DateInput/README.md
CHANGED
|
@@ -8,7 +8,7 @@ The `DateInput` component provides a visual interface for inputting date data.
|
|
|
8
8
|
|
|
9
9
|
### Composing a DateInput in your Application
|
|
10
10
|
|
|
11
|
-
`DateInput` uses `Calendar` internally. See [Calendar](
|
|
11
|
+
`DateInput` uses `Calendar` internally. See [Calendar](Calendar) for more detailed
|
|
12
12
|
documentation and guided examples. `DateInput` shares many of the same `Calendar`
|
|
13
13
|
props and it is created the same way with some additional attributes and callback
|
|
14
14
|
methods for the input. The following example is configured similar to the `Calendar`
|
|
@@ -281,7 +281,7 @@ render(<Example />)
|
|
|
281
281
|
|
|
282
282
|
`DateInput` accepts children of type `DateInput.Day`. Both `DateInput.Day` and
|
|
283
283
|
`Calendar.Day` are exporting the same `Day` component. The documentation for
|
|
284
|
-
`Day` can be found in [Calendar](
|
|
284
|
+
`Day` can be found in [Calendar](Calendar).
|
|
285
285
|
|
|
286
286
|
#### Handling onChange
|
|
287
287
|
|
package/src/DateInput/props.ts
CHANGED
|
@@ -161,23 +161,23 @@ type DateInputOwnProps = {
|
|
|
161
161
|
* portion of the label should be abbreviated (no longer than three characters).
|
|
162
162
|
* Note that screen readers will read this content preceding each date as the
|
|
163
163
|
* `<Calendar />` is navigated. Consider using
|
|
164
|
-
* [AccessibleContent](
|
|
164
|
+
* [AccessibleContent](AccessibleContent) with the `alt` prop containing the
|
|
165
165
|
* full day name for assistive technologies and the children containing the
|
|
166
166
|
* abbreviation. ex. `[<AccessibleContent alt="Sunday">Sun</AccessibleContent>, ...]`
|
|
167
167
|
*/
|
|
168
168
|
renderWeekdayLabels?: (React.ReactNode | (() => React.ReactNode))[]
|
|
169
169
|
/**
|
|
170
170
|
* A button to render in the calendar navigation header. The recommendation is
|
|
171
|
-
* to compose it with the [Button](
|
|
171
|
+
* to compose it with the [Button](Button) component, setting the `variant`
|
|
172
172
|
* prop to `icon`, the `size` prop to `small`, and setting the `icon` prop to
|
|
173
|
-
* [IconArrowOpenEnd](
|
|
173
|
+
* [IconArrowOpenEnd](icons).
|
|
174
174
|
*/
|
|
175
175
|
renderNextMonthButton?: Renderable
|
|
176
176
|
/**
|
|
177
177
|
* A button to render in the calendar navigation header. The recommendation is
|
|
178
|
-
* to compose it with the [Button](
|
|
178
|
+
* to compose it with the [Button](Button) component, setting the `variant`
|
|
179
179
|
* prop to `icon`, the `size` prop to `small`, and setting the `icon` prop to
|
|
180
|
-
* [IconArrowOpenStart](
|
|
180
|
+
* [IconArrowOpenStart](icons).
|
|
181
181
|
*/
|
|
182
182
|
renderPrevMonthButton?: Renderable
|
|
183
183
|
/**
|