Disable days past maxDate (#4415)

.changeset/plenty-singers-design.md

@@ -0,0 +1,5 @@
+---
+'@toptal/picasso-calendar': patch
+---
+
+- fix issue with days past maxDate are not disabled

packages/base/Calendar/src/Calendar/Calendar.tsx

@@ -241,7 +241,6 @@ export const Calendar = forwardRef<HTMLDivElement, Props>(function Calendar(
             onSelect={range ? handleRangeChange : handleSingleDateChange}
             fromDate={minDate}
             fromYear={minDate?.getFullYear()}
-            toYear={maxDate?.getFullYear()}
             onMonthChange={month => setNavigationMonth(month)}
             toDate={maxDate}
             numberOfMonths={shouldRenderMultipleMonths ? numberOfMonths : 1}

packages/base/Calendar/src/Calendar/test.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { render } from '@toptal/picasso-test-utils'
+import { fireEvent, render } from '@toptal/picasso-test-utils'
+import { describe, expect, it } from '@jest/globals'
 
 import { Calendar } from './Calendar'
 
@@ -40,4 +41,27 @@ describe('Calendar', () => {
       expect(monthHeader).toBeInTheDocument()
     })
   })
+
+  describe('when maxDate is set', () => {
+    it('will not trigger onChange when we click on disabled button', () => {
+      const minDate = new Date(2024, 6, 1)
+      const maxDate = new Date(2024, 6, 10)
+      const value = new Date(2024, 6, 2)
+      const onChange = jest.fn()
+
+      const { getByTestId } = render(
+        <Calendar
+          minDate={minDate}
+          maxDate={maxDate}
+          value={value}
+          onChange={onChange}
+        />
+      )
+
+      const disabledButton = getByTestId('day-button-11')
+
+      fireEvent.click(disabledButton)
+      expect(onChange).not.toHaveBeenCalled()
+    })
+  })
 })