@chayns-components/date 5.0.0-beta.718 → 5.0.0-beta.719

package/lib/cjs/components/calendar/Calendar.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _core = require("@chayns-components/core");
 var _dateFns = require("date-fns");
 var _locale = require("date-fns/locale");
-var _Calendar = require("./Calendar.styles");
+var _react = _interopRequireWildcard(require("react"));
 var _calendar = require("../../utils/calendar");
-var _core = require("@chayns-components/core");
+var _Calendar = require("./Calendar.styles");
 var _MonthWrapper = _interopRequireDefault(require("./month-wrapper/MonthWrapper"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -22,7 +22,8 @@ const Calendar = ({
   highlightedDates,
   onSelect,
   selectedDate,
-  categories
+  categories,
+  isDisabled
 }) => {
   const [currentDate, setCurrentDate] = (0, _react.useState)();
   const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = (0, _react.useState)(true);
@@ -113,7 +114,8 @@ const Calendar = ({
     return !(0, _dateFns.isSameMonth)(currentDate, endDate);
   }, [currentDate, endDate]);
   return /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendar, {
-    ref: calendarRef
+    ref: calendarRef,
+    $isDisabled: isDisabled
   }, ShouldShowLeftArrow ? /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapper, {
     onClick: handleLeftArrowClick
   }, /*#__PURE__*/_react.default.createElement(_core.Icon, {

package/lib/cjs/components/calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["_react","_interopRequireWildcard","require","_dateFns","_locale","_Calendar","_calendar","_core","_MonthWrapper","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","END_DATE","Date","setFullYear","getFullYear","Calendar","locale","de","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","currentDate","setCurrentDate","useState","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","useRef","useEffect","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","isDateInRange","handleLeftArrowClick","useCallback","prevDate","newDate","getNewDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","useMemo","isSameMonth","ShouldShowRightArrow","createElement","StyledCalendar","ref","StyledCalendarIconWrapper","onClick","Icon","icons","StyledCalendarIconWrapperPseudo","shouldRenderTwo","onAnimationFinished","displayName","_default","exports"],"sources":["../../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameMonth, type Locale } from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport {\n    StyledCalendar,\n    StyledCalendarIconWrapper,\n    StyledCalendarIconWrapperPseudo,\n} from './Calendar.styles';\nimport { getNewDate, isDateInRange } from '../../utils/calendar';\nimport type { Categories, HighlightedDates } from '../../types/calendar';\nimport { Icon } from '@chayns-components/core';\nimport MonthWrapper from './month-wrapper/MonthWrapper';\n\nconst END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));\n\nexport type CalendarProps = {\n    /**\n     * An array to group dates into a category.\n     */\n    categories?: Categories[];\n    /**\n     * The last Month that can be displayed.\n     */\n    endDate?: Date;\n    /**\n     * An array with dates and corresponding styles to highlight.\n     */\n    highlightedDates?: HighlightedDates[];\n    /**\n     * The locale language to format the dates.\n     */\n    locale?: Locale;\n    /**\n     * Function to be executed when a date is selected.\n     * @param date\n     */\n    onSelect?: (date: Date) => void;\n    /**\n     * A date that should be preselected.\n     */\n    selectedDate?: Date;\n    /**\n     * The first Month that can be displayed.\n     */\n    startDate: Date;\n};\n\nconst Calendar: FC<CalendarProps> = ({\n    locale = de,\n    endDate = END_DATE,\n    startDate,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n}) => {\n    const [currentDate, setCurrentDate] = useState<Date>();\n    const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);\n    const [internalSelectedDate, setInternalSelectedDate] = useState<Date>();\n    const [direction, setDirection] = useState<'left' | 'right'>();\n    const [width, setWidth] = useState(0);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setInternalSelectedDate(selectedDate);\n        }\n    }, [selectedDate]);\n\n    useEffect(() => {\n        if (calendarRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setWidth(observedWidth - 30);\n\n                    if (observedWidth < 430) {\n                        setShouldRenderTwoMonths(false);\n                    } else {\n                        setShouldRenderTwoMonths(true);\n                    }\n                }\n            });\n\n            resizeObserver.observe(calendarRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    useEffect(() => {\n        const date = new Date();\n\n        setCurrentDate(isDateInRange({ startDate, endDate, currentDate: date }));\n    }, [endDate, startDate]);\n\n    const handleLeftArrowClick = useCallback(() => {\n        setDirection('left');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(-1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleRightArrowClick = useCallback(() => {\n        setDirection('right');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleSelect = useCallback(\n        (date: Date) => {\n            setInternalSelectedDate(date);\n\n            if (typeof onSelect === 'function') {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const handleAnimationFinished = () => {\n        setDirection(undefined);\n    };\n\n    const ShouldShowLeftArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, startDate);\n    }, [currentDate, startDate]);\n\n    const ShouldShowRightArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, endDate);\n    }, [currentDate, endDate]);\n\n    return (\n        <StyledCalendar ref={calendarRef}>\n            {ShouldShowLeftArrow ? (\n                <StyledCalendarIconWrapper onClick={handleLeftArrowClick}>\n                    <Icon icons={['fa fa-angle-left']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n            {currentDate && (\n                <MonthWrapper\n                    shouldRenderTwo={shouldRenderTwoMonths}\n                    currentDate={currentDate}\n                    width={width}\n                    locale={locale}\n                    direction={direction}\n                    onSelect={handleSelect}\n                    selectedDate={internalSelectedDate}\n                    highlightedDates={highlightedDates}\n                    categories={categories}\n                    onAnimationFinished={handleAnimationFinished}\n                />\n            )}\n            {ShouldShowRightArrow ? (\n                <StyledCalendarIconWrapper onClick={handleRightArrowClick}>\n                    <Icon icons={['fa fa-angle-right']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n        </StyledCalendar>\n    );\n};\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Calendar.js","names":["_core","require","_dateFns","_locale","_react","_interopRequireWildcard","_calendar","_Calendar","_MonthWrapper","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","END_DATE","Date","setFullYear","getFullYear","Calendar","locale","de","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","isDisabled","currentDate","setCurrentDate","useState","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","useRef","useEffect","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","isDateInRange","handleLeftArrowClick","useCallback","prevDate","newDate","getNewDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","useMemo","isSameMonth","ShouldShowRightArrow","createElement","StyledCalendar","ref","$isDisabled","StyledCalendarIconWrapper","onClick","Icon","icons","StyledCalendarIconWrapperPseudo","shouldRenderTwo","onAnimationFinished","displayName","_default","exports"],"sources":["../../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { Icon } from '@chayns-components/core';\nimport { isSameMonth, type Locale } from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { Categories, HighlightedDates } from '../../types/calendar';\nimport { getNewDate, isDateInRange } from '../../utils/calendar';\nimport {\n    StyledCalendar,\n    StyledCalendarIconWrapper,\n    StyledCalendarIconWrapperPseudo,\n} from './Calendar.styles';\nimport MonthWrapper from './month-wrapper/MonthWrapper';\n\nconst END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));\n\nexport type CalendarProps = {\n    /**\n     * An array to group dates into a category.\n     */\n    categories?: Categories[];\n    /**\n     * The last Month that can be displayed.\n     */\n    endDate?: Date;\n    /**\n     * An array with dates and corresponding styles to highlight.\n     */\n    highlightedDates?: HighlightedDates[];\n    /**\n     * The locale language to format the dates.\n     */\n    locale?: Locale;\n    /**\n     * Function to be executed when a date is selected.\n     * @param date\n     */\n    onSelect?: (date: Date) => void;\n    /**\n     * A date that should be preselected.\n     */\n    selectedDate?: Date;\n    /**\n     * The first Month that can be displayed.\n     */\n    startDate: Date;\n    /**\n     * To disable the Calendar\n     */\n    isDisabled?: boolean;\n};\n\nconst Calendar: FC<CalendarProps> = ({\n    locale = de,\n    endDate = END_DATE,\n    startDate,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n    isDisabled,\n}) => {\n    const [currentDate, setCurrentDate] = useState<Date>();\n    const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);\n    const [internalSelectedDate, setInternalSelectedDate] = useState<Date>();\n    const [direction, setDirection] = useState<'left' | 'right'>();\n    const [width, setWidth] = useState(0);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setInternalSelectedDate(selectedDate);\n        }\n    }, [selectedDate]);\n\n    useEffect(() => {\n        if (calendarRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setWidth(observedWidth - 30);\n\n                    if (observedWidth < 430) {\n                        setShouldRenderTwoMonths(false);\n                    } else {\n                        setShouldRenderTwoMonths(true);\n                    }\n                }\n            });\n\n            resizeObserver.observe(calendarRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    useEffect(() => {\n        const date = new Date();\n\n        setCurrentDate(isDateInRange({ startDate, endDate, currentDate: date }));\n    }, [endDate, startDate]);\n\n    const handleLeftArrowClick = useCallback(() => {\n        setDirection('left');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(-1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleRightArrowClick = useCallback(() => {\n        setDirection('right');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleSelect = useCallback(\n        (date: Date) => {\n            setInternalSelectedDate(date);\n\n            if (typeof onSelect === 'function') {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const handleAnimationFinished = () => {\n        setDirection(undefined);\n    };\n\n    const ShouldShowLeftArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, startDate);\n    }, [currentDate, startDate]);\n\n    const ShouldShowRightArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, endDate);\n    }, [currentDate, endDate]);\n\n    return (\n        <StyledCalendar ref={calendarRef} $isDisabled={isDisabled}>\n            {ShouldShowLeftArrow ? (\n                <StyledCalendarIconWrapper onClick={handleLeftArrowClick}>\n                    <Icon icons={['fa fa-angle-left']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n            {currentDate && (\n                <MonthWrapper\n                    shouldRenderTwo={shouldRenderTwoMonths}\n                    currentDate={currentDate}\n                    width={width}\n                    locale={locale}\n                    direction={direction}\n                    onSelect={handleSelect}\n                    selectedDate={internalSelectedDate}\n                    highlightedDates={highlightedDates}\n                    categories={categories}\n                    onAnimationFinished={handleAnimationFinished}\n                />\n            )}\n            {ShouldShowRightArrow ? (\n                <StyledCalendarIconWrapper onClick={handleRightArrowClick}>\n                    <Icon icons={['fa fa-angle-right']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n        </StyledCalendar>\n    );\n};\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AAAwD,SAAAQ,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAExD,MAAMW,QAAQ,GAAG,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,IAAID,IAAI,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAsCjF,MAAMC,QAA2B,GAAGA,CAAC;EACjCC,MAAM,GAAGC,UAAE;EACXC,OAAO,GAAGP,QAAQ;EAClBQ,SAAS;EACTC,gBAAgB;EAChBC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAO,CAAC;EACtD,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EACxE,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAJ,eAAQ,EAAO,CAAC;EACxE,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAN,eAAQ,EAAmB,CAAC;EAC9D,MAAM,CAACO,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAR,eAAQ,EAAC,CAAC,CAAC;EAErC,MAAMS,WAAW,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEhD,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIhB,YAAY,EAAE;MACdS,uBAAuB,CAACT,YAAY,CAAC;IACzC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAAgB,gBAAS,EAAC,MAAM;IACZ,IAAIF,WAAW,CAACG,OAAO,EAAE;MACrB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAEC,OAAO,IAAK;QACnD,IAAIA,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAC,EAAE;UACvB,MAAMC,aAAa,GAAGD,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW,CAACV,KAAK;UAElDC,QAAQ,CAACQ,aAAa,GAAG,EAAE,CAAC;UAE5B,IAAIA,aAAa,GAAG,GAAG,EAAE;YACrBd,wBAAwB,CAAC,KAAK,CAAC;UACnC,CAAC,MAAM;YACHA,wBAAwB,CAAC,IAAI,CAAC;UAClC;QACJ;MACJ,CAAC,CAAC;MAEFW,cAAc,CAACK,OAAO,CAACT,WAAW,CAACG,OAAO,CAAC;MAE3C,OAAO,MAAM;QACTC,cAAc,CAACM,UAAU,CAAC,CAAC;MAC/B,CAAC;IACL;IAEA,OAAO,MAAM,CAAC,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAR,gBAAS,EAAC,MAAM;IACZ,MAAMS,IAAI,GAAG,IAAInC,IAAI,CAAC,CAAC;IAEvBc,cAAc,CAAC,IAAAsB,uBAAa,EAAC;MAAE7B,SAAS;MAAED,OAAO;MAAEO,WAAW,EAAEsB;IAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAE,CAAC7B,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAM8B,oBAAoB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3CjB,YAAY,CAAC,MAAM,CAAC;IAEpBP,cAAc,CAAEyB,QAAQ,IAAK;MACzB,IAAI,CAACA,QAAQ,EAAE;QACX,OAAOA,QAAQ;MACnB;MAEA,MAAMC,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC,CAAC,EAAEF,QAAQ,CAAC;MAExC,OAAO,IAAAH,uBAAa,EAAC;QAAE7B,SAAS;QAAED,OAAO;QAAEO,WAAW,EAAE2B;MAAQ,CAAC,CAAC;IACtE,CAAC,CAAC;EACN,CAAC,EAAE,CAAClC,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAMmC,qBAAqB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAC5CjB,YAAY,CAAC,OAAO,CAAC;IAErBP,cAAc,CAAEyB,QAAQ,IAAK;MACzB,IAAI,CAACA,QAAQ,EAAE;QACX,OAAOA,QAAQ;MACnB;MAEA,MAAMC,OAAO,GAAG,IAAAC,oBAAU,EAAC,CAAC,EAAEF,QAAQ,CAAC;MAEvC,OAAO,IAAAH,uBAAa,EAAC;QAAE7B,SAAS;QAAED,OAAO;QAAEO,WAAW,EAAE2B;MAAQ,CAAC,CAAC;IACtE,CAAC,CAAC;EACN,CAAC,EAAE,CAAClC,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAMoC,YAAY,GAAG,IAAAL,kBAAW,EAC3BH,IAAU,IAAK;IACZhB,uBAAuB,CAACgB,IAAI,CAAC;IAE7B,IAAI,OAAO1B,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAAC0B,IAAI,CAAC;IAClB;EACJ,CAAC,EACD,CAAC1B,QAAQ,CACb,CAAC;EAED,MAAMmC,uBAAuB,GAAGA,CAAA,KAAM;IAClCvB,YAAY,CAACwB,SAAS,CAAC;EAC3B,CAAC;EAED,MAAMC,mBAAmB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACtC,IAAI,CAAClC,WAAW,EAAE;MACd,OAAO,KAAK;IAChB;IAEA,OAAO,CAAC,IAAAmC,oBAAW,EAACnC,WAAW,EAAEN,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACM,WAAW,EAAEN,SAAS,CAAC,CAAC;EAE5B,MAAM0C,oBAAoB,GAAG,IAAAF,cAAO,EAAC,MAAM;IACvC,IAAI,CAAClC,WAAW,EAAE;MACd,OAAO,KAAK;IAChB;IAEA,OAAO,CAAC,IAAAmC,oBAAW,EAACnC,WAAW,EAAEP,OAAO,CAAC;EAC7C,CAAC,EAAE,CAACO,WAAW,EAAEP,OAAO,CAAC,CAAC;EAE1B,oBACIjC,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAAC1E,SAAA,CAAA2E,cAAc;IAACC,GAAG,EAAE5B,WAAY;IAAC6B,WAAW,EAAEzC;EAAW,GACrDkC,mBAAmB,gBAChBzE,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAAC1E,SAAA,CAAA8E,yBAAyB;IAACC,OAAO,EAAElB;EAAqB,gBACrDhE,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAACjF,KAAA,CAAAuF,IAAI;IAACC,KAAK,EAAE,CAAC,kBAAkB;EAAE,CAAE,CACb,CAAC,gBAE5BpF,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAAC1E,SAAA,CAAAkF,+BAA+B,MAAE,CACrC,EACA7C,WAAW,iBACRxC,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAACzE,aAAA,CAAAI,OAAY;IACT8E,eAAe,EAAE3C,qBAAsB;IACvCH,WAAW,EAAEA,WAAY;IACzBS,KAAK,EAAEA,KAAM;IACblB,MAAM,EAAEA,MAAO;IACfgB,SAAS,EAAEA,SAAU;IACrBX,QAAQ,EAAEkC,YAAa;IACvBjC,YAAY,EAAEQ,oBAAqB;IACnCV,gBAAgB,EAAEA,gBAAiB;IACnCG,UAAU,EAAEA,UAAW;IACvBiD,mBAAmB,EAAEhB;EAAwB,CAChD,CACJ,EACAK,oBAAoB,gBACjB5E,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAAC1E,SAAA,CAAA8E,yBAAyB;IAACC,OAAO,EAAEb;EAAsB,gBACtDrE,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAACjF,KAAA,CAAAuF,IAAI;IAACC,KAAK,EAAE,CAAC,mBAAmB;EAAE,CAAE,CACd,CAAC,gBAE5BpF,MAAA,CAAAQ,OAAA,CAAAqE,aAAA,CAAC1E,SAAA,CAAAkF,+BAA+B,MAAE,CAE1B,CAAC;AAEzB,CAAC;AAEDvD,QAAQ,CAAC0D,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlF,OAAA,GAEnBsB,QAAQ","ignoreList":[]}

package/lib/cjs/components/calendar/Calendar.styles.js

@@ -9,6 +9,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const StyledCalendar = exports.StyledCalendar = _styledComponents.default.div`
     display: flex;
     width: 100%;
+    opacity: ${({
+  $isDisabled
+}) => $isDisabled ? 0.5 : 1};
+    pointer-events: ${({
+  $isDisabled
+}) => $isDisabled ? 'none' : undefined};
 `;
 const StyledCalendarIconWrapper = exports.StyledCalendarIconWrapper = _styledComponents.default.div`
     cursor: pointer;

package/lib/cjs/components/calendar/Calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCalendar","exports","styled","div","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo"],"sources":["../../../../src/components/calendar/Calendar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCalendar = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const StyledCalendarIconWrapper = styled.div`\n    cursor: pointer;\n    z-index: 2;\n`;\n\nexport const StyledCalendarIconWrapperPseudo = styled.div`\n    width: 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAG;AACxC;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAG;AACnD;AACA;AACA,CAAC;AAEM,MAAME,+BAA+B,GAAAJ,OAAA,CAAAI,+BAAA,GAAGH,yBAAM,CAACC,GAAG;AACzD;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Calendar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledCalendar","exports","styled","div","$isDisabled","undefined","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo"],"sources":["../../../../src/components/calendar/Calendar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ntype StyledCalendarProps = { $isDisabled?: boolean };\n\nexport const StyledCalendar = styled.div<StyledCalendarProps>`\n    display: flex;\n    width: 100%;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    pointer-events: ${({ $isDisabled }) => ($isDisabled ? 'none' : undefined)};\n`;\n\nexport const StyledCalendarIconWrapper = styled.div`\n    cursor: pointer;\n    z-index: 2;\n`;\n\nexport const StyledCalendarIconWrapperPseudo = styled.div`\n    width: 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC7D;AACA;AACA,eAAe,CAAC;EAAEC;AAAY,CAAC,KAAMA,WAAW,GAAG,GAAG,GAAG,CAAE;AAC3D,sBAAsB,CAAC;EAAEA;AAAY,CAAC,KAAMA,WAAW,GAAG,MAAM,GAAGC,SAAU;AAC7E,CAAC;AAEM,MAAMC,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,GAAGJ,yBAAM,CAACC,GAAG;AACnD;AACA;AACA,CAAC;AAEM,MAAMI,+BAA+B,GAAAN,OAAA,CAAAM,+BAAA,GAAGL,yBAAM,CAACC,GAAG;AACzD;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/MonthWrapper.js

@@ -21,7 +21,8 @@ const MonthWrapper = ({
   direction,
   onAnimationFinished,
   shouldRenderTwo,
-  width
+  width,
+  isDisabled
 }) => {
   const [content, setContent] = (0, _react.useState)();
   const [prevSelectedDate, setPrevSelectedDate] = (0, _react.useState)();
@@ -149,6 +150,7 @@ const MonthWrapper = ({
     $width: width
   }, /*#__PURE__*/_react.default.createElement(_MonthWrapper.StyledMotionWrapper, {
     animate: animate,
+    $isDisabled: isDisabled,
     transition: {
       type: 'tween',
       duration: !direction ? 0 : 0.2

package/lib/cjs/components/calendar/month-wrapper/MonthWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.js","names":["_react","_interopRequireWildcard","require","_calendar","_Month","_interopRequireDefault","_MonthWrapper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthWrapper","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","useState","prevSelectedDate","setPrevSelectedDate","monthHeight","useMemo","useEffect","undefined","prevState","items","date","getNewDate","month","year","getMonthAndYear","push","createElement","height","key","unshift","pop","shift","map","element","props","animate","x","StyledMonthWrapper","$height","$width","StyledMotionWrapper","transition","type","duration","onAnimationComplete","displayName","_default","exports"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport type { MotionProps } from 'framer-motion';\nimport React, { FC, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\nimport Month from './month/Month';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n    const [prevSelectedDate, setPrevSelectedDate] = useState<Date>();\n\n    const monthHeight = useMemo(() => width / (shouldRenderTwo ? 2 : 1), [width, shouldRenderTwo]);\n\n    useEffect(() => {\n        setContent(undefined);\n    }, [monthHeight]);\n\n    useEffect(() => {\n        if (prevSelectedDate !== selectedDate) {\n            setPrevSelectedDate(selectedDate);\n        }\n    }, [prevSelectedDate, selectedDate]);\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            height={monthHeight}\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [\n        categories,\n        currentDate,\n        direction,\n        highlightedDates,\n        locale,\n        monthHeight,\n        onSelect,\n        prevSelectedDate,\n        selectedDate,\n    ]);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setContent((prevState) =>\n                (prevState ?? []).map((element) => ({\n                    ...element,\n                    props: { ...element.props, selectedDate } as ReactElement,\n                })),\n            );\n        }\n    }, [selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper $height={monthHeight} $width={width}>\n            <StyledMotionWrapper\n                animate={animate}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MonthWrapper.js","names":["_react","_interopRequireWildcard","require","_calendar","_Month","_interopRequireDefault","_MonthWrapper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthWrapper","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","isDisabled","content","setContent","useState","prevSelectedDate","setPrevSelectedDate","monthHeight","useMemo","useEffect","undefined","prevState","items","date","getNewDate","month","year","getMonthAndYear","push","createElement","height","key","unshift","pop","shift","map","element","props","animate","x","StyledMonthWrapper","$height","$width","StyledMotionWrapper","$isDisabled","transition","type","duration","onAnimationComplete","displayName","_default","exports"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport type { MotionProps } from 'framer-motion';\nimport React, { FC, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\nimport Month from './month/Month';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n    isDisabled?: boolean;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n    isDisabled,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n    const [prevSelectedDate, setPrevSelectedDate] = useState<Date>();\n\n    const monthHeight = useMemo(() => width / (shouldRenderTwo ? 2 : 1), [width, shouldRenderTwo]);\n\n    useEffect(() => {\n        setContent(undefined);\n    }, [monthHeight]);\n\n    useEffect(() => {\n        if (prevSelectedDate !== selectedDate) {\n            setPrevSelectedDate(selectedDate);\n        }\n    }, [prevSelectedDate, selectedDate]);\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            height={monthHeight}\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [\n        categories,\n        currentDate,\n        direction,\n        highlightedDates,\n        locale,\n        monthHeight,\n        onSelect,\n        prevSelectedDate,\n        selectedDate,\n    ]);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setContent((prevState) =>\n                (prevState ?? []).map((element) => ({\n                    ...element,\n                    props: { ...element.props, selectedDate } as ReactElement,\n                })),\n            );\n        }\n    }, [selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper $height={monthHeight} $width={width}>\n            <StyledMotionWrapper\n                animate={animate}\n                $isDisabled={isDisabled}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/MonthWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","e","__esModule","default","StyledMonthWrapper","exports","styled","div","$width","$height","StyledMotionWrapper","motion"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\ntype StyledMonthWrapperProps = WithTheme<{ $height: number; $width: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: ${({ $width }) => $width}px;\n    overflow-x: clip;\n    height: ${({ $height }) => $height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AACnC;AACA,cAAc,CAAC;EAAEC;AAAQ,CAAC,KAAKA,OAAO;AACtC,CAAC;AAEM,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,IAAAJ,yBAAM,EAACK,oBAAM,CAACJ,GAAG,CAAC;AACrD;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"MonthWrapper.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","e","__esModule","default","StyledMonthWrapper","exports","styled","div","$width","$height","StyledMotionWrapper","motion"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\ntype StyledMonthWrapperProps = WithTheme<{ $height: number; $width: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: ${({ $width }) => $width}px;\n    overflow-x: clip;\n    height: ${({ $height }) => $height}px;\n`;\n\ntype StyledMotionWrapperProps = { $isDisabled?: boolean };\n\nexport const StyledMotionWrapper = styled(motion.div)<StyledMotionWrapperProps>`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA4B;AACrE,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AACnC;AACA,cAAc,CAAC;EAAEC;AAAQ,CAAC,KAAKA,OAAO;AACtC,CAAC;AAIM,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,IAAAJ,yBAAM,EAACK,oBAAM,CAACJ,GAAG,CAA2B;AAC/E;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/Calendar.js

@@ -1,9 +1,9 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Icon } from '@chayns-components/core';
 import { isSameMonth } from 'date-fns';
 import { de } from 'date-fns/locale';
-import { StyledCalendar, StyledCalendarIconWrapper, StyledCalendarIconWrapperPseudo } from './Calendar.styles';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { getNewDate, isDateInRange } from '../../utils/calendar';
-import { Icon } from '@chayns-components/core';
+import { StyledCalendar, StyledCalendarIconWrapper, StyledCalendarIconWrapperPseudo } from './Calendar.styles';
 import MonthWrapper from './month-wrapper/MonthWrapper';
 const END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));
 const Calendar = _ref => {
@@ -14,7 +14,8 @@ const Calendar = _ref => {
     highlightedDates,
     onSelect,
     selectedDate,
-    categories
+    categories,
+    isDisabled
   } = _ref;
   const [currentDate, setCurrentDate] = useState();
   const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);
@@ -105,7 +106,8 @@ const Calendar = _ref => {
     return !isSameMonth(currentDate, endDate);
   }, [currentDate, endDate]);
   return /*#__PURE__*/React.createElement(StyledCalendar, {
-    ref: calendarRef
+    ref: calendarRef,
+    $isDisabled: isDisabled
   }, ShouldShowLeftArrow ? /*#__PURE__*/React.createElement(StyledCalendarIconWrapper, {
     onClick: handleLeftArrowClick
   }, /*#__PURE__*/React.createElement(Icon, {

package/lib/esm/components/calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","isSameMonth","de","StyledCalendar","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo","getNewDate","isDateInRange","Icon","MonthWrapper","END_DATE","Date","setFullYear","getFullYear","Calendar","_ref","locale","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","currentDate","setCurrentDate","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","handleLeftArrowClick","prevDate","newDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","ShouldShowRightArrow","createElement","ref","onClick","icons","shouldRenderTwo","onAnimationFinished","displayName"],"sources":["../../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameMonth, type Locale } from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport {\n    StyledCalendar,\n    StyledCalendarIconWrapper,\n    StyledCalendarIconWrapperPseudo,\n} from './Calendar.styles';\nimport { getNewDate, isDateInRange } from '../../utils/calendar';\nimport type { Categories, HighlightedDates } from '../../types/calendar';\nimport { Icon } from '@chayns-components/core';\nimport MonthWrapper from './month-wrapper/MonthWrapper';\n\nconst END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));\n\nexport type CalendarProps = {\n    /**\n     * An array to group dates into a category.\n     */\n    categories?: Categories[];\n    /**\n     * The last Month that can be displayed.\n     */\n    endDate?: Date;\n    /**\n     * An array with dates and corresponding styles to highlight.\n     */\n    highlightedDates?: HighlightedDates[];\n    /**\n     * The locale language to format the dates.\n     */\n    locale?: Locale;\n    /**\n     * Function to be executed when a date is selected.\n     * @param date\n     */\n    onSelect?: (date: Date) => void;\n    /**\n     * A date that should be preselected.\n     */\n    selectedDate?: Date;\n    /**\n     * The first Month that can be displayed.\n     */\n    startDate: Date;\n};\n\nconst Calendar: FC<CalendarProps> = ({\n    locale = de,\n    endDate = END_DATE,\n    startDate,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n}) => {\n    const [currentDate, setCurrentDate] = useState<Date>();\n    const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);\n    const [internalSelectedDate, setInternalSelectedDate] = useState<Date>();\n    const [direction, setDirection] = useState<'left' | 'right'>();\n    const [width, setWidth] = useState(0);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setInternalSelectedDate(selectedDate);\n        }\n    }, [selectedDate]);\n\n    useEffect(() => {\n        if (calendarRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setWidth(observedWidth - 30);\n\n                    if (observedWidth < 430) {\n                        setShouldRenderTwoMonths(false);\n                    } else {\n                        setShouldRenderTwoMonths(true);\n                    }\n                }\n            });\n\n            resizeObserver.observe(calendarRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    useEffect(() => {\n        const date = new Date();\n\n        setCurrentDate(isDateInRange({ startDate, endDate, currentDate: date }));\n    }, [endDate, startDate]);\n\n    const handleLeftArrowClick = useCallback(() => {\n        setDirection('left');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(-1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleRightArrowClick = useCallback(() => {\n        setDirection('right');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleSelect = useCallback(\n        (date: Date) => {\n            setInternalSelectedDate(date);\n\n            if (typeof onSelect === 'function') {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const handleAnimationFinished = () => {\n        setDirection(undefined);\n    };\n\n    const ShouldShowLeftArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, startDate);\n    }, [currentDate, startDate]);\n\n    const ShouldShowRightArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, endDate);\n    }, [currentDate, endDate]);\n\n    return (\n        <StyledCalendar ref={calendarRef}>\n            {ShouldShowLeftArrow ? (\n                <StyledCalendarIconWrapper onClick={handleLeftArrowClick}>\n                    <Icon icons={['fa fa-angle-left']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n            {currentDate && (\n                <MonthWrapper\n                    shouldRenderTwo={shouldRenderTwoMonths}\n                    currentDate={currentDate}\n                    width={width}\n                    locale={locale}\n                    direction={direction}\n                    onSelect={handleSelect}\n                    selectedDate={internalSelectedDate}\n                    highlightedDates={highlightedDates}\n                    categories={categories}\n                    onAnimationFinished={handleAnimationFinished}\n                />\n            )}\n            {ShouldShowRightArrow ? (\n                <StyledCalendarIconWrapper onClick={handleRightArrowClick}>\n                    <Icon icons={['fa fa-angle-right']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n        </StyledCalendar>\n    );\n};\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpF,SAASC,WAAW,QAAqB,UAAU;AACnD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACIC,cAAc,EACdC,yBAAyB,EACzBC,+BAA+B,QAC5B,mBAAmB;AAC1B,SAASC,UAAU,EAAEC,aAAa,QAAQ,sBAAsB;AAEhE,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,OAAOC,YAAY,MAAM,8BAA8B;AAEvD,MAAMC,QAAQ,GAAG,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,IAAID,IAAI,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAkCjF,MAAMC,QAA2B,GAAGC,IAAA,IAQ9B;EAAA,IAR+B;IACjCC,MAAM,GAAGd,EAAE;IACXe,OAAO,GAAGP,QAAQ;IAClBQ,SAAS;IACTC,gBAAgB;IAChBC,QAAQ;IACRC,YAAY;IACZC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAGxB,QAAQ,CAAO,CAAC;EACtD,MAAM,CAACyB,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG1B,QAAQ,CAAC,IAAI,CAAC;EACxE,MAAM,CAAC2B,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG5B,QAAQ,CAAO,CAAC;EACxE,MAAM,CAAC6B,SAAS,EAAEC,YAAY,CAAC,GAAG9B,QAAQ,CAAmB,CAAC;EAC9D,MAAM,CAAC+B,KAAK,EAAEC,QAAQ,CAAC,GAAGhC,QAAQ,CAAC,CAAC,CAAC;EAErC,MAAMiC,WAAW,GAAGlC,MAAM,CAAiB,IAAI,CAAC;EAEhDF,SAAS,CAAC,MAAM;IACZ,IAAIwB,YAAY,EAAE;MACdO,uBAAuB,CAACP,YAAY,CAAC;IACzC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElBxB,SAAS,CAAC,MAAM;IACZ,IAAIoC,WAAW,CAACC,OAAO,EAAE;MACrB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAEC,OAAO,IAAK;QACnD,IAAIA,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAC,EAAE;UACvB,MAAMC,aAAa,GAAGD,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW,CAACR,KAAK;UAElDC,QAAQ,CAACM,aAAa,GAAG,EAAE,CAAC;UAE5B,IAAIA,aAAa,GAAG,GAAG,EAAE;YACrBZ,wBAAwB,CAAC,KAAK,CAAC;UACnC,CAAC,MAAM;YACHA,wBAAwB,CAAC,IAAI,CAAC;UAClC;QACJ;MACJ,CAAC,CAAC;MAEFS,cAAc,CAACK,OAAO,CAACP,WAAW,CAACC,OAAO,CAAC;MAE3C,OAAO,MAAM;QACTC,cAAc,CAACM,UAAU,CAAC,CAAC;MAC/B,CAAC;IACL;IAEA,OAAO,MAAM,CAAC,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN5C,SAAS,CAAC,MAAM;IACZ,MAAM6C,IAAI,GAAG,IAAI/B,IAAI,CAAC,CAAC;IAEvBa,cAAc,CAACjB,aAAa,CAAC;MAAEW,SAAS;MAAED,OAAO;MAAEM,WAAW,EAAEmB;IAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAE,CAACzB,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAMyB,oBAAoB,GAAG/C,WAAW,CAAC,MAAM;IAC3CkC,YAAY,CAAC,MAAM,CAAC;IAEpBN,cAAc,CAAEoB,QAAQ,IAAK;MACzB,IAAI,CAACA,QAAQ,EAAE;QACX,OAAOA,QAAQ;MACnB;MAEA,MAAMC,OAAO,GAAGvC,UAAU,CAAC,CAAC,CAAC,EAAEsC,QAAQ,CAAC;MAExC,OAAOrC,aAAa,CAAC;QAAEW,SAAS;QAAED,OAAO;QAAEM,WAAW,EAAEsB;MAAQ,CAAC,CAAC;IACtE,CAAC,CAAC;EACN,CAAC,EAAE,CAAC5B,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAM4B,qBAAqB,GAAGlD,WAAW,CAAC,MAAM;IAC5CkC,YAAY,CAAC,OAAO,CAAC;IAErBN,cAAc,CAAEoB,QAAQ,IAAK;MACzB,IAAI,CAACA,QAAQ,EAAE;QACX,OAAOA,QAAQ;MACnB;MAEA,MAAMC,OAAO,GAAGvC,UAAU,CAAC,CAAC,EAAEsC,QAAQ,CAAC;MAEvC,OAAOrC,aAAa,CAAC;QAAEW,SAAS;QAAED,OAAO;QAAEM,WAAW,EAAEsB;MAAQ,CAAC,CAAC;IACtE,CAAC,CAAC;EACN,CAAC,EAAE,CAAC5B,OAAO,EAAEC,SAAS,CAAC,CAAC;EAExB,MAAM6B,YAAY,GAAGnD,WAAW,CAC3B8C,IAAU,IAAK;IACZd,uBAAuB,CAACc,IAAI,CAAC;IAE7B,IAAI,OAAOtB,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACsB,IAAI,CAAC;IAClB;EACJ,CAAC,EACD,CAACtB,QAAQ,CACb,CAAC;EAED,MAAM4B,uBAAuB,GAAGA,CAAA,KAAM;IAClClB,YAAY,CAACmB,SAAS,CAAC;EAC3B,CAAC;EAED,MAAMC,mBAAmB,GAAGpD,OAAO,CAAC,MAAM;IACtC,IAAI,CAACyB,WAAW,EAAE;MACd,OAAO,KAAK;IAChB;IAEA,OAAO,CAACtB,WAAW,CAACsB,WAAW,EAAEL,SAAS,CAAC;EAC/C,CAAC,EAAE,CAACK,WAAW,EAAEL,SAAS,CAAC,CAAC;EAE5B,MAAMiC,oBAAoB,GAAGrD,OAAO,CAAC,MAAM;IACvC,IAAI,CAACyB,WAAW,EAAE;MACd,OAAO,KAAK;IAChB;IAEA,OAAO,CAACtB,WAAW,CAACsB,WAAW,EAAEN,OAAO,CAAC;EAC7C,CAAC,EAAE,CAACM,WAAW,EAAEN,OAAO,CAAC,CAAC;EAE1B,oBACItB,KAAA,CAAAyD,aAAA,CAACjD,cAAc;IAACkD,GAAG,EAAEpB;EAAY,GAC5BiB,mBAAmB,gBAChBvD,KAAA,CAAAyD,aAAA,CAAChD,yBAAyB;IAACkD,OAAO,EAAEX;EAAqB,gBACrDhD,KAAA,CAAAyD,aAAA,CAAC5C,IAAI;IAAC+C,KAAK,EAAE,CAAC,kBAAkB;EAAE,CAAE,CACb,CAAC,gBAE5B5D,KAAA,CAAAyD,aAAA,CAAC/C,+BAA+B,MAAE,CACrC,EACAkB,WAAW,iBACR5B,KAAA,CAAAyD,aAAA,CAAC3C,YAAY;IACT+C,eAAe,EAAE/B,qBAAsB;IACvCF,WAAW,EAAEA,WAAY;IACzBQ,KAAK,EAAEA,KAAM;IACbf,MAAM,EAAEA,MAAO;IACfa,SAAS,EAAEA,SAAU;IACrBT,QAAQ,EAAE2B,YAAa;IACvB1B,YAAY,EAAEM,oBAAqB;IACnCR,gBAAgB,EAAEA,gBAAiB;IACnCG,UAAU,EAAEA,UAAW;IACvBmC,mBAAmB,EAAET;EAAwB,CAChD,CACJ,EACAG,oBAAoB,gBACjBxD,KAAA,CAAAyD,aAAA,CAAChD,yBAAyB;IAACkD,OAAO,EAAER;EAAsB,gBACtDnD,KAAA,CAAAyD,aAAA,CAAC5C,IAAI;IAAC+C,KAAK,EAAE,CAAC,mBAAmB;EAAE,CAAE,CACd,CAAC,gBAE5B5D,KAAA,CAAAyD,aAAA,CAAC/C,+BAA+B,MAAE,CAE1B,CAAC;AAEzB,CAAC;AAEDS,QAAQ,CAAC4C,WAAW,GAAG,UAAU;AAEjC,eAAe5C,QAAQ","ignoreList":[]}
+{"version":3,"file":"Calendar.js","names":["Icon","isSameMonth","de","React","useCallback","useEffect","useMemo","useRef","useState","getNewDate","isDateInRange","StyledCalendar","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo","MonthWrapper","END_DATE","Date","setFullYear","getFullYear","Calendar","_ref","locale","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","isDisabled","currentDate","setCurrentDate","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","handleLeftArrowClick","prevDate","newDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","ShouldShowRightArrow","createElement","ref","$isDisabled","onClick","icons","shouldRenderTwo","onAnimationFinished","displayName"],"sources":["../../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { Icon } from '@chayns-components/core';\nimport { isSameMonth, type Locale } from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { Categories, HighlightedDates } from '../../types/calendar';\nimport { getNewDate, isDateInRange } from '../../utils/calendar';\nimport {\n    StyledCalendar,\n    StyledCalendarIconWrapper,\n    StyledCalendarIconWrapperPseudo,\n} from './Calendar.styles';\nimport MonthWrapper from './month-wrapper/MonthWrapper';\n\nconst END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));\n\nexport type CalendarProps = {\n    /**\n     * An array to group dates into a category.\n     */\n    categories?: Categories[];\n    /**\n     * The last Month that can be displayed.\n     */\n    endDate?: Date;\n    /**\n     * An array with dates and corresponding styles to highlight.\n     */\n    highlightedDates?: HighlightedDates[];\n    /**\n     * The locale language to format the dates.\n     */\n    locale?: Locale;\n    /**\n     * Function to be executed when a date is selected.\n     * @param date\n     */\n    onSelect?: (date: Date) => void;\n    /**\n     * A date that should be preselected.\n     */\n    selectedDate?: Date;\n    /**\n     * The first Month that can be displayed.\n     */\n    startDate: Date;\n    /**\n     * To disable the Calendar\n     */\n    isDisabled?: boolean;\n};\n\nconst Calendar: FC<CalendarProps> = ({\n    locale = de,\n    endDate = END_DATE,\n    startDate,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n    isDisabled,\n}) => {\n    const [currentDate, setCurrentDate] = useState<Date>();\n    const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);\n    const [internalSelectedDate, setInternalSelectedDate] = useState<Date>();\n    const [direction, setDirection] = useState<'left' | 'right'>();\n    const [width, setWidth] = useState(0);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setInternalSelectedDate(selectedDate);\n        }\n    }, [selectedDate]);\n\n    useEffect(() => {\n        if (calendarRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setWidth(observedWidth - 30);\n\n                    if (observedWidth < 430) {\n                        setShouldRenderTwoMonths(false);\n                    } else {\n                        setShouldRenderTwoMonths(true);\n                    }\n                }\n            });\n\n            resizeObserver.observe(calendarRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    useEffect(() => {\n        const date = new Date();\n\n        setCurrentDate(isDateInRange({ startDate, endDate, currentDate: date }));\n    }, [endDate, startDate]);\n\n    const handleLeftArrowClick = useCallback(() => {\n        setDirection('left');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(-1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleRightArrowClick = useCallback(() => {\n        setDirection('right');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleSelect = useCallback(\n        (date: Date) => {\n            setInternalSelectedDate(date);\n\n            if (typeof onSelect === 'function') {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const handleAnimationFinished = () => {\n        setDirection(undefined);\n    };\n\n    const ShouldShowLeftArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, startDate);\n    }, [currentDate, startDate]);\n\n    const ShouldShowRightArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, endDate);\n    }, [currentDate, endDate]);\n\n    return (\n        <StyledCalendar ref={calendarRef} $isDisabled={isDisabled}>\n            {ShouldShowLeftArrow ? (\n                <StyledCalendarIconWrapper onClick={handleLeftArrowClick}>\n                    <Icon icons={['fa fa-angle-left']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n            {currentDate && (\n                <MonthWrapper\n                    shouldRenderTwo={shouldRenderTwoMonths}\n                    currentDate={currentDate}\n                    width={width}\n                    locale={locale}\n                    direction={direction}\n                    onSelect={handleSelect}\n                    selectedDate={internalSelectedDate}\n                    highlightedDates={highlightedDates}\n                    categories={categories}\n                    onAnimationFinished={handleAnimationFinished}\n                />\n            )}\n            {ShouldShowRightArrow ? (\n                <StyledCalendarIconWrapper onClick={handleRightArrowClick}>\n                    <Icon icons={['fa fa-angle-right']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n        </StyledCalendar>\n    );\n};\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/calendar/Calendar.styles.js

@@ -2,6 +2,18 @@ import styled from 'styled-components';
 export const StyledCalendar = styled.div`
     display: flex;
     width: 100%;
+    opacity: ${_ref => {
+  let {
+    $isDisabled
+  } = _ref;
+  return $isDisabled ? 0.5 : 1;
+}};
+    pointer-events: ${_ref2 => {
+  let {
+    $isDisabled
+  } = _ref2;
+  return $isDisabled ? 'none' : undefined;
+}};
 `;
 export const StyledCalendarIconWrapper = styled.div`
     cursor: pointer;

package/lib/esm/components/calendar/Calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.styles.js","names":["styled","StyledCalendar","div","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo"],"sources":["../../../../src/components/calendar/Calendar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCalendar = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const StyledCalendarIconWrapper = styled.div`\n    cursor: pointer;\n    z-index: 2;\n`;\n\nexport const StyledCalendarIconWrapperPseudo = styled.div`\n    width: 15px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG;AACxC;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAG;AACnD;AACA;AACA,CAAC;AAED,OAAO,MAAME,+BAA+B,GAAGJ,MAAM,CAACE,GAAG;AACzD;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Calendar.styles.js","names":["styled","StyledCalendar","div","_ref","$isDisabled","_ref2","undefined","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo"],"sources":["../../../../src/components/calendar/Calendar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ntype StyledCalendarProps = { $isDisabled?: boolean };\n\nexport const StyledCalendar = styled.div<StyledCalendarProps>`\n    display: flex;\n    width: 100%;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    pointer-events: ${({ $isDisabled }) => ($isDisabled ? 'none' : undefined)};\n`;\n\nexport const StyledCalendarIconWrapper = styled.div`\n    cursor: pointer;\n    z-index: 2;\n`;\n\nexport const StyledCalendarIconWrapperPseudo = styled.div`\n    width: 15px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAwB;AAC7D;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC;AAC3D,sBAAsBC,KAAA;EAAA,IAAC;IAAED;EAAY,CAAC,GAAAC,KAAA;EAAA,OAAMD,WAAW,GAAG,MAAM,GAAGE,SAAS;AAAA,CAAC;AAC7E,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGP,MAAM,CAACE,GAAG;AACnD;AACA;AACA,CAAC;AAED,OAAO,MAAMM,+BAA+B,GAAGR,MAAM,CAACE,GAAG;AACzD;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/MonthWrapper.js

@@ -13,7 +13,8 @@ const MonthWrapper = _ref => {
     direction,
     onAnimationFinished,
     shouldRenderTwo,
-    width
+    width,
+    isDisabled
   } = _ref;
   const [content, setContent] = useState();
   const [prevSelectedDate, setPrevSelectedDate] = useState();
@@ -141,6 +142,7 @@ const MonthWrapper = _ref => {
     $width: width
   }, /*#__PURE__*/React.createElement(StyledMotionWrapper, {
     animate: animate,
+    $isDisabled: isDisabled,
     transition: {
       type: 'tween',
       duration: !direction ? 0 : 0.2

package/lib/esm/components/calendar/month-wrapper/MonthWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.js","names":["React","useEffect","useMemo","useState","getMonthAndYear","getNewDate","Month","StyledMonthWrapper","StyledMotionWrapper","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","prevSelectedDate","setPrevSelectedDate","monthHeight","undefined","prevState","items","i","date","month","year","push","createElement","height","key","unshift","pop","shift","map","element","props","animate","x","$height","$width","transition","type","duration","onAnimationComplete","displayName"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport type { MotionProps } from 'framer-motion';\nimport React, { FC, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\nimport Month from './month/Month';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n    const [prevSelectedDate, setPrevSelectedDate] = useState<Date>();\n\n    const monthHeight = useMemo(() => width / (shouldRenderTwo ? 2 : 1), [width, shouldRenderTwo]);\n\n    useEffect(() => {\n        setContent(undefined);\n    }, [monthHeight]);\n\n    useEffect(() => {\n        if (prevSelectedDate !== selectedDate) {\n            setPrevSelectedDate(selectedDate);\n        }\n    }, [prevSelectedDate, selectedDate]);\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            height={monthHeight}\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [\n        categories,\n        currentDate,\n        direction,\n        highlightedDates,\n        locale,\n        monthHeight,\n        onSelect,\n        prevSelectedDate,\n        selectedDate,\n    ]);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setContent((prevState) =>\n                (prevState ?? []).map((element) => ({\n                    ...element,\n                    props: { ...element.props, selectedDate } as ReactElement,\n                })),\n            );\n        }\n    }, [selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper $height={monthHeight} $width={width}>\n            <StyledMotionWrapper\n                animate={animate}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MonthWrapper.js","names":["React","useEffect","useMemo","useState","getMonthAndYear","getNewDate","Month","StyledMonthWrapper","StyledMotionWrapper","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","isDisabled","content","setContent","prevSelectedDate","setPrevSelectedDate","monthHeight","undefined","prevState","items","i","date","month","year","push","createElement","height","key","unshift","pop","shift","map","element","props","animate","x","$height","$width","$isDisabled","transition","type","duration","onAnimationComplete","displayName"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport type { MotionProps } from 'framer-motion';\nimport React, { FC, useEffect, useMemo, useState, type ReactElement } from 'react';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\nimport Month from './month/Month';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n    isDisabled?: boolean;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n    isDisabled,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n    const [prevSelectedDate, setPrevSelectedDate] = useState<Date>();\n\n    const monthHeight = useMemo(() => width / (shouldRenderTwo ? 2 : 1), [width, shouldRenderTwo]);\n\n    useEffect(() => {\n        setContent(undefined);\n    }, [monthHeight]);\n\n    useEffect(() => {\n        if (prevSelectedDate !== selectedDate) {\n            setPrevSelectedDate(selectedDate);\n        }\n    }, [prevSelectedDate, selectedDate]);\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            height={monthHeight}\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        height={monthHeight}\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [\n        categories,\n        currentDate,\n        direction,\n        highlightedDates,\n        locale,\n        monthHeight,\n        onSelect,\n        prevSelectedDate,\n        selectedDate,\n    ]);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setContent((prevState) =>\n                (prevState ?? []).map((element) => ({\n                    ...element,\n                    props: { ...element.props, selectedDate } as ReactElement,\n                })),\n            );\n        }\n    }, [selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper $height={monthHeight} $width={width}>\n            <StyledMotionWrapper\n                animate={animate}\n                $isDisabled={isDisabled}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/calendar/month-wrapper/MonthWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthWrapper.styles.js","names":["motion","styled","StyledMonthWrapper","div","_ref","$width","_ref2","$height","StyledMotionWrapper"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\ntype StyledMonthWrapperProps = WithTheme<{ $height: number; $width: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: ${({ $width }) => $width}px;\n    overflow-x: clip;\n    height: ${({ $height }) => $height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA4B;AACrE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA;AACnC;AACA,cAAcC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAKC,OAAO;AAAA;AACtC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGP,MAAM,CAACD,MAAM,CAACG,GAAG,CAAC;AACrD;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"MonthWrapper.styles.js","names":["motion","styled","StyledMonthWrapper","div","_ref","$width","_ref2","$height","StyledMotionWrapper"],"sources":["../../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\ntype StyledMonthWrapperProps = WithTheme<{ $height: number; $width: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: ${({ $width }) => $width}px;\n    overflow-x: clip;\n    height: ${({ $height }) => $height}px;\n`;\n\ntype StyledMotionWrapperProps = { $isDisabled?: boolean };\n\nexport const StyledMotionWrapper = styled(motion.div)<StyledMotionWrapperProps>`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAA4B;AACrE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA;AACnC;AACA,cAAcC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAKC,OAAO;AAAA;AACtC,CAAC;AAID,OAAO,MAAMC,mBAAmB,GAAGP,MAAM,CAACD,MAAM,CAACG,GAAG,CAA2B;AAC/E;AACA;AACA,CAAC","ignoreList":[]}

package/lib/types/components/calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { type Locale } from 'date-fns';
+import { FC } from 'react';
 import type { Categories, HighlightedDates } from '../../types/calendar';
 export type CalendarProps = {
     /**
@@ -31,6 +31,10 @@ export type CalendarProps = {
      * The first Month that can be displayed.
      */
     startDate: Date;
+    /**
+     * To disable the Calendar
+     */
+    isDisabled?: boolean;
 };
 declare const Calendar: FC<CalendarProps>;
 export default Calendar;

package/lib/types/components/calendar/Calendar.styles.d.ts

@@ -1,3 +1,7 @@
-export declare const StyledCalendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledCalendarProps = {
+    $isDisabled?: boolean;
+};
+export declare const StyledCalendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCalendarProps>> & string;
 export declare const StyledCalendarIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledCalendarIconWrapperPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/types/components/calendar/month-wrapper/MonthWrapper.d.ts

@@ -12,6 +12,7 @@ export type MonthWrapperProps = {
     onAnimationFinished: () => void;
     shouldRenderTwo: boolean;
     width: number;
+    isDisabled?: boolean;
 };
 declare const MonthWrapper: FC<MonthWrapperProps>;
 export default MonthWrapper;

package/lib/types/components/calendar/month-wrapper/MonthWrapper.styles.d.ts

@@ -4,7 +4,10 @@ type StyledMonthWrapperProps = WithTheme<{
     $width: number;
 }>;
 export declare const StyledMonthWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMonthWrapperProps>> & string;
-export declare const StyledMotionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+type StyledMotionWrapperProps = {
+    $isDisabled?: boolean;
+};
+export declare const StyledMotionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     color?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -266,5 +269,5 @@ export declare const StyledMotionWrapper: import("styled-components/dist/types")
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+}, StyledMotionWrapperProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/date",
-    "version": "5.0.0-beta.718",
+    "version": "5.0.0-beta.719",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -67,7 +67,7 @@
         "typescript": "^5.5.4"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.718",
+        "@chayns-components/core": "^5.0.0-beta.719",
         "date-fns": "^2.30.0",
         "uuid": "^9.0.1"
     },
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e3f617666e06d2c43017901bcb6dac55162d2a43"
+    "gitHead": "d40c2613880a6867019a5a42d560312df5496ae2"
 }