@instructure/ui-select 11.7.3-snapshot-29 → 11.7.3-snapshot-30

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.7.3-snapshot-29](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-29) (2026-05-06)
+## [11.7.3-snapshot-30](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-30) (2026-05-07)
 
 
 ### Bug Fixes
@@ -11,6 +11,32 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
 
 
+### Features
+
+* **ui-select,ui-date-time-input:** rework DateTimeInput and replace DateInput v1 with DateInput v2 in DateTimeInput ([5a9405c](https://github.com/instructure/instructure-ui/commit/5a9405c0a19ea9fc6a34b2f34c60c582f96ec2af))
+
+
+### BREAKING CHANGES
+
+* **ui-select,ui-date-time-input:** prevMonthLabel prop removed (use screenReaderLabels.prevMonthButton instead)
+
+nextMonthLabel prop removed (use screenReaderLabels.nextMonthButton instead)
+
+renderWeekdayLabels prop removed
+
+dateFormat type changed: string → string
+
+{ parser: (input: string) => Date
+
+null, formatter: (date: Date) => string }
+
+screenReaderLabels is a new required prop
+
+dateFormat default changed: Moment's 'LL' (long month name) → locale's default date format
+
+INSTUI-4791
+
+
 
 
 

package/es/Select/v2/index.js

@@ -33,7 +33,7 @@ import { Selectable } from '@instructure/ui-selectable';
 import { Popover } from '@instructure/ui-popover/latest';
 import { TextInput } from '@instructure/ui-text-input/latest';
 import { Options } from '@instructure/ui-options/latest';
-import { ChevronDownInstUIIcon, ChevronUpInstUIIcon, CheckInstUIIcon } from '@instructure/ui-icons';
+import { ChevronDownInstUIIcon, ChevronUpInstUIIcon } from '@instructure/ui-icons';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import { Group } from "./Group/index.js";
@@ -323,16 +323,6 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle), _d
         children
       }) : renderOptionLabel;
     };
-    const {
-      isOptionContentAppliedToInput,
-      size = 'medium'
-    } = this.props;
-    const iconSize = selectSizeToIconSize[size];
-    const checkIcon = isSelected && !isOptionContentAppliedToInput ? _jsx(CheckInstUIIcon, {
-      inline: false,
-      size: iconSize,
-      color: "inverseColor"
-    }) : null;
     let optionProps = {
       // passthrough props
       ...omitProps(option.props, [...Option.allowedProps, ...Options.Item.allowedProps]),
@@ -342,7 +332,7 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle), _d
       }),
       // Options.Item props
       renderBeforeLabel: getRenderOptionLabel(renderBeforeLabel),
-      renderAfterLabel: checkIcon ?? getRenderOptionLabel(renderAfterLabel)
+      renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
     };
     // should option be treated as highlighted or selected
     if (isSelected && isHighlighted) {

package/lib/Select/v2/index.js

@@ -334,16 +334,6 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
         children
       }) : renderOptionLabel;
     };
-    const {
-      isOptionContentAppliedToInput,
-      size = 'medium'
-    } = this.props;
-    const iconSize = selectSizeToIconSize[size];
-    const checkIcon = isSelected && !isOptionContentAppliedToInput ? (0, _jsxRuntime.jsx)(_uiIcons.CheckInstUIIcon, {
-      inline: false,
-      size: iconSize,
-      color: "inverseColor"
-    }) : null;
     let optionProps = {
       // passthrough props
       ...(0, _omitProps.omitProps)(option.props, [..._Option.Option.allowedProps, ..._latest4.Options.Item.allowedProps]),
@@ -353,7 +343,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       }),
       // Options.Item props
       renderBeforeLabel: getRenderOptionLabel(renderBeforeLabel),
-      renderAfterLabel: checkIcon ?? getRenderOptionLabel(renderAfterLabel)
+      renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
     };
     // should option be treated as highlighted or selected
     if (isSelected && isHighlighted) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.7.3-snapshot-29",
+  "version": "11.7.3-snapshot-30",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,30 +15,30 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/emotion": "11.7.3-snapshot-29",
-    "@instructure/ui-dom-utils": "11.7.3-snapshot-29",
-    "@instructure/shared-types": "11.7.3-snapshot-29",
-    "@instructure/ui-icons": "11.7.3-snapshot-29",
-    "@instructure/ui-form-field": "11.7.3-snapshot-29",
-    "@instructure/ui-options": "11.7.3-snapshot-29",
-    "@instructure/ui-popover": "11.7.3-snapshot-29",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-29",
-    "@instructure/ui-selectable": "11.7.3-snapshot-29",
-    "@instructure/ui-themes": "11.7.3-snapshot-29",
-    "@instructure/ui-position": "11.7.3-snapshot-29",
-    "@instructure/ui-utils": "11.7.3-snapshot-29",
-    "@instructure/ui-view": "11.7.3-snapshot-29",
-    "@instructure/ui-text-input": "11.7.3-snapshot-29",
-    "@instructure/uid": "11.7.3-snapshot-29"
+    "@instructure/emotion": "11.7.3-snapshot-30",
+    "@instructure/ui-form-field": "11.7.3-snapshot-30",
+    "@instructure/ui-dom-utils": "11.7.3-snapshot-30",
+    "@instructure/shared-types": "11.7.3-snapshot-30",
+    "@instructure/ui-icons": "11.7.3-snapshot-30",
+    "@instructure/ui-options": "11.7.3-snapshot-30",
+    "@instructure/ui-position": "11.7.3-snapshot-30",
+    "@instructure/ui-text-input": "11.7.3-snapshot-30",
+    "@instructure/ui-themes": "11.7.3-snapshot-30",
+    "@instructure/ui-selectable": "11.7.3-snapshot-30",
+    "@instructure/ui-popover": "11.7.3-snapshot-30",
+    "@instructure/ui-view": "11.7.3-snapshot-30",
+    "@instructure/uid": "11.7.3-snapshot-30",
+    "@instructure/ui-utils": "11.7.3-snapshot-30",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-30"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-29",
-    "@instructure/ui-scripts": "11.7.3-snapshot-29",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-29"
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-30",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-30",
+    "@instructure/ui-scripts": "11.7.3-snapshot-30"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Select/v2/index.tsx

@@ -44,8 +44,7 @@ import { TextInput } from '@instructure/ui-text-input/latest'
 import { Options } from '@instructure/ui-options/latest'
 import {
   ChevronDownInstUIIcon,
-  ChevronUpInstUIIcon,
-  CheckInstUIIcon
+  ChevronUpInstUIIcon
 } from '@instructure/ui-icons'
 
 import type { ViewProps } from '@instructure/ui-view/latest'
@@ -422,13 +421,6 @@ class Select extends Component<SelectProps> {
         : (renderOptionLabel as React.ReactNode)
     }
 
-    const { isOptionContentAppliedToInput, size = 'medium' } = this.props
-    const iconSize = selectSizeToIconSize[size]
-    const checkIcon =
-      isSelected && !isOptionContentAppliedToInput ? (
-        <CheckInstUIIcon inline={false} size={iconSize} color="inverseColor" />
-      ) : null
-
     let optionProps: Partial<OptionsItemProps> = {
       // passthrough props
       ...omitProps(option.props, [
@@ -439,7 +431,7 @@ class Select extends Component<SelectProps> {
       ...getOptionProps({ id }),
       // Options.Item props
       renderBeforeLabel: getRenderOptionLabel(renderBeforeLabel),
-      renderAfterLabel: checkIcon ?? getRenderOptionLabel(renderAfterLabel)
+      renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
     }
     // should option be treated as highlighted or selected
     if (isSelected && isHighlighted) {