Refactor #1951 - For Calendar

primefaces · Apr 12, 2021 · 394ee87 · 394ee87
1 parent a42b128
commit 394ee87
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/src/components/calendar/Calendar.d.ts b/src/components/calendar/Calendar.d.ts
@@ -107,6 +107,8 @@ interface CalendarProps {
     onViewDateChange?(e: ViewChangeParams): void;
     onTodayButtonClick?(event: React.MouseEvent<HTMLButtonElement>): void;
     onClearButtonClick?(event: React.MouseEvent<HTMLButtonElement>): void;
+    onShow?(): void;
+    onHide?(): void;
 }
 
 export class Calendar extends React.Component<CalendarProps, any> { }
diff --git a/src/components/calendar/Calendar.js b/src/components/calendar/Calendar.js
@@ -87,7 +87,9 @@ export class Calendar extends Component {
         onChange: null,
         onViewDateChange: null,
         onTodayButtonClick: null,
-        onClearButtonClick: null
+        onClearButtonClick: null,
+        onShow: null,
+        onHide: null
     }
 
     static propTypes = {
@@ -162,7 +164,9 @@ export class Calendar extends Component {
         onChange: PropTypes.func,
         onViewDateChange: PropTypes.func,
         onTodayButtonClick: PropTypes.func,
-        onClearButtonClick: PropTypes.func
+        onClearButtonClick: PropTypes.func,
+        onShow: PropTypes.func,
+        onHide: PropTypes.func
     }
 
     constructor(props) {
@@ -1537,6 +1541,8 @@ export class Calendar extends Component {
         this.bindDocumentClickListener();
         this.bindDocumentResizeListener();
         this.bindScrollListener();
+
+        this.props.onShow && this.props.onShow();
     }
 
     onOverlayExit() {
@@ -1547,6 +1553,8 @@ export class Calendar extends Component {
 
     onOverlayExited() {
         ZIndexUtils.clear(this.overlayRef.current);
+
+        this.props.onHide && this.props.onHide();
     }
 
     bindDocumentClickListener() {

diff --git a/src/showcase/calendar/CalendarDoc.js b/src/showcase/calendar/CalendarDoc.js
@@ -1079,6 +1079,16 @@ dateTemplate(date) {
                                 value: New date</td>
                                         <td>Callback to invoke when the displayed month/year is changed.</td>
                                     </tr>
+                                    <tr>
+                                        <td>onShow</td>
+                                        <td>-</td>
+                                        <td>Callback to invoke when overlay panel or modal becomes visible.</td>
+                                    </tr>
+                                    <tr>
+                                        <td>onHide</td>
+                                        <td>-</td>
+                                        <td>Callback to invoke when overlay panel or modal becomes hidden.</td>
+                                    </tr>
                                 </tbody>
                             </table>
                         </div>