Merge pull request wix#1618 from wix/feat/allowSelectionOutOfRange

Add allowSelectionOutOfRange prop to Calendar
WemasteLLC · Aug 30, 2021 · d5c8e85 · d5c8e85
2 parents 8fb1fc0 + be63a34
commit d5c8e85
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/calendar/index.tsx b/src/calendar/index.tsx
@@ -71,6 +71,8 @@ export interface CalendarProps extends CalendarHeaderProps, DayProps {
   headerStyle?: ViewStyle;
   /** Allow rendering of a totally custom header */
   customHeader?: any;
+  /** Allow selection of dates before minDate or after maxDate */
+  allowSelectionOutOfRange?: boolean;
 }
 
 interface CalendarState {
@@ -126,7 +128,9 @@ class Calendar extends Component<CalendarProps, CalendarState> {
     /** Style passed to the header */
     headerStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
     /** Allow rendering of a totally custom header */
-    customHeader: PropTypes.any
+    customHeader: PropTypes.any,
+    /** Allow selection of dates before minDate or after maxDate */
+    allowSelectionOutOfRange: PropTypes.bool
   };
   static defaultProps = {
     enableSwipeMonths: false
@@ -157,12 +161,12 @@ class Calendar extends Component<CalendarProps, CalendarState> {
   };
 
   handleDayInteraction(date: Date, interaction?: (date: DateData) => void) {
-    const {disableMonthChange} = this.props;
+    const {disableMonthChange, allowSelectionOutOfRange} = this.props;
     const day = parseDate(date);
     const minDate = parseDate(this.props.minDate);
     const maxDate = parseDate(this.props.maxDate);
 
-    if (!(minDate && !isGTE(day, minDate)) && !(maxDate && !isLTE(day, maxDate))) {
+    if (allowSelectionOutOfRange || !(minDate && !isGTE(day, minDate)) && !(maxDate && !isLTE(day, maxDate))) {
       const shouldUpdateMonth = disableMonthChange === undefined || !disableMonthChange;
 
       if (shouldUpdateMonth) {