Rename preventUnnecessaryRefocus -> preventSnapRefocus & remove redundant arg to differenceInCalendarMonths

Author: lexispike

README.md

@@ -128,7 +128,7 @@ showPreview(DateRange)               | bool      | true             | visibility
 editableDateInputs(Calendar)         | bool      | false            | whether dates can be edited in the Calendar's input fields
 dragSelectionEnabled(Calendar)       | bool      | true             | whether dates can be selected via drag n drop
 calendarFocus(Calendar)              | String    | 'forwards'       | Whether calendar focus month should be forward-driven or backwards-driven. can be 'forwards' or 'backwards'
-preventUnnecessaryRefocus(Calendar)  | bool      | false            | prevents unneceessary refocus of shown range on selection
+preventSnapRefocus(Calendar)  | bool      | false            | prevents unneceessary refocus of shown range on selection
 onPreviewChange(DateRange)           | Object    |                  | Callback function for preview changes
 dateDisplayFormat                    | String    | `MMM d, yyyy`    | selected range preview formatter. Check out [date-fns's format option](https://date-fns.org/docs/format)
 dayDisplayFormat                     | String    | `d`              | selected range preview formatter. Check out [date-fns's format option](https://date-fns.org/docs/format)

src/components/Calendar/index.js

@@ -78,12 +78,8 @@ class Calendar extends PureComponent {
   }
   focusToDate = (date, props = this.props, preventUnnecessary = true) => {
     if (!props.scroll.enabled) {
-      if (preventUnnecessary && props.preventUnnecessaryRefocus) {
-        const focusedDateDiff = differenceInCalendarMonths(
-          date,
-          this.state.focusedDate,
-          this.dateOptions
-        );
+      if (preventUnnecessary && props.preventSnapRefocus) {
+        const focusedDateDiff = differenceInCalendarMonths(date, this.state.focusedDate);
         const isAllowedForward = props.calendarFocus === 'forwards' && focusedDateDiff >= 0;
         const isAllowedBackward = props.calendarFocus === 'backwards' && focusedDateDiff <= 0;
         if ((isAllowedForward || isAllowedBackward) && Math.abs(focusedDateDiff) < props.months) {
@@ -561,7 +557,7 @@ Calendar.defaultProps = {
   dragSelectionEnabled: true,
   fixedHeight: false,
   calendarFocus: 'forwards',
-  preventUnnecessaryRefocus: false,
+  preventSnapRefocus: false,
   ariaLabels: {},
 };
 
@@ -617,7 +613,7 @@ Calendar.propTypes = {
   dragSelectionEnabled: PropTypes.bool,
   fixedHeight: PropTypes.bool,
   calendarFocus: PropTypes.string,
-  preventUnnecessaryRefocus: PropTypes.bool,
+  preventSnapRefocus: PropTypes.bool,
   ariaLabels: ariaLabelsShape,
 };
 

src/components/DateRangePicker/README.md

@@ -24,7 +24,7 @@ const [state, setState] = useState([
 />;
 ```
 
-#### Example: Backwards 2 Month View with preventUnnecessaryRefocus
+#### Example: Backwards 2 Month View with preventSnapRefocus
 
 ```jsx inside Markdown
 import { addDays } from 'date-fns';
@@ -45,7 +45,7 @@ const [state, setState] = useState([
   months={2}
   ranges={state}
   direction="horizontal"
-  preventUnnecessaryRefocus={true}
+  preventSnapRefocus={true}
   calendarFocus="backwards"
 />;
 ```