Merge pull request gpbl#585 from smesgr/master

Add possibility to disable roll to prev/next month if outside day is clicked
kimamula · Mar 4, 2018 · f899b49 · f899b49
2 parents 8033880 + c63c928
commit f899b49
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/DayPicker.js b/src/DayPicker.js
@@ -66,6 +66,7 @@ export default class DayPicker extends Component {
 
     // Customization
     showOutsideDays: PropTypes.bool,
+    enableOutsideDaysClick: PropTypes.bool,
     fixedWeeks: PropTypes.bool,
 
     // CSS and HTML
@@ -140,6 +141,7 @@ export default class DayPicker extends Component {
     locale: 'en',
     localeUtils: LocaleUtils,
     showOutsideDays: false,
+    enableOutsideDaysClick: true,
     fixedWeeks: false,
     canChangeMonth: true,
     reverseMonths: false,
@@ -418,7 +420,10 @@ export default class DayPicker extends Component {
 
   handleDayClick = (day, modifiers, e) => {
     e.persist();
-    if (modifiers[this.props.classNames.outside]) {
+    if (
+      modifiers[this.props.classNames.outside] &&
+      this.props.enableOutsideDaysClick
+    ) {
       this.handleOutsideDayClick(day);
     }
     if (this.props.onDayClick) {

diff --git a/types/props.d.ts b/types/props.d.ts
@@ -50,6 +50,7 @@ export interface DayPickerProps {
   >;
   disabledDays?: Modifier | Modifier[];
   showOutsideDays?: boolean;
+  enableOutsideDaysClick?: boolean;
   firstDayOfWeek?: number;
   fixedWeeks?: boolean;
   fromMonth?: Date;