hypeserver / react-date-range

A React component for choosing dates and date ranges.
MIT License
2.57k stars 658 forks source link

shownDate changes do not change Calendar #552

Open tecfella opened 2 years ago

tecfella commented 2 years ago

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch react-date-range@1.4.0 for the project I'm working on.

I am changing the shownDate programatically and finding the shown calendar does not change.

I made the following changes to the code.

Here is the diff that solved my problem:

diff --git a/node_modules/react-date-range/dist/components/Calendar/index.js b/node_modules/react-date-range/dist/components/Calendar/index.js
index 79a1396..1ea074a 100644
--- a/node_modules/react-date-range/dist/components/Calendar/index.js
+++ b/node_modules/react-date-range/dist/components/Calendar/index.js
@@ -581,6 +581,10 @@ var Calendar = /*#__PURE__*/function (_PureComponent) {
         });
       }

+      if (prevProps.shownDate !== this.props.shownDate) {
+        this.changeShownDate(this.props.shownDate);
+      }
+
       if (!(0, _shallowEqual.shallowEqualObjects)(prevProps.scroll, this.props.scroll)) {
         this.setState({
           scrollArea: this.calcScrollArea(this.props)

This issue body was partially generated by patch-package.