Adding calendar event with large date range leads to JS error

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.0 CE GA1, 7.1.X, Master
• Fix Version/s: 7.2.10 DXP FP1, 7.2.1 CE GA2, 7.2.X, 7.3.10 DXP GA1, Master
• Component/s: Calendar
• Labels:
  • QA-V
  • liferay-fixpack-dxp-1-7210
• Branch Version/s:
  7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Sprint: Workflow_7.2_15, Workflow_7.2_SP1_01
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/74748

Steps to Reproduce:

1. Add Calendar to a page
2. Add a new event
3. Add an event Title
4. Set end date to a date far in the future (e.g. 01/01/200000)
5. Publish event

Expected Result:
Success message is shown.

Actual Result:
Event is added but JS error is thrown

Uncaught RangeError: Maximum call stack size exceeded
    at String.replace (<anonymous>)
    at Object._escapeId (selector-native.js:52)
    at Object._splitQueries (selector-native.js:228)
    at Object.query (selector-native.js:146)
    at Y_Node.one (node-core.js:636)
    at BuiltClass.datePicker.updateValue (<anonymous>:798:15)
    at BuiltClass.selectionChange (<anonymous>:765:19)
    at Y.Subscriber._notify (event-custom-base.js:1306)
    at Y.Subscriber.notify (event-custom-base.js:1335)
    at Y.CustomEvent._notify (event-custom-base.js:998)

Master: Reproduced 8e3eb4231d03070768cc3ddbfd9d87422bc1ca68
70x : Not Reproduced fe1583ea0a532382de6a180a06dfe42099284c50