diff --git a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js
index a7baa11484..f63d50db08 100644
--- a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js
+++ b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/GenericInput.js
@@ -17,7 +17,11 @@ function GenericInput({ type, onChange, value, ...rest }) {
return (
- onChange(e.target.value._d)} value={momentValue} {...rest} />
+ onChange(e.target.value.format('YYYY-MM-DD'))}
+ value={momentValue}
+ {...rest}
+ />
);
}
@@ -27,7 +31,11 @@ function GenericInput({ type, onChange, value, ...rest }) {
return (
- onChange(e.target.value)} value={momentValue} {...rest} />
+ onChange(e.target.value.format('YYYY-MM-DD'))}
+ value={momentValue}
+ {...rest}
+ />
);
}
diff --git a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js
index 039e9aa25b..cf9f1dfa0a 100644
--- a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js
+++ b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/tests/AttributeFilter.test.js
@@ -1,11 +1,16 @@
import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import { BrowserRouter } from 'react-router-dom';
-
import AttributeFilter from '..';
import addressCt from '../../../../../../../../admin-test-utils/lib/fixtures/collectionTypes/address';
import addressMetaData from '../../../../../../../../admin-test-utils/lib/fixtures/metaData/address';
+class MockDate extends Date {
+ constructor() {
+ super(1992, 5, 21);
+ }
+}
+
jest.mock('react-intl', () => ({
// eslint-disable-next-line react/prop-types
FormattedMessage: ({ id }) => ,
@@ -111,6 +116,17 @@ const renderComponent = () =>
);
describe('AttributeFilter', () => {
+ let realDate;
+
+ beforeEach(() => {
+ realDate = global.Date;
+ global.Date = MockDate;
+ });
+
+ afterEach(() => {
+ global.Date = realDate;
+ });
+
it('snapshots the filter dropdown with a set of valid fields', () => {
const { container } = renderComponent();
@@ -339,7 +355,7 @@ describe('AttributeFilter', () => {
name="start_date"
tabindex="0"
type="text"
- value="June 29, 2021"
+ value="June 21, 1992"
/>
`);
});