Merge pull request #406 from greybutton/feature/disable_day_func

add disableDay function

Author: burakcan

README.md

@@ -107,6 +107,7 @@ minDate                              | Date      |                  | defines mi
 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
+disabledDay                          | Func      |                  | predicate function that disable day fn(date: Date)
 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/Calendar/index.js

@@ -378,6 +378,7 @@ class Calendar extends PureComponent {
       scroll,
       direction,
       disabledDates,
+      disabledDay,
       maxDate,
       minDate,
       rangeColors,
@@ -440,6 +441,7 @@ class Calendar extends PureComponent {
                       drag={this.state.drag}
                       dateOptions={this.dateOptions}
                       disabledDates={disabledDates}
+                      disabledDay={disabledDay}
                       month={monthStep}
                       onDragSelectionStart={this.onDragSelectionStart}
                       onDragSelectionEnd={this.onDragSelectionEnd}
@@ -477,6 +479,7 @@ class Calendar extends PureComponent {
                   drag={this.state.drag}
                   dateOptions={this.dateOptions}
                   disabledDates={disabledDates}
+                  disabledDay={disabledDay}
                   month={monthStep}
                   onDragSelectionStart={this.onDragSelectionStart}
                   onDragSelectionEnd={this.onDragSelectionEnd}
@@ -499,6 +502,7 @@ Calendar.defaultProps = {
   showMonthArrow: true,
   showMonthAndYearPickers: true,
   disabledDates: [],
+  disabledDay: () => {},
   classNames: {},
   locale: defaultLocale,
   ranges: [],
@@ -530,6 +534,7 @@ Calendar.propTypes = {
   showMonthArrow: PropTypes.bool,
   showMonthAndYearPickers: PropTypes.bool,
   disabledDates: PropTypes.array,
+  disabledDay: PropTypes.func,
   minDate: PropTypes.object,
   maxDate: PropTypes.object,
   date: PropTypes.object,

src/components/Month/index.js

@@ -36,7 +36,7 @@ function renderWeekdays(styles, dateOptions, weekdayDisplayFormat) {
 class Month extends PureComponent {
   render() {
     const now = new Date();
-    const { displayMode, focusedRange, drag, styles, disabledDates } = this.props;
+    const { displayMode, focusedRange, drag, styles, disabledDates, disabledDay } = this.props;
     const minDate = this.props.minDate && startOfDay(this.props.minDate);
     const maxDate = this.props.maxDate && endOfDay(this.props.maxDate);
     const monthDisplay = getMonthDisplayRange(
@@ -76,6 +76,7 @@ class Month extends PureComponent {
               const isDisabledSpecifically = disabledDates.some(disabledDate =>
                 isSameDay(disabledDate, day)
               );
+              const isDisabledDay = disabledDay(day);
               return (
                 <DayCell
                   {...this.props}
@@ -89,7 +90,7 @@ class Month extends PureComponent {
                   isStartOfMonth={isStartOfMonth}
                   isEndOfMonth={isEndOfMonth}
                   key={index}
-                  disabled={isOutsideMinMax || isDisabledSpecifically}
+                  disabled={isOutsideMinMax || isDisabledSpecifically || isDisabledDay}
                   isPassive={
                     !isWithinInterval(day, {
                       start: monthDisplay.startDateOfMonth,
@@ -121,6 +122,7 @@ Month.propTypes = {
   drag: PropTypes.object,
   dateOptions: PropTypes.object,
   disabledDates: PropTypes.array,
+  disabledDay: PropTypes.func,
   preview: PropTypes.shape({
     startDate: PropTypes.object,
     endDate: PropTypes.object,