Add prop updateWeek.

Controls whether the week view should update when other props change.

Author: peacechen

README.md

@@ -98,6 +98,7 @@ This is the list of all the props you can pass to the component so that you can
   * selectedDate: PropTypes.any - Date to be used as pre selected Date. It is internaly wrapped by `moment` so it accepts both `Date` and `moment Date`.
   * onDateSelected: PropTypes.func - Function to be used as a callback when a date is selected. It returns `moment Date`
   * onWeekChanged: PropTypes.func - Function to be used as a callback when a week is changed. It returns `moment Date`
+  * updateWeek: PropTypes.bool - (default true) Update the week view if other props change. If `false`, the week view won't change when other props change, but will still respond to left/right selectors.
   * useIsoWeekday: PropTypes.bool - start week on ISO day of week (default true).  If false, starts week on _startingDate_ parameter.  
   * minDate: PropTypes.any - minimum date that the calendar may navigate to. A week is allowed if minDate falls within the current week.
   * maxDate: PropTypes.any - maximum date that the calendar may navigate to. A week is allowed if maxDate falls within the current week.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-calendar-strip",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Easy to use and visually stunning calendar component for React Native",
   "main": "index.js",
   "directories": {

src/CalendarStrip.js

@@ -27,6 +27,7 @@ export default class CalendarStrip extends Component {
     selectedDate: PropTypes.any,
     onDateSelected: PropTypes.func,
     onWeekChanged: PropTypes.func,
+    updateWeek: PropTypes.bool,
     useIsoWeekday: PropTypes.bool,
     minDate: PropTypes.any,
     maxDate: PropTypes.any,
@@ -77,6 +78,7 @@ export default class CalendarStrip extends Component {
     useIsoWeekday: true,
     showMonth: true,
     showDate: true,
+    updateWeek: true,
     iconLeft: require("./img/left-arrow-black.png"),
     iconRight: require("./img/right-arrow-black.png"),
     calendarHeaderFormat: "MMMM YYYY",
@@ -182,7 +184,7 @@ export default class CalendarStrip extends Component {
       updateState = true;
       // No need to update week start here
       startingDate = {
-        startingDate: this.setLocale(moment(nextProps.startingDate))
+        startingDate: this.updateWeekStart(nextProps.startingDate)
       };
       weekData = this.updateWeekData(
         startingDate.startingDate,
@@ -273,6 +275,9 @@ export default class CalendarStrip extends Component {
   // Set the current visible week to the selectedDate
   // When date param is undefined, an update always occurs (e.g. initialize)
   updateWeekStart(newStartDate, originalStartDate = this.state.startingDate) {
+    if (!this.props.updateWeek) {
+      return originalStartDate;
+    }
     let startingDate = moment(newStartDate).startOf("day");
     let daysDiff = startingDate.diff(originalStartDate.startOf("day"), "days");
     if (daysDiff === 0) {
@@ -285,7 +290,7 @@ export default class CalendarStrip extends Component {
       : Math.ceil(Math.abs(adjustWeeks));
     startingDate = originalStartDate[addOrSubtract](adjustWeeks, "w");
 
-    return startingDate;
+    return this.setLocale(startingDate);
   }
 
   // Get & update week states for the week based on the startingDate