From d62e126cab5896cb1422a1f5f29c1863f448442b Mon Sep 17 00:00:00 2001 From: Vladimir Khvan Date: Mon, 6 Feb 2023 20:01:34 +0500 Subject: [PATCH] depending on min/max dates disabled state was added --- packages/components/calendar/sub-components/DaysHeader.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/components/calendar/sub-components/DaysHeader.js b/packages/components/calendar/sub-components/DaysHeader.js index ca50fe3227..2dfd151dcb 100644 --- a/packages/components/calendar/sub-components/DaysHeader.js +++ b/packages/components/calendar/sub-components/DaysHeader.js @@ -15,7 +15,13 @@ export const DaysHeader = ({ observedDate, setObservedDate, setSelectedScene, + minDate, + maxDate, }) => { + const isLeftDisabled = + observedDate.clone().subtract(1, "month").endOf("month") < minDate; + const isRightDisabled = + observedDate.clone().add(1, "month").startOf("month") > maxDate; return ( onLeftClick(setObservedDate)} onRightClick={() => onRightClick(setObservedDate)} + isLeftDisabled={isLeftDisabled} + isRightDisabled={isRightDisabled} /> </HeaderContainer> );