The Date field entry is not persisted when choosing a Date through Date picker (using the mouse)

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.2.X, Master
• Fix Version/s: 7.2.10 DXP FP4, 7.2.X, 7.3.0 CE GA1, 7.3.10 DXP GA1, Master
• Component/s: App Builder, Forms
• Labels:
  • NAT
  • appbuilder_backend
  • appbuilder_deployment
  • appbuilder_edit
  • appbuilder_frontend
  • appbuilder_tableview
  • ee-ts
  • liferay-fixpack-dxp-4-7210
• Branch Version/s:
  7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 5
• Sprint: App_Builder_7.3_11, App_Builder_7.3_12
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/81277

Description

Bug1: The Date field entry is not persisted when choosing a Date through Date picker (using the mouse). If the user enters a Date by typing the issue is not reproducible and the entry is persisted.

Bug2: It is not possible to load the table view of an app deployed with a Form View containing only a Date field after submitting an entry.

Steps to Reproduce (Bug 1)

1. Go to Control Panel > App Builder > Custom Objects > Add a Custom Object;
2. Add a Form View with a Date field > Add a Table View > Add a Widget App using the created Form Views and Table Views;
3. Add the Widget to a page;
4. Add an entry choosing a Date through Date picker (using the mouse).

Steps to Reproduce (Bug 2)

1. Go to Control Panel > App Builder > Custom Objects > Add a Custom Object;
2. Add a Form View > Add a Date field to the form view;
3. Add a Table View;
4. Deploy an app using the Form View and Table View;
5. Try to load the deployed app.

Browser console log:

?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:1847 TypeError: Cannot read property 'Date' of undefined
 at ?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/table/Table.es.js&/o/js/resolved-module/[email protected]/js/components/table/TableWithPagination.es.js&/o/js/resolved-module/[email protected]/js/components/list-view/ListView.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntries.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntriesApp.es.js:33
 at ?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/table/Table.es.js&/o/js/resolved-module/[email protected]/js/components/table/TableWithPagination.es.js&/o/js/resolved-module/[email protected]/js/components/list-view/ListView.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntries.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntriesApp.es.js:22
 at Array.map (<anonymous>)
 at _default (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/js/components/table/Table.es.js&/o/js/resolved-module/[email protected]/js/components/table/TableWithPagination.es.js&/o/js/resolved-module/[email protected]/js/components/list-view/ListView.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntries.es.js&/o/js/resolved-module/[email protected]/js/pages/entry/ListEntriesApp.es.js:22)
 at dh (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:1578)
 at Jh (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:1722)
 at mj (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:2440)
 at jj (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:2181)
 at Z (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:2141)
 at $i (?browserId=other&minifierType=&languageId=en_US&b=7201&t=1572446348869&/o/js/resolved-module/[email protected]/cjs/react.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/warning.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/ToastContainer.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/[email protected]/cjs/scheduler.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/cjs/react-dom.production.min.js&/o/js/resolved-module/[email protected]/index.js&/o/js/resolved-module/[email protected]/js/render.es.js&/o/js/resolved-module/[email protected]/js/hooks/useEventListener.es.js&/o/js/resolved-module/[email protected]/js/hooks/useIsMounted.es.js&/o/js/resolved-module/[email protected]/js/hooks/useInterval.es.js&/o/js/resolved-module/[email protected]/js/hooks/usePrevious.es.js&/o/js/resolved-module/[email protected]/js/hooks/useTimeout.es.js&/o/js/resolved-module/[email protected]/js/index.es.js&/o/js/resolved-module/[email protected]/liferay/toast/commands/OpenToast.es.js&/o/js/resolved-module/[email protected]/liferay/throttle.es.js&/o/js/resolved-module/[email protected]/index.es.js&/o/js/resolved-module/[email protected]/liferay/surface/Surface.es.js&/o/js/resolved-module/[email protected]/liferay/util/Utils.es.js&/o/js/resolved-module/[email protected]/liferay/app/App.es.js&/o/js/resolved-module/[email protected]/liferay/screen/EventScreen.es.js&/o/js/resolved-module/[email protected]/liferay/screen/ActionURLScreen.es.js:2083)

Expected Result

Bug1: The Date field entry is persisted.

Bug2: It is possible to load the table view of an app deployed with a Form View containing only a Date field after submitting an entry.

Actual Result

Bug1: The Date field entry is not persisted.

Bug2: It is not possible to load the table view of an app deployed with a Form View containing only a Date field after submitting an entry.

Reproduced In

master: 962a82155b6b6a1fa4fb69f5ce246e5b02518af3