Fic right iconClick on InputDate component

Author: Kubit

src/components/inputDate/hooks/__tests__/useInputDate.test.tsx

@@ -67,17 +67,6 @@ describe('useInputDate Hook', () => {
     });
     expect(onChange).toHaveBeenCalledTimes(1);
   });
-  it('handleShowCalendar - call onCalendarOpen', () => {
-    const onCalendarOpen = jest.fn();
-    const format = 'DD-MM-YYYY';
-    const minDate = new Date('01-01-2000');
-    const { result } = renderHookProvider(() => useInputDate({ format, minDate, onCalendarOpen }));
-
-    act(() => {
-      result.current.handleShowCalendar();
-    });
-    expect(onCalendarOpen).toHaveBeenCalledTimes(1);
-  });
   it('handleChangeInternalValidate with range value- call onChange', () => {
     const onChange = jest.fn();
     const format = 'DD-MM-YYYY';

src/components/inputDate/hooks/useInputDate.ts

@@ -44,7 +44,6 @@ type ReturnType = ReturnTypeInputHook & {
   // functions
   handleClickInput: React.MouseEventHandler<HTMLInputElement>;
   handlePickCalendarDate: (newDate: Date[]) => void;
-  handleShowCalendar: () => void;
   handleOpenCalendar: (open: boolean) => void;
   handleChangeInternalValidate: ChangeEventHandler<HTMLInputElement>;
   handleWrapperBlur: FocusEventHandler<HTMLDivElement>;
@@ -229,12 +228,6 @@ export const useInputDate = ({
   );
 
   // Methods
-  // Click on the icon to show the calendar
-  const handleShowCalendar = () => {
-    setCalendarOpen(!calendarOpen);
-    props.onCalendarOpen?.(!calendarOpen);
-  };
-
   // Popover control calendar
   const handleOpenCalendar = (open: boolean): void => {
     setCalendarOpen(open);
@@ -509,7 +502,6 @@ export const useInputDate = ({
     calendarOpen,
     handleClickInput,
     handlePickCalendarDate,
-    handleShowCalendar,
     handleOpenCalendar,
     handleChangeInternalValidate,
     value,

src/components/inputDate/inputDate.tsx

@@ -65,7 +65,6 @@ const InputDateComponent = React.forwardRef(
       calendarOpen,
       handleClickInput,
       handlePickCalendarDate,
-      handleShowCalendar,
       handleOpenCalendar,
       value,
       state,
@@ -122,7 +121,13 @@ const InputDateComponent = React.forwardRef(
         calendarOpen={calendarOpen}
         dateFormatted={dateFormatted}
         hasRange={hasRange}
-        icon={{ ...props.icon, onClick: handleShowCalendar }}
+        icon={{
+          ...props.icon,
+          onClick: event => {
+            handleOpenCalendar(!calendarOpen);
+            props.icon?.onClick?.(event);
+          },
+        }}
         informationAssociatedValue={informationAssociatedValue}
         mask={mask}
         maskType={maskType}
@@ -136,7 +141,7 @@ const InputDateComponent = React.forwardRef(
         rightIcon={{
           ...props.rightIcon,
           onClick: event => {
-            handleShowCalendar();
+            handleOpenCalendar(!calendarOpen);
             props.rightIcon?.onClick?.(event);
           },
         }}

src/components/inputDate/inputDateStandAlone.tsx

@@ -44,6 +44,7 @@ export const InputDateStandAloneComponent = (
         variant={props.inputVariant ?? props.styles?.[props.state]?.inputVariant}
       />
       <PopoverCalendar
+        ref={ref}
         calendar={props.calendar}
         calendarOpen={props.calendarOpen}
         closeIcon={props.closeIcon}