@instructure/ui-date-input 11.0.1-snapshot-1 → 11.0.1-snapshot-3

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.0.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.0.0...v11.0.1-snapshot-1) (2025-10-08)
+## [11.0.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v11.0.0...v11.0.1-snapshot-3) (2025-10-10)
 
 **Note:** Version bump only for package @instructure/ui-date-input
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "11.0.1-snapshot-1",
+  "version": "11.0.1-snapshot-3",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,9 +23,9 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "11.0.1-snapshot-1",
-    "@instructure/ui-buttons": "11.0.1-snapshot-1",
-    "@instructure/ui-scripts": "11.0.1-snapshot-1",
+    "@instructure/ui-babel-preset": "11.0.1-snapshot-3",
+    "@instructure/ui-buttons": "11.0.1-snapshot-3",
+    "@instructure/ui-scripts": "11.0.1-snapshot-3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
@@ -33,18 +33,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.0.1-snapshot-1",
-    "@instructure/shared-types": "11.0.1-snapshot-1",
-    "@instructure/ui-calendar": "11.0.1-snapshot-1",
-    "@instructure/ui-form-field": "11.0.1-snapshot-1",
-    "@instructure/ui-i18n": "11.0.1-snapshot-1",
-    "@instructure/ui-icons": "11.0.1-snapshot-1",
-    "@instructure/ui-popover": "11.0.1-snapshot-1",
-    "@instructure/ui-position": "11.0.1-snapshot-1",
-    "@instructure/ui-react-utils": "11.0.1-snapshot-1",
-    "@instructure/ui-selectable": "11.0.1-snapshot-1",
-    "@instructure/ui-text-input": "11.0.1-snapshot-1",
-    "@instructure/ui-utils": "11.0.1-snapshot-1",
+    "@instructure/emotion": "11.0.1-snapshot-3",
+    "@instructure/shared-types": "11.0.1-snapshot-3",
+    "@instructure/ui-calendar": "11.0.1-snapshot-3",
+    "@instructure/ui-form-field": "11.0.1-snapshot-3",
+    "@instructure/ui-i18n": "11.0.1-snapshot-3",
+    "@instructure/ui-icons": "11.0.1-snapshot-3",
+    "@instructure/ui-popover": "11.0.1-snapshot-3",
+    "@instructure/ui-position": "11.0.1-snapshot-3",
+    "@instructure/ui-react-utils": "11.0.1-snapshot-3",
+    "@instructure/ui-selectable": "11.0.1-snapshot-3",
+    "@instructure/ui-text-input": "11.0.1-snapshot-3",
+    "@instructure/ui-utils": "11.0.1-snapshot-3",
     "moment-timezone": "^0.6.0"
   },
   "peerDependencies": {

package/src/DateInput2/README.md

@@ -6,41 +6,10 @@ describes: DateInput2
 
 ### Minimal config
 
-- ```js
-  class Example extends React.Component {
-    state = { inputValue: '', dateString: '' }
-
-    render() {
-      return (
-        <div>
-          <DateInput2
-            renderLabel="Choose a date"
-            screenReaderLabels={{
-              calendarIcon: 'Calendar',
-              nextMonthButton: 'Next month',
-              prevMonthButton: 'Previous month'
-            }}
-            value={this.state.inputValue}
-            width="20rem"
-            onChange={(e, inputValue, dateString) => {
-              this.setState({ dateString, inputValue })
-            }}
-            invalidDateErrorMessage="Invalid date"
-          />
-          <p>
-            Input Value: <code>{this.state.inputValue}</code>
-            <br />
-            UTC Date String: <code>{this.state.dateString}</code>
-          </p>
-        </div>
-      )
-    }
-  }
-
-  render(<Example />)
-  ```
-
-- ```js
+```js
+---
+type: example
+---
   const Example = () => {
     const [inputValue, setInputValue] = useState('')
     const [dateString, setDateString] = useState('')
@@ -71,7 +40,7 @@ describes: DateInput2
   }
 
   render(<Example />)
-  ```
+```
 
 ### Parsing and formatting dates
 
@@ -164,46 +133,10 @@ In the examples above you can see that the `onChange` callback also return a UTC
 
 ### With year picker
 
-- ```js
-  class Example extends React.Component {
-    state = { inputValue: '', dateString: '' }
-
-    render() {
-      return (
-        <div>
-          <DateInput2
-            renderLabel="Choose a date"
-            screenReaderLabels={{
-              calendarIcon: 'Calendar',
-              nextMonthButton: 'Next month',
-              prevMonthButton: 'Previous month'
-            }}
-            value={this.state.inputValue}
-            width="20rem"
-            onChange={(e, inputValue, dateString) => {
-              this.setState({ dateString, inputValue })
-            }}
-            invalidDateErrorMessage="Invalid date"
-            withYearPicker={{
-              screenReaderLabel: 'Year picker',
-              startYear: 1900,
-              endYear: 2024
-            }}
-          />
-          <p>
-            Input Value: <code>{this.state.inputValue}</code>
-            <br />
-            UTC Date String: <code>{this.state.dateString}</code>
-          </p>
-        </div>
-      )
-    }
-  }
-
-  render(<Example />)
-  ```
-
-- ```js
+```js
+---
+type: example
+---
   const Example = () => {
     const [inputValue, setInputValue] = useState('')
     const [dateString, setDateString] = useState('')
@@ -239,7 +172,7 @@ In the examples above you can see that the `onChange` callback also return a UTC
   }
 
   render(<Example />)
-  ```
+```
 
 ### Date validation