@instructure/ui-date-input 10.20.2-snapshot-10 → 10.20.2-snapshot-12

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.20.2-snapshot-10](https://github.com/instructure/instructure-ui/compare/v10.20.1...v10.20.2-snapshot-10) (2025-06-24)
+## [10.20.2-snapshot-12](https://github.com/instructure/instructure-ui/compare/v10.20.1...v10.20.2-snapshot-12) (2025-06-25)
 
-**Note:** Version bump only for package @instructure/ui-date-input
+
+### Features
+
+* **ui-text-input,ui-date-input:** properly support IconButtons inside TextInputs ([40ca6bb](https://github.com/instructure/instructure-ui/commit/40ca6bbaa9d113a34c2477501b34ba4342a044d6))
 
 
 

package/es/DateInput2/index.js

@@ -248,7 +248,6 @@ const DateInput2 = /*#__PURE__*/forwardRef(({
         withBackground: false,
         withBorder: false,
         screenReaderLabel: screenReaderLabels.calendarIcon,
-        shape: "circle",
         interaction: interaction,
         children: renderCalendarIcon ? callRenderProp(renderCalendarIcon) : _IconCalendarMonthLin || (_IconCalendarMonthLin = _jsx(IconCalendarMonthLine, {}))
       }),

package/lib/DateInput2/index.js

@@ -258,7 +258,6 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
         withBackground: false,
         withBorder: false,
         screenReaderLabel: screenReaderLabels.calendarIcon,
-        shape: "circle",
         interaction: interaction,
         children: renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _jsxRuntime.jsx)(_IconCalendarMonthLine.IconCalendarMonthLine, {}))
       }),

package/package.json

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

package/src/DateInput2/README.md

@@ -2,7 +2,7 @@
 describes: DateInput2
 ---
 
-> _Warning_: `DateInput2` is an **experimental** upgrade to the existing [`DateInput`](/#DateInput) component, offering easier configuration, better UX, improved accessibility, and a year picker. While it addresses key limitations of `DateInput`, it's still in the experimental phase, with some missing unit tests and potential API changes.
+> _Info_: `DateInput2` is an upgrade to the [`DateInput`](/#DateInput) component, offering easier configuration, better UX, improved accessibility, and a year picker. Please consider updating to this for WCAG compatiblity and an overall better experience (for both devs and users).
 
 ### Minimal config
 

package/src/DateInput2/index.tsx

@@ -290,7 +290,6 @@ const DateInput2 = forwardRef(
                 withBackground={false}
                 withBorder={false}
                 screenReaderLabel={screenReaderLabels.calendarIcon}
-                shape="circle"
                 interaction={interaction}
               >
                 {renderCalendarIcon ? (