Fix datepicker in advanced filter (https://github.com/woocommerce/woocommerce-admin/pull/7982)

* Make sure we set the onMonthPreviewed prop as this is required for wp.components.DatePicker

* Add changelogs

plugins/woocommerce-admin/changelogs/fix-7507_fix_datepicker

@@ -0,0 +1,4 @@
+Significance: patch
+Type: Fix
+
+Fix usage of Wordpress DatePicker component. #7982

plugins/woocommerce-admin/packages/components/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Unreleased
 
+-   Fix usage of Wordpress DatePicker component in `DatePicker`. #7982
+
 # 8.1.1
 
 -   Fixed warnings when using AdvancedFilters component. #7704

plugins/woocommerce-admin/packages/components/src/calendar/date-picker.js

@@ -6,7 +6,7 @@ import 'core-js/features/array/from';
 import { __, sprintf } from '@wordpress/i18n';
 import { createElement, Component } from '@wordpress/element';
 import { Dropdown, DatePicker as WpDatePicker } from '@wordpress/components';
-import { partial } from 'lodash';
+import { partial, noop } from 'lodash';
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import { dateValidationMessages, toMoment } from '@woocommerce/date';
@@ -127,6 +127,8 @@ class DatePicker extends Component {
 									this.onDateChange,
 									onToggle
 								) }
+								// onMonthPreviewed is required to prevent a React error from happening.
+								onMonthPreviewed={ noop }
 								isInvalidDate={ isInvalidDate }
 							/>
 						</div>