Update react-dates to 21.8.0 (#40801)

* Update react-dates to 21.8.0 * Add changelog entry
WordPress · May 5, 2022 · f16e8ba · f16e8ba
1 parent 1721253
commit f16e8ba
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 68 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -8,6 +8,7 @@
 
 -   `UnitControl`: migrate unit tests to TypeScript ([#40697](https://github.com/WordPress/gutenberg/pull/40697)).
 -   `DatePicker`: Add improved unit tests ([#40754](https://github.com/WordPress/gutenberg/pull/40754)).
+-   `DatePicker`: Update `react-dates` to 21.8.0 ([#40801](https://github.com/WordPress/gutenberg/pull/40801)).
 
 ### Enhancements
 

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -64,7 +64,7 @@
 		"moment": "^2.22.1",
 		"re-resizable": "^6.4.0",
 		"react-colorful": "^5.3.1",
-		"react-dates": "^17.1.1",
+		"react-dates": "^21.8.0",
 		"react-resize-aware": "^3.1.0",
 		"reakit": "^1.3.8",
 		"uuid": "^8.3.0"

diff --git a/packages/components/src/date-time/test/date.js b/packages/components/src/date-time/test/date.js
@@ -19,8 +19,9 @@ describe( 'DatePicker', () => {
 			screen.getByRole( 'button', { name: 'Monday, May 2, 2022' } )
 		).toHaveClass( 'CalendarDay__selected' );
 
-		// Expect React deprecation warning due to outdated 'react-dates' package.
-		// TODO: Update 'react-dates'.
+		// Expect React deprecation warning due to 'react-dates' using outdated
+		// React lifecycle methods.
+		// https://github.com/react-dates/react-dates/issues/1748
 		expect( console ).toHaveWarned();
 	} );