fix: don't trigger onChange twice when clicking on calendar

Author: lisalupi

packages/form/src/components/DateInputField/__tests__/index.test.tsx

@@ -38,7 +38,7 @@ describe('DateInputField', () => {
     await userEvent.click(input)
     await userEvent.click(screen.getByText('15'))
     await waitFor(() => {
-      expect(onChange).toBeCalledTimes(2)
+      expect(onChange).toBeCalledTimes(1)
     })
 
     expect(resultForm.current.getValues('test')).toEqual(
@@ -72,7 +72,7 @@ describe('DateInputField', () => {
     await userEvent.click(screen.getByText('15'))
 
     await waitFor(() => {
-      expect(onChange).toBeCalledTimes(3)
+      expect(onChange).toBeCalledTimes(2)
     })
 
     expect(resultForm.current.getValues('test')).toEqual([

packages/ui/src/components/DateInput/index.tsx

@@ -151,6 +151,7 @@ export const DateInput = <IsRange extends undefined | boolean>({
   )
   const [hoveredDate, setHoveredDate] = useState<Date | null>(null)
   const refInput = useRef<HTMLInputElement>(null)
+  const popupRef = useRef<HTMLDivElement>(null)
   const MONTHS = getMonths(locale)
   const DAYS = getDays(locale)
   const MONTHS_ARR = getLocalizedMonths(locale)
@@ -274,6 +275,7 @@ export const DateInput = <IsRange extends undefined | boolean>({
         onClick={() => {
           if (!isPopupVisible) setVisible(true)
         }}
+        ref={popupRef}
       >
         {input === 'text' ? (
           <CalendarPopup