From 8521fda2e8bbdbebb6fa59a3c2bb0fee91b2cca3 Mon Sep 17 00:00:00 2001
From: pu4e <pureoinam@gmail.com>
Date: Tue, 19 Aug 2025 22:36:52 +0530
Subject: [PATCH] fix: issue#992 improve disabling logic for year, decade and
 century view

---
 packages/react-calendar/src/Tile.tsx | 41 ++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/packages/react-calendar/src/Tile.tsx b/packages/react-calendar/src/Tile.tsx
index ec765f3c..393d630b 100644
--- a/packages/react-calendar/src/Tile.tsx
+++ b/packages/react-calendar/src/Tile.tsx
@@ -110,11 +110,42 @@ export default function Tile(props: TileProps): React.ReactElement {
   return (
     <button
       className={clsx(classes, tileClassName)}
-      disabled={
-        (minDate && minDateTransform(minDate) > date) ||
-        (maxDate && maxDateTransform(maxDate) < date) ||
-        tileDisabled?.({ activeStartDate, date, view })
-      }
+      disabled={(() => {
+           return (
+             (minDate && minDateTransform(minDate) > date) ||
+             (maxDate && maxDateTransform(maxDate) < date) ||   
+             (
+              view === "year" 
+              ? Array.from({ length: new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate() }).every((_, day) => {
+                const dayDate = new Date(date.getFullYear(), date.getMonth(), day + 1);
+                return tileDisabled?.({
+                  activeStartDate,
+                  date: dayDate,
+                  view: "year",
+                });
+              })
+                : view === "decade"
+                  ? Array.from({ length: 12 }).every((_, month) => {
+                      const monthDate = new Date(date.getFullYear(), month, 1);
+                      return tileDisabled?.({
+                        activeStartDate,
+                        date: monthDate,
+                        view: "decade",
+                      });
+                    })
+                    : view === "century"
+                    ? Array.from({ length: 10 }).every((_, i) => {
+                        const yearDate = new Date(date.getFullYear() + i, 0, 1);
+                        return tileDisabled?.({
+                          activeStartDate,
+                          date: yearDate,
+                          view: "century",
+                        });
+                      })
+                    : tileDisabled?.({ activeStartDate, date, view })
+            )   
+           );
+         })()}
       onClick={onClick ? (event) => onClick(date, event) : undefined}
       onFocus={onMouseOver ? () => onMouseOver(date) : undefined}
       onMouseOver={onMouseOver ? () => onMouseOver(date) : undefined}