Fix #1661: Calendar do not navigate past min and max

primefaces · May 9, 2022 · 4a983cf · 4a983cf
1 parent 70c2b2f
commit 4a983cf
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/api-generator/components/calendar.js b/api-generator/components/calendar.js
@@ -281,6 +281,12 @@ const CalendarProps = [
         default: 'null',
         description: 'Maximum number of selectable dates in multiple mode.'
     },
+    {
+        name: 'showOutliers',
+        type: 'boolean',
+        default: 'true',
+        description: 'Whether to allow navigation past min/max dates.'
+    },
     {
         name: 'showOtherMonths',
         type: 'boolean',

diff --git a/components/doc/calendar/index.js b/components/doc/calendar/index.js
@@ -1107,6 +1107,12 @@ const monthNavigatorTemplate = (options) => {
                                     <td>null</td>
                                     <td>Maximum number of selectable dates in multiple mode.</td>
                                 </tr>
+                                <tr>
+                                    <td>showOutliers</td>
+                                    <td>boolean</td>
+                                    <td>true</td>
+                                    <td>Whether to allow navigation past min/max dates.</td>
+                                </tr>
                                 <tr>
                                     <td>showOtherMonths</td>
                                     <td>boolean</td>

diff --git a/components/lib/calendar/Calendar.d.ts b/components/lib/calendar/Calendar.d.ts
@@ -126,6 +126,7 @@ export interface CalendarProps {
     minDate?: Date;
     maxDate?: Date;
     maxDateCount?: number;
+    showOutliers?: boolean;
     showOtherMonths?: boolean;
     selectOtherMonths?: boolean;
     showButtonBar?: boolean;

diff --git a/components/lib/calendar/Calendar.js b/components/lib/calendar/Calendar.js
@@ -948,7 +948,7 @@ export const Calendar = React.memo(React.forwardRef((props, ref) => {
     }
 
     const setNavigationState = (newViewDate) => {
-        if (props.view !== 'date' || !overlayRef.current) {
+        if (!props.showOutliers || props.view !== 'date' || !overlayRef.current) {
             return;
         }
 
@@ -3160,6 +3160,7 @@ Calendar.defaultProps = {
     minDate: null,
     maxDate: null,
     maxDateCount: null,
+    showOutliers: true,
     showOtherMonths: true,
     selectOtherMonths: false,
     showButtonBar: false,