@instructure/ui-date-input 8.26.2 → 8.26.4-snapshot-3

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.26.4-snapshot-3](https://github.com/instructure/instructure-ui/compare/v8.26.3...v8.26.4-snapshot-3) (2022-07-18)
+
+
+### Features
+
+* support React 18 ([0a2bf0c](https://github.com/instructure/instructure-ui/commit/0a2bf0cdd4d8bcec6e42a7ccf28a787e4a35bc40))
+
+
+
+
+
+## [8.26.3](https://github.com/instructure/instructure-ui/compare/v8.26.2...v8.26.3) (2022-07-14)
+
+### Bug Fixes
+
+- **ui-color-picker,ui-date-input,ui-date-time-input,ui-select,ui-simple-select,ui-text-input,ui-time-select:** before/after elements should inherit input color ([7daf257](https://github.com/instructure/instructure-ui/commit/7daf257a8ee491f84de2f00a56becd22636891e3))
+
 ## [8.26.2](https://github.com/instructure/instructure-ui/compare/v8.26.1...v8.26.2) (2022-07-11)
 
 **Note:** Version bump only for package @instructure/ui-date-input

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "8.26.2",
+  "version": "8.26.4-snapshot-3",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,28 +23,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.26.2",
-    "@instructure/ui-test-locator": "8.26.2",
-    "@instructure/ui-test-utils": "8.26.2"
+    "@instructure/ui-babel-preset": "8.26.4-snapshot-3",
+    "@instructure/ui-test-locator": "8.26.4-snapshot-3",
+    "@instructure/ui-test-utils": "8.26.4-snapshot-3"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.26.2",
-    "@instructure/ui-calendar": "8.26.2",
-    "@instructure/ui-form-field": "8.26.2",
-    "@instructure/ui-icons": "8.26.2",
-    "@instructure/ui-popover": "8.26.2",
-    "@instructure/ui-position": "8.26.2",
-    "@instructure/ui-prop-types": "8.26.2",
-    "@instructure/ui-react-utils": "8.26.2",
-    "@instructure/ui-selectable": "8.26.2",
-    "@instructure/ui-testable": "8.26.2",
-    "@instructure/ui-text-input": "8.26.2",
-    "@instructure/ui-utils": "8.26.2",
+    "@instructure/emotion": "8.26.4-snapshot-3",
+    "@instructure/ui-calendar": "8.26.4-snapshot-3",
+    "@instructure/ui-form-field": "8.26.4-snapshot-3",
+    "@instructure/ui-icons": "8.26.4-snapshot-3",
+    "@instructure/ui-popover": "8.26.4-snapshot-3",
+    "@instructure/ui-position": "8.26.4-snapshot-3",
+    "@instructure/ui-prop-types": "8.26.4-snapshot-3",
+    "@instructure/ui-react-utils": "8.26.4-snapshot-3",
+    "@instructure/ui-selectable": "8.26.4-snapshot-3",
+    "@instructure/ui-testable": "8.26.4-snapshot-3",
+    "@instructure/ui-text-input": "8.26.4-snapshot-3",
+    "@instructure/ui-utils": "8.26.4-snapshot-3",
     "prop-types": "^15"
   },
   "peerDependencies": {
-    "react": ">=16.8 <=17"
+    "react": ">=16.8 <=18"
   },
   "publishConfig": {
     "access": "public"

package/src/DateInput/index.tsx

@@ -155,7 +155,7 @@ class DateInput extends Component<DateInputProps> {
   }
 
   renderDays(getOptionProps: SelectableRender['getOptionProps']) {
-    const children = this.props.children as ReactElement<CalendarDayProps>
+    const children = this.props.children as ReactElement<CalendarDayProps>[]
 
     return Children.map(children, (day) => {
       const { date, isOutsideMonth } = day.props

package/src/DateInput/props.ts

@@ -35,6 +35,7 @@ import type { CalendarDayProps } from '@instructure/ui-calendar'
 import type { FormMessage } from '@instructure/ui-form-field'
 import type { PlacementPropValues } from '@instructure/ui-position'
 import type {
+  Renderable,
   OtherHTMLAttributes,
   PropValidators
 } from '@instructure/shared-types'
@@ -45,7 +46,7 @@ type DateInputOwnProps = {
   /**
    * Specifies the input label.
    */
-  renderLabel: React.ReactNode | (() => React.ReactNode)
+  renderLabel: Renderable
   /**
    * Specifies the input value.
    */
@@ -181,14 +182,14 @@ type DateInputOwnProps = {
    * prop to `icon`, the `size` prop to `small`, and setting the `icon` prop to
    * [IconArrowOpenEnd](#iconography).
    */
-  renderNextMonthButton?: (() => React.ReactNode) | React.ReactNode
+  renderNextMonthButton?: Renderable
   /**
    * A button to render in the calendar navigation header. The recommendation is
    * to compose it with the [Button](#Button) component, setting the `variant`
    * prop to `icon`, the `size` prop to `small`, and setting the `icon` prop to
    * [IconArrowOpenStart](#iconography).
    */
-  renderPrevMonthButton?: (() => React.ReactNode) | React.ReactNode
+  renderPrevMonthButton?: Renderable
   /**
    * children of type `<DateInput.Day />` There should be exactly 42 provided (6
    * weeks).