Add capability to set fixedHeight (constant 6 rows view)

Author: onurkerimov

src/components/Calendar/index.js

@@ -528,6 +528,7 @@ Calendar.defaultProps = {
   endDatePlaceholder: 'Continuous',
   editableDateInputs: false,
   dragSelectionEnabled: true,
+  fixedHeight: false,
 };
 
 Calendar.propTypes = {
@@ -579,6 +580,7 @@ Calendar.propTypes = {
   rangeColors: PropTypes.arrayOf(PropTypes.string),
   editableDateInputs: PropTypes.bool,
   dragSelectionEnabled: PropTypes.bool,
+  fixedHeight: PropTypes.bool,
 };
 
 export default Calendar;

src/components/Month/index.js

@@ -39,7 +39,11 @@ class Month extends PureComponent {
     const { displayMode, focusedRange, drag, styles, disabledDates } = this.props;
     const minDate = this.props.minDate && startOfDay(this.props.minDate);
     const maxDate = this.props.maxDate && endOfDay(this.props.maxDate);
-    const monthDisplay = getMonthDisplayRange(this.props.month, this.props.dateOptions);
+    const monthDisplay = getMonthDisplayRange(
+      this.props.month,
+      this.props.dateOptions,
+      this.props.fixedHeight
+    );
     let ranges = this.props.ranges;
     if (displayMode === 'dateRange' && drag.status) {
       let { startDate, endDate } = drag.range;
@@ -136,6 +140,7 @@ Month.propTypes = {
   dayDisplayFormat: PropTypes.string,
   showWeekDays: PropTypes.bool,
   showMonthName: PropTypes.bool,
+  fixedHeight: PropTypes.bool,
 };
 
 export default Month;

src/utils.js

@@ -6,6 +6,8 @@ import {
   endOfMonth,
   startOfWeek,
   endOfWeek,
+  differenceInCalendarDays,
+  addDays,
 } from 'date-fns';
 
 export function calcFocusDate(currentFocusedDate, props) {
@@ -52,11 +54,14 @@ export function findNextRangeIndex(ranges, currentRangeIndex = -1) {
   return ranges.findIndex(range => range.autoFocus !== false && !range.disabled);
 }
 
-export function getMonthDisplayRange(date, dateOptions) {
+export function getMonthDisplayRange(date, dateOptions, fixedHeight) {
   const startDateOfMonth = startOfMonth(date, dateOptions);
   const endDateOfMonth = endOfMonth(date, dateOptions);
   const startDateOfCalendar = startOfWeek(startDateOfMonth, dateOptions);
-  const endDateOfCalendar = endOfWeek(endDateOfMonth, dateOptions);
+  let endDateOfCalendar = endOfWeek(endDateOfMonth, dateOptions);
+  if (fixedHeight && differenceInCalendarDays(endDateOfCalendar, startDateOfCalendar) <= 34) {
+    endDateOfCalendar = addDays(endDateOfCalendar, 7);
+  }
   return {
     start: startDateOfCalendar,
     end: endDateOfCalendar,