small cleanup and add to changelog and readme

Author: thijssteel

CHANGELOG.md

@@ -114,6 +114,7 @@ Momentjs: `moment(dateString).toDate()`
 - `specialDays` prop removed.
 
 ### Added
+- `disabledDates` prop: It's a set of disabled dates.
 - `DefinedRanges` component: It's a set of date presets. Receives `inputRanges`, `staticRanges` for setting date ranges.
 - `DateRangePicker` component. It's combined version of `DateRange` with `DefinedRanges` component.
 - Date range selection by drag.

README.md

@@ -109,6 +109,7 @@ shownDate                            | Date      |                  | initial fo
 minDate                              | Date      |                  | defines minimum date. Disabled earlier dates
 maxDate                              | Date      |                  | defines maximum date. Disabled later dates
 direction                            | String    | 'vertical'       | direction of calendar months. can be `vertical` or `horizontal`
+disabledDates                        | Date[]    | []               | dates that are disabled
 scroll                       				 | Object    | { enabled: false }| infinite scroll behaviour configuration. Check out [Infinite Scroll](#infinite-scrolled-mode) section
 showMonthArrow                       | Boolean   | true             | show/hide month arrow button
 navigatorRenderer                    | Func      |                  | renderer for focused date navigation area. fn(currentFocusedDate: Date, changeShownDate: func, props: object)

src/components/DateRange.js

@@ -3,15 +3,7 @@ import PropTypes from 'prop-types';
 import Calendar from './Calendar.js';
 import { rangeShape } from './DayCell';
 import { findNextRangeIndex, generateStyles } from '../utils.js';
-import {
-  isBefore,
-  differenceInCalendarDays,
-  addDays,
-  min,
-  isWithinInterval,
-  isAfter,
-  max,
-} from 'date-fns';
+import { isBefore, differenceInCalendarDays, addDays, min, isWithinInterval, max } from 'date-fns';
 import classnames from 'classnames';
 import coreStyles from '../styles';
 
@@ -68,9 +60,9 @@ class DateRange extends Component {
 
     if (inValidDatesWithinRange.length > 0) {
       if (isStartDateSelected) {
-        startDate = addDays(max(disabledDates.filter(date => isBefore(date, endDate))), 1);
+        startDate = addDays(max(inValidDatesWithinRange), 1);
       } else {
-        endDate = addDays(min(disabledDates.filter(date => isAfter(date, startDate))), -1);
+        endDate = addDays(min(inValidDatesWithinRange), -1);
       }
     }