@fremtind/jokul 0.24.0 → 0.25.0

package/build/cjs/components/datepicker/internal/Calendar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("react-dom"),r=require("../../../hooks/useId/useId.cjs");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../../icon/icons/ArrowDownIcon.cjs");const a=require("../../icon/icons/ArrowLeftIcon.cjs");require("../../icon/icons/ArrowNorthEastIcon.cjs");const c=require("../../icon/icons/ArrowRightIcon.cjs");require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs");const o=require("../../icon/icons/ChevronDownIcon.cjs");require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs"),require("../../icon/icons/GreenCheckIcon.cjs"),require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/WarningIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/PenIcon.cjs");const s=require("./calendarReducer.cjs"),i=require("./useCalendar.cjs"),l=require("./utils.cjs"),d=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],u=["man","tir","ons","tor","fre","lør","søn"],h=n.forwardRef(((h,j)=>{const{date:g,defaultSelected:b,density:m,minDate:f,maxDate:p,days:v=u,months:k=d,monthLabel:q="Velg måned",yearLabel:w="Velg år",yearsToShow:D=l.DEFAULT_YEARS_TO_SHOW,onTabOutside:I,...x}=h,y=r.useId("jkl-calendar"),[{offset:C,selectedDate:A,shownDate:S},_]=n.useReducer(s.calendarReducer,l.getInitialDateShown(g,b,f,p),s.calendarInitializer),M=S.getMonth(),F=S.getFullYear();n.useEffect((()=>{_({type:"SET_SELECTED_DATE",newDate:l.getInitialDateShown(g,b,f,p)})}),[g,b,f,p]);const N=n.useCallback((e=>{_({type:"SET_OFFSET",newOffset:e})}),[]),{calendars:E,getBackProps:O,getDateProps:T,getForwardProps:Y,handleOffsetChanged:$}=i.useCalendar({date:A,selected:A,minDate:f,maxDate:p,offset:C,onOffsetChanged:N,firstDayOfWeek:1,...x}),R=n.useRef(null),L=n.useCallback((e=>{if(!R.current)return;const n=document.activeElement,r=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),a=async e=>{null==n||n.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};r.forEach(((c,o)=>{const s=o+e;if(c==n)if(s<=r.length-1&&s>=0)a(r[s]);else if(e<0){if(l.isBackDisabled({calendars:E,minDate:f})||(t.flushSync((()=>{$(C-l.subtractMonth({calendars:E,offset:1,minDate:f}))})),!R.current))return;const e=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+s]&&(e[0].setAttribute("tabindex","-1"),a(e[e.length+s]))}else{if(l.isForwardDisabled({calendars:E,maxDate:p})||(t.flushSync((()=>{$(C+l.addMonth({calendars:E,offset:1,maxDate:p}))})),!R.current))return;const e=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[s-r.length]&&(e[0].setAttribute("tabindex","-1"),a(e[s-r.length]))}}))}),[$,R,C,E,p,f]),P=n.useCallback((e=>{switch(e.key){case"ArrowUp":L(-7),e.preventDefault();break;case"ArrowRight":L(1),e.preventDefault();break;case"ArrowDown":L(7),e.preventDefault();break;case"ArrowLeft":L(-1),e.preventDefault()}}),[L]),U=n.useCallback((e=>{var n;if("Tab"!==e.key)return;const t=null==(n=R.current)?void 0:n.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), select');if(!t)return;const r=t[0],a=t[t.length-1];e.shiftKey||document.activeElement!==a?e.shiftKey&&document.activeElement===r&&(a.focus(),e.preventDefault()):(r.focus(),e.preventDefault())}),[]),K=n.useCallback((e=>{const{date:n,selected:t,selectable:r,prevMonth:a,nextMonth:c}=e;return!!r&&!(!t&&n.toString()!==(null==f?void 0:f.toString())&&(a||c||S.getFullYear()!==n.getFullYear()||A.getMonth()===n.getMonth()||1!==n.getDate()))}),[S,f,A]),H=n.useCallback((()=>{f&&S.getFullYear()-f.getFullYear()==0&&S.getMonth()-f.getMonth()==1?document.querySelectorAll(".jkl-calendar-navigation__arrow")[1].focus():p&&p.getFullYear()-S.getFullYear()==0&&p.getMonth()-S.getMonth()==1&&document.querySelectorAll(".jkl-calendar-navigation__arrow")[0].focus()}),[f,p,S]),J=n.useCallback((e=>{if(4!==e.target.value.length)return;const n=Number.parseInt(e.target.value);if(Number.isNaN(n))return;let t=12*(n-S.getFullYear());const r=new Date(S.getFullYear(),S.getMonth()+t,S.getDate());p&&p.getFullYear()===r.getFullYear()&&p.getMonth()<r.getMonth()?t-=r.getMonth()-p.getMonth():f&&f.getFullYear()===r.getFullYear()&&f.getMonth()>r.getMonth()&&(t+=f.getMonth()-r.getMonth()),_({type:"ADD_OFFSET",addedOffset:t})}),[S,f,p]),V=n.useCallback((e=>{if(!A&&!g)return;const n=S.getFullYear()-(A||new Date).getFullYear(),t=Number.parseInt(e.target.value)-(A||new Date).getMonth();_({type:"SET_OFFSET",newOffset:12*n+t})}),[A,g,S]),W=l.getYearSelectOptions(F,f,p,D),z=l.getMonthSelectOptions(F,k,f,p);return e.jsx("div",{ref:j,id:y,className:"jkl-calendar","data-testid":"jkl-calendar",children:e.jsxs("div",{className:"jkl-calendar__padding",ref:R,onKeyDown:U,children:[e.jsxs("fieldset",{className:"jkl-calendar-navigation",children:[e.jsxs("div",{children:[e.jsx("button",{...O({calendars:E,onClick:H}),className:"jkl-calendar-navigation__arrow",type:"button",children:e.jsx(a.ArrowLeftIcon,{variant:"medium",bold:!0})}),e.jsx("button",{...Y({calendars:E,onClick:H}),className:"jkl-calendar-navigation__arrow",type:"button",children:e.jsx(c.ArrowRightIcon,{variant:"medium",bold:!0})})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"jkl-calendar-navigation-dropdown",children:[e.jsx("select",{onChange:V,className:"jkl-calendar-navigation-dropdown__select","aria-label":q,value:M.toString(),children:z.map((({label:n,value:t})=>e.jsx("option",{value:t,children:n},t)))}),e.jsx(o.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),e.jsxs("div",{className:"jkl-calendar-navigation-dropdown",children:[e.jsx("select",{onChange:J,className:"jkl-calendar-navigation-dropdown__select","aria-label":w,value:F.toString(),children:W.map((n=>e.jsx("option",{value:n,children:n},n)))}),e.jsx(o.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),E.map((n=>e.jsxs("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[e.jsxs("caption",{className:"jkl-sr-only",children:[k[n.month],", ",n.year]}),e.jsx("thead",{children:e.jsx("tr",{children:v.map((t=>e.jsx("th",{children:t},`${n.month}${n.year}${t}`)))})}),e.jsx("tbody",{"data-testid":"jkl-datepicker-dates",children:n.weeks.map(((t,r)=>e.jsx("tr",{children:t.map(((t,a)=>{const c=`${n.month}${n.year}${r}${a}`;if("string"==typeof t)return e.jsx("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:t},c);const{date:o,selectable:s,today:i,prevMonth:l,nextMonth:d}=t;return e.jsx("td",{children:e.jsx("button",{...T({dateObj:t}),type:"button",className:"jkl-calendar-date-button",tabIndex:K(t)?0:-1,"aria-label":`${o.getDate()}. ${k[o.getMonth()].toLowerCase()}`,"aria-current":i?"date":void 0,"data-adjacent":l||d?"true":void 0,disabled:!s,onKeyDown:P,children:e.jsx("span",{"aria-hidden":"true",children:o.getDate()})})},c)}))},`${n.month}${n.year}${r}`)))})]},`${n.month}${n.year}`)))]})})}));h.displayName="Calendar",exports.Calendar=h;
+//# sourceMappingURL=Calendar.cjs.map

package/build/cjs/components/datepicker/internal/Calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/datepicker/internal/Calendar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useReducer, useRef } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { Density } from \"../../../core/types.js\";\nimport { useId } from \"../../../hooks/useId/useId.js\";\nimport { ArrowLeftIcon, ArrowRightIcon, ChevronDownIcon } from \"../../icon/index.js\";\nimport { YearsToShow } from \"../types.js\";\nimport { calendarInitializer, calendarReducer } from \"./calendarReducer.js\";\nimport { useCalendar, UseCalendarProps } from \"./useCalendar.js\";\nimport {\n    addMonth,\n    DateInfo,\n    DEFAULT_YEARS_TO_SHOW,\n    getInitialDateShown,\n    getMonthSelectOptions,\n    getYearSelectOptions,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\n} from \"./utils.js\";\n\ninterface CalendarProps\n    extends Omit<UseCalendarProps, \"date\" | \"onOffsetChanged\" | \"offset\" | \"firstDayOfWeek\" | \"selected\"> {\n    date: Date | null;\n    density?: Density;\n    defaultSelected?: Date;\n    days?: string[];\n    months?: string[];\n    monthLabel?: string;\n    yearLabel?: string;\n    yearsToShow?: YearsToShow;\n    onTabOutside: React.KeyboardEventHandler;\n}\n\nconst defaultMonths = [\n    \"Januar\",\n    \"Februar\",\n    \"Mars\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Desember\",\n];\n\nconst defaultDays = [\"man\", \"tir\", \"ons\", \"tor\", \"fre\", \"lør\", \"søn\"];\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>((props, ref) => {\n    const {\n        date,\n        defaultSelected,\n        density,\n        minDate,\n        maxDate,\n        days = defaultDays,\n        months = defaultMonths,\n        monthLabel = \"Velg måned\",\n        yearLabel = \"Velg år\",\n        yearsToShow = DEFAULT_YEARS_TO_SHOW,\n        onTabOutside,\n        ...rest\n    } = props;\n\n    const id = useId(\"jkl-calendar\");\n\n    const [{ offset, selectedDate, shownDate }, dispatch] = useReducer(\n        calendarReducer,\n        getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        calendarInitializer,\n    );\n\n    const shownMonth = shownDate.getMonth();\n    const shownYear = shownDate.getFullYear();\n\n    useEffect(() => {\n        dispatch({\n            type: \"SET_SELECTED_DATE\",\n            newDate: getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        });\n    }, [date, defaultSelected, minDate, maxDate]);\n\n    const onOffsetChanged = useCallback((newOffset: number) => {\n        dispatch({\n            type: \"SET_OFFSET\",\n            newOffset,\n        });\n    }, []);\n\n    const { calendars, getBackProps, getDateProps, getForwardProps, handleOffsetChanged } = useCalendar({\n        date: selectedDate,\n        selected: selectedDate,\n        minDate,\n        maxDate,\n        offset,\n        onOffsetChanged,\n        firstDayOfWeek: 1,\n        ...rest,\n    });\n\n    /// Calendar keyboard navigation\n\n    const calendarPaddingRef = useRef<HTMLDivElement>(null);\n    const doFocusChange = useCallback(\n        (offsetDiff: number) => {\n            if (!calendarPaddingRef.current) {\n                return;\n            }\n\n            const e = document.activeElement;\n            const buttons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n            );\n\n            const changeFocusTo = async (nextButton: HTMLButtonElement) => {\n                e?.setAttribute(\"tabindex\", \"-1\");\n                nextButton.setAttribute(\"tabindex\", \"0\");\n                nextButton.focus();\n            };\n\n            buttons.forEach((el, i) => {\n                const newNodeKey = i + offsetDiff;\n\n                if (el == e) {\n                    if (newNodeKey <= buttons.length - 1 && newNodeKey >= 0) {\n                        changeFocusTo(buttons[newNodeKey]);\n                    } else if (offsetDiff < 0) {\n                        if (isBackDisabled({ calendars, minDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff negativ så har vi gått tilbake en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset - subtractMonth({ calendars, offset: 1, minDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // + - = -\n                        if (newButtons[newButtons.length + newNodeKey]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newButtons.length + newNodeKey]);\n                        }\n                    } else {\n                        if (isForwardDisabled({ calendars, maxDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff positiv så har vi gått frem en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset + addMonth({ calendars, offset: 1, maxDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // NewNodeKey er basert på forrige måneds liste med knapper. For at verdien skal bli\n                        // riktig i vår nye måned må vi trekke fra anntal dager fra forrige måned.\n                        if (newButtons[newNodeKey - buttons.length]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newNodeKey - buttons.length]);\n                        }\n                    }\n                }\n            });\n        },\n        [handleOffsetChanged, calendarPaddingRef, offset, calendars, maxDate, minDate],\n    );\n\n    const handleArrowNavigation = useCallback(\n        (event: React.KeyboardEvent) => {\n            switch (event.key) {\n                case \"ArrowUp\":\n                    doFocusChange(-7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowRight\":\n                    doFocusChange(1);\n                    event.preventDefault();\n                    break;\n                case \"ArrowDown\":\n                    doFocusChange(7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowLeft\":\n                    doFocusChange(-1);\n                    event.preventDefault();\n                    break;\n                default:\n                    break;\n            }\n        },\n        [doFocusChange],\n    );\n\n    const handleTabInside: React.KeyboardEventHandler = useCallback((event) => {\n        if (event.key !== \"Tab\") return;\n\n        const focusableElements = calendarPaddingRef.current?.querySelectorAll<HTMLElement>(\n            'button:not([disabled]):not([tabindex=\"-1\"]), select',\n        );\n\n        if (!focusableElements) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (!event.shiftKey && document.activeElement === lastElement) {\n            firstElement.focus();\n            event.preventDefault();\n        } else if (event.shiftKey && document.activeElement === firstElement) {\n            lastElement.focus();\n            event.preventDefault();\n        }\n    }, []);\n\n    const isFocusableDate = useCallback(\n        (dateInfo: DateInfo) => {\n            const { date, selected, selectable, prevMonth, nextMonth } = dateInfo;\n\n            // Datoen kan ikke velges\n            if (!selectable) {\n                return false;\n            }\n            // Datoen er valgt dato\n            if (selected) {\n                return true;\n            }\n            // Datoen er første valgbare dato\n            if (date.toString() === minDate?.toString()) {\n                return true;\n            }\n\n            // Datoen er første i måneden som vises\n            if (\n                !prevMonth &&\n                !nextMonth &&\n                shownDate.getFullYear() === date.getFullYear() &&\n                selectedDate.getMonth() !== date.getMonth() &&\n                date.getDate() === 1\n            ) {\n                return true;\n            }\n\n            return false;\n        },\n        [shownDate, minDate, selectedDate],\n    );\n\n    const handleGotoEdgeMonth = useCallback(() => {\n        if (\n            // Vi er i ferd med å gå til første måned\n            minDate &&\n            shownDate.getFullYear() - minDate.getFullYear() === 0 &&\n            shownDate.getMonth() - minDate.getMonth() === 1\n        ) {\n            // Fokuser på \"neste månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[1].focus();\n        } else if (\n            // Vi er i ferd med å gå til siste måned\n            maxDate &&\n            maxDate.getFullYear() - shownDate.getFullYear() === 0 &&\n            maxDate.getMonth() - shownDate.getMonth() === 1\n        ) {\n            // Fokuser på \"forrige månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[0].focus();\n        }\n    }, [minDate, maxDate, shownDate]);\n\n    /// Extended variant events\n\n    const handleYearChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (event.target.value.length !== 4) {\n                return;\n            }\n\n            const year: number = Number.parseInt(event.target.value);\n            if (Number.isNaN(year)) {\n                return;\n            }\n\n            let offset = (year - shownDate.getFullYear()) * 12;\n            const expectedDate = new Date(shownDate.getFullYear(), shownDate.getMonth() + offset, shownDate.getDate());\n\n            // Pass på at vi ikke hopper forbi maks. eller min. dato\n            if (\n                maxDate &&\n                maxDate.getFullYear() === expectedDate.getFullYear() &&\n                maxDate.getMonth() < expectedDate.getMonth()\n            ) {\n                offset -= expectedDate.getMonth() - maxDate.getMonth();\n            } else if (\n                minDate &&\n                minDate.getFullYear() === expectedDate.getFullYear() &&\n                minDate.getMonth() > expectedDate.getMonth()\n            ) {\n                offset += minDate.getMonth() - expectedDate.getMonth();\n            }\n\n            dispatch({\n                type: \"ADD_OFFSET\",\n                addedOffset: offset,\n            });\n\n            return;\n        },\n        [shownDate, minDate, maxDate],\n    );\n\n    const handleMonthChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (!selectedDate && !date) {\n                return;\n            }\n\n            const yearDiff = shownDate.getFullYear() - (selectedDate || new Date()).getFullYear();\n            const monthDiff = Number.parseInt(event.target.value) - (selectedDate || new Date()).getMonth();\n\n            dispatch({\n                type: \"SET_OFFSET\",\n                newOffset: yearDiff * 12 + monthDiff,\n            });\n\n            return;\n        },\n        [selectedDate, date, shownDate],\n    );\n\n    const yearSelectOptions = getYearSelectOptions(shownYear, minDate, maxDate, yearsToShow);\n    const monthSelectOptions = getMonthSelectOptions(shownYear, months, minDate, maxDate);\n\n    return (\n        <div ref={ref} id={id} className=\"jkl-calendar\" data-testid=\"jkl-calendar\">\n            {/* Vi lytter på på trykk på Tab inne i kalenderen for å håndtere fokus */}\n            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n            <div className=\"jkl-calendar__padding\" ref={calendarPaddingRef} onKeyDown={handleTabInside}>\n                <fieldset className=\"jkl-calendar-navigation\">\n                    <div>\n                        <button\n                            {...getBackProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowLeftIcon variant=\"medium\" bold />\n                        </button>\n                        <button\n                            {...getForwardProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowRightIcon variant=\"medium\" bold />\n                        </button>\n                    </div>\n                    <div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleMonthChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={monthLabel}\n                                value={shownMonth.toString()}\n                            >\n                                {monthSelectOptions.map(({ label, value }) => (\n                                    <option key={value} value={value}>\n                                        {label}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleYearChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={yearLabel}\n                                value={shownYear.toString()}\n                            >\n                                {yearSelectOptions.map((year) => (\n                                    <option key={year} value={year}>\n                                        {year}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                    </div>\n                </fieldset>\n                {calendars.map((calendar) => (\n                    <table\n                        className=\"jkl-calendar-table\"\n                        key={`${calendar.month}${calendar.year}`}\n                        data-testid=\"jkl-datepicker-calendar\"\n                    >\n                        <caption className=\"jkl-sr-only\">\n                            {months[calendar.month]}, {calendar.year}\n                        </caption>\n                        <thead>\n                            <tr>\n                                {days.map((weekday) => (\n                                    <th key={`${calendar.month}${calendar.year}${weekday}`}>{weekday}</th>\n                                ))}\n                            </tr>\n                        </thead>\n                        <tbody data-testid=\"jkl-datepicker-dates\">\n                            {calendar.weeks.map((week, weekIndex) => (\n                                <tr key={`${calendar.month}${calendar.year}${weekIndex}`}>\n                                    {week.map((dateInfo, index) => {\n                                        const key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                                        if (typeof dateInfo === \"string\") {\n                                            return (\n                                                <td className=\"jkl-calendar__date jkl-calendar__date--empty\" key={key}>\n                                                    {dateInfo}\n                                                </td>\n                                            );\n                                        }\n                                        const { date, selectable, today, prevMonth, nextMonth } = dateInfo;\n\n                                        return (\n                                            <td key={key}>\n                                                <button\n                                                    {...getDateProps({\n                                                        dateObj: dateInfo,\n                                                    })}\n                                                    type=\"button\"\n                                                    className=\"jkl-calendar-date-button\"\n                                                    tabIndex={isFocusableDate(dateInfo) ? 0 : -1}\n                                                    aria-label={`${date.getDate()}. ${months[\n                                                        date.getMonth()\n                                                    ].toLowerCase()}`}\n                                                    aria-current={today ? \"date\" : undefined}\n                                                    data-adjacent={prevMonth || nextMonth ? \"true\" : undefined}\n                                                    disabled={!selectable}\n                                                    onKeyDown={handleArrowNavigation}\n                                                >\n                                                    <span aria-hidden=\"true\">{date.getDate()}</span>\n                                                </button>\n                                            </td>\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                ))}\n            </div>\n        </div>\n    );\n});\n\nCalendar.displayName = \"Calendar\";\n"],"names":["defaultMonths","defaultDays","Calendar","forwardRef","props","ref","date","defaultSelected","density","minDate","maxDate","days","months","monthLabel","yearLabel","yearsToShow","DEFAULT_YEARS_TO_SHOW","onTabOutside","rest","id","useId","offset","selectedDate","shownDate","dispatch","useReducer","calendarReducer","getInitialDateShown","calendarInitializer","shownMonth","getMonth","shownYear","getFullYear","useEffect","type","newDate","onOffsetChanged","useCallback","newOffset","calendars","getBackProps","getDateProps","getForwardProps","handleOffsetChanged","useCalendar","selected","firstDayOfWeek","calendarPaddingRef","useRef","doFocusChange","offsetDiff","current","e","document","activeElement","buttons","querySelectorAll","changeFocusTo","async","setAttribute","nextButton","focus","forEach","el","i","newNodeKey","length","isBackDisabled","flushSync","subtractMonth","newButtons","isForwardDisabled","addMonth","handleArrowNavigation","event","key","preventDefault","handleTabInside","focusableElements","_a","firstElement","lastElement","shiftKey","isFocusableDate","dateInfo","selectable","prevMonth","nextMonth","toString","getDate","handleGotoEdgeMonth","handleYearChange","target","value","year","Number","parseInt","isNaN","expectedDate","Date","addedOffset","handleMonthChange","yearDiff","monthDiff","yearSelectOptions","getYearSelectOptions","monthSelectOptions","getMonthSelectOptions","jsx","className","children","jsxs","onKeyDown","onClick","ArrowLeftIcon","variant","bold","ArrowRightIcon","onChange","map","label","ChevronDownIcon","calendar","month","weekday","weeks","week","weekIndex","index","today","dateObj","tabIndex","toLowerCase","disabled","displayName"],"mappings":"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"}

package/build/cjs/components/datepicker/internal/Calendar.d.cts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.cjs;'
+import { YearsToShow } from '../types.cjs;'
+import { UseCalendarProps } from './useCalendar.cjs;'
+interface CalendarProps extends Omit<UseCalendarProps, "date" | "onOffsetChanged" | "offset" | "firstDayOfWeek" | "selected"> {
+    date: Date | null;
+    density?: Density;
+    defaultSelected?: Date;
+    days?: string[];
+    months?: string[];
+    monthLabel?: string;
+    yearLabel?: string;
+    yearsToShow?: YearsToShow;
+    onTabOutside: React.KeyboardEventHandler;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/build/cjs/components/datepicker/internal/calendarReducer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=e=>({selectedDate:e,offset:0,shownDate:e});exports.calendarInitializer=e,exports.calendarReducer=(t,s)=>{let a;switch(s.type){case"SET_OFFSET":return a=new Date(t.selectedDate),a.setMonth(t.selectedDate.getMonth()+s.newOffset),{...t,offset:s.newOffset,shownDate:a};case"ADD_OFFSET":return a=new Date(t.selectedDate),a.setMonth(t.selectedDate.getMonth()+t.offset+s.addedOffset),{...t,offset:t.offset+s.addedOffset,shownDate:a};case"SET_SELECTED_DATE":return e(s.newDate);default:return t}};
+//# sourceMappingURL=calendarReducer.cjs.map

package/build/cjs/components/datepicker/internal/calendarReducer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarReducer.cjs","sources":["../../../../../src/components/datepicker/internal/calendarReducer.ts"],"sourcesContent":["import { type Reducer } from \"react\";\n\nexport type CalendarAction =\n    | {\n          type: \"SET_SELECTED_DATE\";\n          newDate: Date;\n      }\n    | {\n          type: \"SET_OFFSET\";\n          newOffset: number;\n      }\n    | {\n          type: \"ADD_OFFSET\";\n          addedOffset: number;\n      };\n\nexport type CalendarState = {\n    selectedDate: Date;\n    offset: number;\n    shownDate: Date;\n};\n\nexport const calendarReducer: Reducer<CalendarState, CalendarAction> = (currentState, action) => {\n    let shownDate: Date;\n\n    switch (action.type) {\n        case \"SET_OFFSET\":\n            shownDate = new Date(currentState.selectedDate);\n            shownDate.setMonth(currentState.selectedDate.getMonth() + action.newOffset);\n\n            return {\n                ...currentState,\n                offset: action.newOffset,\n                shownDate,\n            };\n\n        case \"ADD_OFFSET\":\n            shownDate = new Date(currentState.selectedDate);\n            shownDate.setMonth(currentState.selectedDate.getMonth() + currentState.offset + action.addedOffset);\n\n            return {\n                ...currentState,\n                offset: currentState.offset + action.addedOffset,\n                shownDate,\n            };\n\n        case \"SET_SELECTED_DATE\":\n            return calendarInitializer(action.newDate);\n\n        default:\n            return currentState;\n    }\n};\n\nexport const calendarInitializer = (initialDate: Date): CalendarState => ({\n    selectedDate: initialDate,\n    offset: 0,\n    shownDate: initialDate,\n});\n"],"names":["calendarInitializer","initialDate","selectedDate","offset","shownDate","currentState","action","type","Date","setMonth","getMonth","newOffset","addedOffset","newDate"],"mappings":"gFAsBa,MAgCAA,EAAuBC,IAAAA,CAChCC,aAAcD,EACdE,OAAQ,EACRC,UAAWH,0DAnCwD,CAACI,EAAcC,KAC9E,IAAAF,EAEJ,OAAQE,EAAOC,MACX,IAAK,aACW,OAAAH,EAAA,IAAII,KAAKH,EAAaH,cAClCE,EAAUK,SAASJ,EAAaH,aAAaQ,WAAaJ,EAAOK,WAE1D,IACAN,EACHF,OAAQG,EAAOK,UACfP,UAAAA,GAGR,IAAK,aACW,OAAAA,EAAA,IAAII,KAAKH,EAAaH,cACxBE,EAAAK,SAASJ,EAAaH,aAAaQ,WAAaL,EAAaF,OAASG,EAAOM,aAEhF,IACAP,EACHF,OAAQE,EAAaF,OAASG,EAAOM,YACrCR,UAAAA,GAGR,IAAK,oBACM,OAAAJ,EAAoBM,EAAOO,SAEtC,QACW,OAAAR,EACf"}

package/build/cjs/components/datepicker/internal/useCalendar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("date-fns"),t=require("react"),a=require("./utils.cjs");function n(e){return void 0!==e}function s(e,{onClick:t,dateObj:n}){return{onClick:a.composeEventHandlers(t,(t=>{e(n,t)})),disabled:!n.selectable,"aria-pressed":n.selected,role:"button"}}function o({minDate:e,offsetMonth:t,handleOffsetChanged:n},{onClick:s,offset:o=1,calendars:r}){const d=`Gå tilbake ${o} måned${1===o?"":"er"}`;return{onClick:a.composeEventHandlers(s,(()=>{n(t-a.subtractMonth({calendars:r,offset:o,minDate:e}))})),disabled:a.isBackDisabled({calendars:r,minDate:e}),"aria-label":d,title:d}}function r({maxDate:e,offsetMonth:t,handleOffsetChanged:n},{onClick:s,offset:o=1,calendars:r}){const d=`Gå frem ${o} måned${1===o?"":"er"}`;return{onClick:a.composeEventHandlers(s,(()=>{n(t+a.addMonth({calendars:r,offset:o,maxDate:e}))})),disabled:a.isForwardDisabled({calendars:r,maxDate:e}),"aria-label":d,title:d}}exports.useCalendar=function({date:d=e.startOfDay(new Date),maxDate:l,minDate:i,monthsToDisplay:f=1,firstDayOfWeek:c=0,showOutsideDays:u=!0,offset:D,onDateSelected:h,onOffsetChanged:m,selected:b}){const[C,O]=t.useState(0),g=function(e,t){return n(e)?e:t}(D,C);function p(e){n(D)||O(e),m(e)}return{calendars:a.getCalendars({date:d,selected:b,monthsToDisplay:f,minDate:i,maxDate:l,offset:g,firstDayOfWeek:c,showOutsideDays:u}),getDateProps:s.bind(null,h),getBackProps:o.bind(null,{minDate:i,offsetMonth:g,handleOffsetChanged:p}),getForwardProps:r.bind(null,{maxDate:l,offsetMonth:g,handleOffsetChanged:p}),handleOffsetChanged:p}};
+//# sourceMappingURL=useCalendar.cjs.map

package/build/cjs/components/datepicker/internal/useCalendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.cjs","sources":["../../../../../src/components/datepicker/internal/useCalendar.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { startOfDay } from \"date-fns\";\nimport React, { useState } from \"react\";\nimport {\n    composeEventHandlers,\n    subtractMonth,\n    addMonth,\n    isBackDisabled,\n    isForwardDisabled,\n    getCalendars,\n    DateInfo,\n    CalendarMonth,\n} from \"./utils.js\";\n\nfunction isOffsetControlled(propOffset: number | undefined): boolean {\n    return propOffset !== undefined;\n}\n\nfunction getOffset(prop: number, state: number): number {\n    return isOffsetControlled(prop) ? prop : state;\n}\n\ntype BoundGetDateProps = (dateInfo: DateInfo, event: React.MouseEvent) => void;\n\ntype GetDateProps = {\n    onClick?: React.MouseEventHandler;\n    dateObj: DateInfo;\n};\n\ntype GetDatePropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-pressed\": boolean;\n    role: \"button\";\n};\n\nfunction getDateProps(onDateSelected: BoundGetDateProps, { onClick, dateObj }: GetDateProps): GetDatePropsResult {\n    return {\n        onClick: composeEventHandlers(onClick, (event) => {\n            onDateSelected(dateObj, event);\n        }),\n        disabled: !dateObj.selectable,\n        \"aria-pressed\": dateObj.selected,\n        role: \"button\",\n    };\n}\n\ntype BoundGetBackProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    minDate?: Date;\n};\n\ntype GetBackProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetBackPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getBackProps(\n    { minDate, offsetMonth, handleOffsetChanged }: BoundGetBackProps,\n    { onClick, offset = 1, calendars }: GetBackProps,\n): GetBackPropsResult {\n    const label = `Gå tilbake ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth - subtractMonth({ calendars, offset, minDate }));\n        }),\n        disabled: isBackDisabled({ calendars, minDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\ntype BoundGetForwardProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    maxDate?: Date;\n};\n\ntype GetForwardProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetForwardPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getForwardProps(\n    { maxDate, offsetMonth, handleOffsetChanged }: BoundGetForwardProps,\n    { onClick, offset = 1, calendars }: GetForwardProps,\n): GetForwardPropsResult {\n    const label = `Gå frem ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth + addMonth({ calendars, offset, maxDate }));\n        }),\n        disabled: isForwardDisabled({ calendars, maxDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\nexport interface UseCalendarProps {\n    date?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    monthsToDisplay?: number;\n    firstDayOfWeek?: number;\n    showOutsideDays?: boolean;\n    offset: number;\n    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;\n    onOffsetChanged: (newOffset: number) => void;\n    selected?: Date | Date[];\n}\n\nexport type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;\nexport type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;\nexport type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;\nexport type HandleOffsetFunc = (newOffset: number) => void;\n\nexport type UseCalendarResult = {\n    calendars: CalendarMonth[];\n    getDateProps: GetDatePropsFunc;\n    getBackProps: GetBackPropsFunc;\n    getForwardProps: GetForwardPropsFunc;\n    handleOffsetChanged: HandleOffsetFunc;\n};\n\nexport function useCalendar({\n    date = startOfDay(new Date()),\n    maxDate,\n    minDate,\n    monthsToDisplay = 1,\n    firstDayOfWeek = 0,\n    showOutsideDays = true,\n    offset,\n    onDateSelected,\n    onOffsetChanged,\n    selected,\n}: UseCalendarProps): UseCalendarResult {\n    const [stateOffset, setStateOffset] = useState(0);\n    const offsetMonth = getOffset(offset, stateOffset);\n\n    function handleOffsetChanged(newOffset: number) {\n        if (!isOffsetControlled(offset)) {\n            setStateOffset(newOffset);\n        }\n        onOffsetChanged(newOffset);\n    }\n\n    const calendars = getCalendars({\n        date,\n        selected,\n        monthsToDisplay,\n        minDate,\n        maxDate,\n        offset: offsetMonth,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n    return {\n        calendars,\n        getDateProps: getDateProps.bind(null, onDateSelected),\n        getBackProps: getBackProps.bind(null, {\n            minDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        getForwardProps: getForwardProps.bind(null, {\n            maxDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        handleOffsetChanged,\n    };\n}\n"],"names":["isOffsetControlled","propOffset","getDateProps","onDateSelected","onClick","dateObj","composeEventHandlers","event","disabled","selectable","selected","role","getBackProps","minDate","offsetMonth","handleOffsetChanged","offset","calendars","label","subtractMonth","isBackDisabled","title","getForwardProps","maxDate","addMonth","isForwardDisabled","date","startOfDay","Date","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"wJAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EAAaC,GAAqCC,QAAAA,EAASC,QAAAA,IACzD,MAAA,CACHD,QAASE,EAAAA,qBAAqBF,GAAUG,IACpCJ,EAAeE,EAASE,EAAK,IAEjCC,UAAWH,EAAQI,WACnB,eAAgBJ,EAAQK,SACxBC,KAAM,SAEd,CAqBA,SAASC,GACHC,QAAAA,EAASC,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,cAAcF,UAA0B,IAAXA,EAAe,GAAK,OACxD,MAAA,CACHZ,QAASE,EAAAA,qBAAqBF,GAAS,KACnCW,EAAoBD,EAAcK,gBAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,IAAU,IAEnFL,SAAUY,EAAAA,eAAe,CAAEH,UAAAA,EAAWJ,QAAAA,IACtC,aAAcK,EACdG,MAAOH,EAEf,CAqBA,SAASI,GACHC,QAAAA,EAAST,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,WAAWF,UAA0B,IAAXA,EAAe,GAAK,OACrD,MAAA,CACHZ,QAASE,EAAAA,qBAAqBF,GAAS,KACnCW,EAAoBD,EAAcU,WAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,IAAU,IAE9Ef,SAAUiB,EAAAA,kBAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,qBA4BO,UACHQ,KAAAA,EAAOC,EAAAA,WAAe,IAAAC,MACtBL,QAAAA,EACAV,QAAAA,EACAgB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBf,OAAAA,EACAb,eAAAA,EACA6B,gBAAAA,EACAtB,SAAAA,IAEA,MAAOuB,EAAaC,GAAkBC,WAAS,GACzCrB,EAxIV,SAAmBsB,EAAcC,GACtB,OAAArC,EAAmBoC,GAAQA,EAAOC,CAC7C,CAsIwBC,CAAUtB,EAAQiB,GAEtC,SAASlB,EAAoBwB,GACpBvC,EAAmBgB,IACpBkB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYO,MAAA,CACHtB,UAXcuB,EAAAA,aAAa,CAC3Bd,KAAAA,EACAhB,SAAAA,EACAmB,gBAAAA,EACAhB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRgB,eAAAA,EACAC,gBAAAA,IAIA7B,aAAcA,EAAauC,KAAK,KAAMtC,GACtCS,aAAcA,EAAa6B,KAAK,KAAM,CAClC5B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBmB,KAAK,KAAM,CACxClB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}

package/build/cjs/components/datepicker/internal/useCalendar.d.cts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { DateInfo, CalendarMonth } from './utils.cjs;'
+type GetDateProps = {
+    onClick?: React.MouseEventHandler;
+    dateObj: DateInfo;
+};
+type GetDatePropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-pressed": boolean;
+    role: "button";
+};
+type GetBackProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetBackPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+type GetForwardProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetForwardPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+export interface UseCalendarProps {
+    date?: Date;
+    maxDate?: Date;
+    minDate?: Date;
+    monthsToDisplay?: number;
+    firstDayOfWeek?: number;
+    showOutsideDays?: boolean;
+    offset: number;
+    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;
+    onOffsetChanged: (newOffset: number) => void;
+    selected?: Date | Date[];
+}
+export type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;
+export type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;
+export type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;
+export type HandleOffsetFunc = (newOffset: number) => void;
+export type UseCalendarResult = {
+    calendars: CalendarMonth[];
+    getDateProps: GetDatePropsFunc;
+    getBackProps: GetBackPropsFunc;
+    getForwardProps: GetForwardPropsFunc;
+    handleOffsetChanged: HandleOffsetFunc;
+};
+export declare function useCalendar({ date, maxDate, minDate, monthsToDisplay, firstDayOfWeek, showOutsideDays, offset, onDateSelected, onOffsetChanged, selected, }: UseCalendarProps): UseCalendarResult;
+export {};

package/build/cjs/components/datepicker/internal/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("date-fns"),e=require("../utils.cjs");function n({month:e,year:n,selectedDates:r,minDate:o,maxDate:l,firstDayOfWeek:i,showOutsideDays:f}){const u=function(t,e){const n=new Date(e,t,1);return t=n.getMonth(),e=n.getFullYear(),{daysInMonth:32-new Date(e,t,32).getDate(),month:t,year:e}}(e,n),D=u.daysInMonth;e=u.month,n=u.year;const c=[];for(let i=1;i<=D;i++){const f=new Date(n,e,i),u={date:f,selected:a(r,f),selectable:s(o,l,f),today:t.isToday(f),prevMonth:!1,nextMonth:!1};c.push(u)}const d=new Date(n,e,1),h=new Date(n,e,D),y=function({firstDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:l,showOutsideDays:i}){const f=[];let u=(e.getDay()+7-l)%7;if(i){const l=t.addDays(e,-1),i=l.getDate(),D=l.getMonth(),c=l.getFullYear();let d=0;for(;d<u;){const t=new Date(c,D,i-d),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!0,nextMonth:!1};f.unshift(e),d++}}else for(;u>0;)f.unshift(""),u--;return f}({firstDayOfMonth:d,minDate:o,maxDate:l,selectedDates:r,firstDayOfWeek:i,showOutsideDays:f}),g=function({lastDayOfMonth:e,minDate:n,maxDate:r,selectedDates:o,firstDayOfWeek:l,showOutsideDays:i}){const f=[];let u=(e.getDay()+7-l)%7;if(i){const l=t.addDays(e,1),i=l.getMonth(),D=l.getFullYear();let c=0;for(;c<6-u;){const t=new Date(D,i,1+c),e={date:t,selected:a(o,t),selectable:s(n,r,t),today:!1,prevMonth:!1,nextMonth:!0};f.push(e),c++}}else for(;u<6;)f.push(""),u++;return f}({lastDayOfMonth:h,minDate:o,maxDate:l,selectedDates:r,firstDayOfWeek:i,showOutsideDays:f});c.unshift(...y),c.push(...g);const m=function(t){const e=Math.ceil(t.length/7),n=[];for(let a=0;a<e;a++){n[a]=[];for(let e=0;e<7;e++)n[a].push(t[7*a+e])}return n}(c);return{firstDayOfMonth:d,lastDayOfMonth:h,month:e,year:n,weeks:m}}function a(e,n){return!!e&&(e=Array.isArray(e)?e:[e]).some((e=>e instanceof Date&&t.startOfDay(e).getTime()===t.startOfDay(n).getTime()))}function s(e,n,a){return!(e&&t.isBefore(a,e)||n&&t.isBefore(n,a))}function r(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function o(t,e,n){return!!(n&&t>n||e&&t<e)}exports.DEFAULT_YEARS_TO_SHOW=3,exports.addMonth=function({calendars:e,offset:n,maxDate:a}){if(n>1&&a){const{lastDayOfMonth:s}=e[e.length-1],r=t.differenceInCalendarMonths(a,s);r<n&&(n=r)}return n},exports.composeEventHandlers=function(...t){return e=>t.some((t=>(t&&t(e),e.defaultPrevented)))},exports.dateHasChanged=function(t,e){return!t||!r(t,e)},exports.dateIsOutsideRange=o,exports.getCalendars=function({date:e,selected:a,monthsToDisplay:s,offset:r,minDate:o,maxDate:l,firstDayOfWeek:i,showOutsideDays:f}){const u=[],D=function(e,n,a){let s=t.startOfDay(e);if(n){const e=t.startOfDay(n);t.isBefore(s,e)&&(s=e)}if(a){const e=t.startOfDay(a);t.isBefore(e,s)&&(s=e)}return s}(e,o,l);for(let t=0;t<s;t++){const e=n({month:D.getMonth()+t+r,year:D.getFullYear(),selectedDates:a,minDate:o,maxDate:l,firstDayOfWeek:i,showOutsideDays:f});u.push(e)}return u},exports.getInitialDate=function(t,n,a,s){const r=e.parseDateString(t),l=e.parseDateString(n);return r?o(r,a,s)?null:r:l?o(l,a,s)?null:l:null},exports.getInitialDateShown=function(t,e,n,a){let s=t||e||new Date;return n&&(s=n>s?n:s),a&&(s=a<s?a:s),s},exports.getMonthSelectOptions=function(t,e,n,a){const s=(null==n?void 0:n.getFullYear())||t,r=void 0===(null==n?void 0:n.getMonth())?0:n.getMonth(),o=(null==a?void 0:a.getFullYear())||t,l=void 0===(null==a?void 0:a.getMonth())?11:a.getMonth();let i=0,f=11;return s===t&&(i=r),o===t&&(f=l),e.map(((t,e)=>({value:e.toString(),label:t}))).filter((({value:t})=>parseInt(t)>=i&&parseInt(t)<=f))},exports.getYearSelectOptions=function(t,e,n,a){if(e&&e.getFullYear()>t)return[e.getFullYear().toString()];if(n&&n.getFullYear()<t)return[n.getFullYear().toString()];let s,r,o=!1;"all"===a?(o=!0,s=3,r=3):(s="number"==typeof a?a:a.previous,r="number"==typeof a?a:a.coming);let l=t-s;if(e){const t=o?e.getFullYear():l;l=Math.max(e.getFullYear(),t)}let i=t+r;if(n){const t=o?n.getFullYear():i;i=Math.min(n.getFullYear(),t)}const f=Math.max(i-l+1,1);return[...Array(f).keys()].map((t=>t+l)).map((t=>t.toString()))},exports.isBackDisabled=function({calendars:e,minDate:n}){if(!n)return!1;const{firstDayOfMonth:a}=e[0],s=t.addDays(a,-1);return!!t.isBefore(s,n)},exports.isForwardDisabled=function({calendars:e,maxDate:n}){if(!n)return!1;const{lastDayOfMonth:a}=e[e.length-1],s=t.addDays(a,1);return!!t.isBefore(n,s)},exports.isSameDay=r,exports.subtractMonth=function({calendars:e,offset:n,minDate:a}){if(n>1&&a){const{firstDayOfMonth:s}=e[0],r=t.differenceInCalendarMonths(s,a);r<n&&(n=r)}return n};
+//# sourceMappingURL=utils.cjs.map

package/build/cjs/components/datepicker/internal/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/datepicker/internal/utils.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nimport { addDays, differenceInCalendarMonths, isBefore, isToday, startOfDay } from \"date-fns\";\nimport React from \"react\";\nimport { ValuePair } from \"../../../utilities/valuePair.js\";\nimport type { YearsToShow } from \"../types.js\";\nimport { parseDateString } from \"../utils.js\";\n\nexport function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>) {\n    return (event: React.MouseEvent) =>\n        fns.some((fn) => {\n            fn && fn(event);\n            return event.defaultPrevented;\n        });\n}\n\n/**\n * Takes a calendars array and figures out the number of months to subtract\n * based on the current offset and the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be subtracted\n * @param {Date} param.minDate The earliest date we are allow to subtract back to\n * @returns {Number} The number of months to subtract\n */\nexport function subtractMonth({\n    calendars,\n    offset,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    minDate?: Date;\n}): number {\n    if (offset > 1 && minDate) {\n        const { firstDayOfMonth } = calendars[0];\n        const diffInMonths = differenceInCalendarMonths(firstDayOfMonth, minDate);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\nexport const DEFAULT_YEARS_TO_SHOW = 3;\n\n/**\n * Generates an array of year strings for a year selector component, with min and max dates taken into account.\n *\n * @param {number} currentYear - The current year to center the list around\n * @param {Date | undefined} [minDate] - The minimum date to include in the list of years\n * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years\n *\n * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3\n */\nexport function getYearSelectOptions(\n    currentYear: number,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    yearsToShow: YearsToShow,\n): string[] {\n    if (minDate && minDate.getFullYear() > currentYear) {\n        return [minDate.getFullYear().toString()];\n    }\n\n    if (maxDate && maxDate.getFullYear() < currentYear) {\n        return [maxDate.getFullYear().toString()];\n    }\n\n    let showAllYears = false;\n    let previousYearsToShow: number;\n    let comingYearsToShow: number;\n\n    if (yearsToShow === \"all\") {\n        showAllYears = true;\n        previousYearsToShow = DEFAULT_YEARS_TO_SHOW;\n        comingYearsToShow = DEFAULT_YEARS_TO_SHOW;\n    } else {\n        previousYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.previous;\n        comingYearsToShow = typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.coming;\n    }\n\n    let startYear = currentYear - previousYearsToShow;\n    if (minDate) {\n        const earliestStartYear = showAllYears ? minDate.getFullYear() : startYear;\n        startYear = Math.max(minDate.getFullYear(), earliestStartYear);\n    }\n\n    let endYear = currentYear + comingYearsToShow;\n    if (maxDate) {\n        const latestEndYear = showAllYears ? maxDate.getFullYear() : endYear;\n        endYear = Math.min(maxDate.getFullYear(), latestEndYear);\n    }\n\n    // Sørg for å alltid vise minst ett år\n    const numYears = Math.max(endYear - startYear + 1, 1);\n\n    const range = [...Array(numYears).keys()].map((x) => x + startYear);\n    const stringRange = range.map((item) => item.toString());\n\n    return stringRange;\n}\n\n/**\n * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.\n * @param {number} currentYear The current year\n * @param {string[]} monthNames An array of strings representing the month names\n * @param {Date | undefined} minDate The minimum date that is allowed for selection\n * @param {Date | undefined} maxDate The maximum date that is allowed for selection\n * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year\n */\nexport function getMonthSelectOptions(\n    currentYear: number,\n    monthNames: string[],\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): ValuePair[] {\n    const minDateYear = minDate?.getFullYear() || currentYear;\n    const minDateMonth = minDate?.getMonth() === undefined ? 0 : minDate.getMonth();\n    const maxDateYear = maxDate?.getFullYear() || currentYear;\n    const maxDateMonth = maxDate?.getMonth() === undefined ? 11 : maxDate.getMonth();\n\n    let startMonth = 0;\n    let endMonth = 11;\n\n    if (minDateYear === currentYear) {\n        startMonth = minDateMonth;\n    }\n    if (maxDateYear === currentYear) {\n        endMonth = maxDateMonth;\n    }\n\n    const filteredMonths = monthNames\n        .map((month, index) => ({\n            value: index.toString(),\n            label: month,\n        }))\n        .filter(({ value }) => parseInt(value) >= startMonth && parseInt(value) <= endMonth);\n\n    return filteredMonths;\n}\n\n/**s\n * Takes a calendars array and figures out the number of months to add\n * based on the current offset and the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be added\n * @param {Date} param.maxDate The furthest date we are allow to add forward to\n * @returns {Number} The number of months to add\n */\nexport function addMonth({\n    calendars,\n    offset,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    maxDate?: Date;\n}): number {\n    if (offset > 1 && maxDate) {\n        const { lastDayOfMonth } = calendars[calendars.length - 1];\n        const diffInMonths = differenceInCalendarMonths(maxDate, lastDayOfMonth);\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\n/**\n * Takes a calendars array and figures out if the back button should be\n * disabled based on the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.minDate The earliest date available\n * @returns {Boolean} Whether the back button should be disabled.\n */\nexport function isBackDisabled({ calendars, minDate }: { calendars: CalendarMonth[]; minDate?: Date }): boolean {\n    if (!minDate) {\n        return false;\n    }\n    const { firstDayOfMonth } = calendars[0];\n    const firstDayOfMonthMinusOne = addDays(firstDayOfMonth, -1);\n    if (isBefore(firstDayOfMonthMinusOne, minDate)) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Takes a calendars array and figures out if the forward button should be\n * disabled based on the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.maxDate The furthest date available\n * @returns {Boolean} Whether the forward button should be disabled.\n */\nexport function isForwardDisabled({ calendars, maxDate }: { calendars: CalendarMonth[]; maxDate?: Date }): boolean {\n    if (!maxDate) {\n        return false;\n    }\n    const { lastDayOfMonth } = calendars[calendars.length - 1];\n    const lastDayOfMonthPlusOne = addDays(lastDayOfMonth, 1);\n    if (isBefore(maxDate, lastDayOfMonthPlusOne)) {\n        return true;\n    }\n    return false;\n}\n\ntype GetCalendarProps = {\n    /**  The date to start the calendar at */\n    date: Date;\n    /** Date or dates currently selected. */\n    selected?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** The number of months to return in the calendar view */\n    monthsToDisplay: number;\n    /** The number of months to offset based off the param.date given  */\n    offset: number;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Figures out the months data needed based off the number of monthsToDisplay\n * and other options provided.\n * @param {Object} param The param object\n * @param {Date} param.date The date to start the calendar at\n * @param {Array.<Date>} param.selected An array of dates currently selected\n * @param {Number} param.monthsToDisplay The number of months to return in the calendar view\n * @param {Number} param.offset The number of months to offset based off the param.date given\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Object>} An array of objects with month data\n */\nexport function getCalendars({\n    date,\n    selected,\n    monthsToDisplay,\n    offset,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetCalendarProps): CalendarMonth[] {\n    const months: CalendarMonth[] = [];\n    const startDate = getStartDate(date, minDate, maxDate);\n    for (let i = 0; i < monthsToDisplay; i++) {\n        const calendarDates = getMonths({\n            month: startDate.getMonth() + i + offset,\n            year: startDate.getFullYear(),\n            selectedDates: selected,\n            minDate,\n            maxDate,\n            firstDayOfWeek,\n            showOutsideDays,\n        });\n        months.push(calendarDates);\n    }\n    return months;\n}\n\n/**\n * Figures out the actual start date based on\n * the min and max dates available.\n * @param {Date} date The we want to start the calendar at\n * @param {Date} minDate The earliest date available to start at\n * @param {Date} maxDate The latest date available to start at\n * @returns {Date} The actual start date\n */\nfunction getStartDate(date: Date, minDate?: Date, maxDate?: Date): Date {\n    let startDate = startOfDay(date);\n    if (minDate) {\n        const minDateNormalized = startOfDay(minDate);\n        if (isBefore(startDate, minDateNormalized)) {\n            startDate = minDateNormalized;\n        }\n    }\n    if (maxDate) {\n        const maxDateNormalized = startOfDay(maxDate);\n        if (isBefore(maxDateNormalized, startDate)) {\n            startDate = maxDateNormalized;\n        }\n    }\n    return startDate;\n}\n\ntype GetMonthsProps = {\n    /**  The month to grab data for */\n    month: number;\n    /**  The year to grab data for */\n    year: number;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\nexport type CalendarMonth = {\n    firstDayOfMonth: Date;\n    lastDayOfMonth: Date;\n    month: number;\n    year: number;\n    weeks: CalendarWeek[];\n};\n\nexport type CalendarWeek = CalendarDay[];\n\nexport type CalendarDay = DateInfo | string;\n\n/**\n * Figures what week/day data to return for the given month\n * and year. Adds flags to day data if found in the given selectedDates,\n * if is selectable inside the given min and max dates, or is today.\n * @param {Object} param The param object\n * @param {Number} param.month The month to grab data for\n * @param {Number} param.year The year to grab data for\n * @param {Array.<Date>} sparam.electedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Object} The data for the selected month/year\n */\nfunction getMonths({\n    month,\n    year,\n    selectedDates,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetMonthsProps): CalendarMonth {\n    // Get the normalized month and year, along with days in the month.\n    const daysMonthYear = getNumDaysMonthYear(month, year);\n    const daysInMonth = daysMonthYear.daysInMonth;\n    month = daysMonthYear.month;\n    year = daysMonthYear.year;\n\n    // Fill out the dates for the month.\n    const dates = [];\n    for (let day = 1; day <= daysInMonth; day++) {\n        const date = new Date(year, month, day);\n        const dateObj = {\n            date,\n            selected: isSelected(selectedDates, date),\n            selectable: isSelectable(minDate, maxDate, date),\n            today: isToday(date),\n            prevMonth: false,\n            nextMonth: false,\n        };\n        dates.push(dateObj);\n    }\n\n    const firstDayOfMonth = new Date(year, month, 1);\n    const lastDayOfMonth = new Date(year, month, daysInMonth);\n\n    const frontWeekBuffer = fillFrontWeek({\n        firstDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    const backWeekBuffer = fillBackWeek({\n        lastDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    dates.unshift(...frontWeekBuffer);\n    dates.push(...backWeekBuffer);\n\n    // Get the filled out weeks for the\n    // given dates.\n    const weeks = getWeeks(dates);\n    // return the calendar data.\n    return {\n        firstDayOfMonth,\n        lastDayOfMonth,\n        month,\n        year,\n        weeks,\n    };\n}\n\ntype FillFrontWeekProps = {\n    firstDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill front week with either empty buffer or dates from previous month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.firstDayOfMonth First day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill front week\n */\nfunction fillFrontWeek({\n    firstDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillFrontWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let firstDay = (firstDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const lastDayOfPrevMonth = addDays(firstDayOfMonth, -1);\n        const prevDate = lastDayOfPrevMonth.getDate();\n        const prevDateMonth = lastDayOfPrevMonth.getMonth();\n        const prevDateYear = lastDayOfPrevMonth.getFullYear();\n\n        // Fill out front week for days from\n        // preceding month with dates from previous month.\n        let counter = 0;\n        while (counter < firstDay) {\n            const date = new Date(prevDateYear, prevDateMonth, prevDate - counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: true,\n                nextMonth: false,\n            };\n            dates.unshift(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out front week for days from\n        // preceding month with buffer.\n        while (firstDay > 0) {\n            dates.unshift(\"\");\n            firstDay--;\n        }\n    }\n\n    return dates;\n}\n\nexport type DateInfo = {\n    date: Date;\n    selected: boolean;\n    selectable: boolean;\n    today: boolean;\n    prevMonth: boolean;\n    nextMonth: boolean;\n};\n\ntype FillBackWeekProps = {\n    lastDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill back weeks with either empty buffer or dates from next month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.lastDayOfMonth Last day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill back week\n */\nfunction fillBackWeek({\n    lastDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillBackWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let lastDay = (lastDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const firstDayOfNextMonth = addDays(lastDayOfMonth, 1);\n        const nextDateMonth = firstDayOfNextMonth.getMonth();\n        const nextDateYear = firstDayOfNextMonth.getFullYear();\n\n        // Fill out back week for days from\n        // following month with dates from next month.\n        let counter = 0;\n        while (counter < 6 - lastDay) {\n            const date = new Date(nextDateYear, nextDateMonth, 1 + counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: false,\n                nextMonth: true,\n            };\n            dates.push(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out back week for days from\n        // following month with buffer.\n        while (lastDay < 6) {\n            dates.push(\"\");\n            lastDay++;\n        }\n    }\n\n    return dates;\n}\n\n/**\n * Normalizes month (could be overflow) and year pairs and returns the\n * normalized month and year along with the number of days in the month.\n * @param {Number} month The month to normalize\n * @param {Number} year The year to normalize\n * @returns {Object} The normalized month and year along with the number of days in the month\n */\nfunction getNumDaysMonthYear(month: number, year: number): { daysInMonth: number; month: number; year: number } {\n    // If a parameter you specify is outside of the expected range for Month or Day,\n    // JS Date attempts to update the date information in the Date object accordingly!\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMonth\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setDate\n\n    // Let Date handle the overflow of the month,\n    // which should return the normalized month and year.\n    const normalizedMonthYear = new Date(year, month, 1);\n    month = normalizedMonthYear.getMonth();\n    year = normalizedMonthYear.getFullYear();\n    // Overflow the date to the next month, then subtract the difference\n    // to get the number of days in the previous month.\n    // This will also account for leap years!\n    const daysInMonth = 32 - new Date(year, month, 32).getDate();\n    return { daysInMonth, month, year };\n}\n\n/**\n * Takes an array of dates, and turns them into a multi dimensional\n * array with 7 entries for each week.\n * @param {Array.<Object>} dates An array of dates\n * @returns {Array} The weeks as a multi dimensional array\n */\nfunction getWeeks(dates: CalendarWeek): Array<CalendarWeek> {\n    const weeksLength = Math.ceil(dates.length / 7);\n    const weeks: Array<CalendarWeek> = [];\n    for (let i = 0; i < weeksLength; i++) {\n        weeks[i] = [];\n        for (let x = 0; x < 7; x++) {\n            weeks[i].push(dates[i * 7 + x]);\n        }\n    }\n    return weeks;\n}\n\n/**\n * Normalizes dates to the beginning of the day,\n * then checks to see if the day given is found\n * in the selectedDates.\n * @param {Array.<Date>} selectedDates An array of dates currently selected\n * @param {Date} date The date to search with against selectedDates\n * @returns {Boolean} Whether day is found in selectedDates\n */\nfunction isSelected(selectedDates: Date | Date[] | undefined, date: Date): boolean {\n    if (!selectedDates) {\n        return false;\n    }\n    selectedDates = Array.isArray(selectedDates) ? selectedDates : [selectedDates];\n    return selectedDates.some((selectedDate) => {\n        if (selectedDate instanceof Date && startOfDay(selectedDate).getTime() === startOfDay(date).getTime()) {\n            return true;\n        }\n        return false;\n    });\n}\n\n/**\n * Checks to see if the date given is\n * between the min and max dates.\n * @param {Date} minDate The earliest date available\n * @param {Date} maxDate The furthest date available\n * @param {Date} date The date to compare with\n * @returns {Boolean} Whether the date is between min and max date\n */\nfunction isSelectable(minDate: Date | undefined, maxDate: Date | undefined, date: Date): boolean {\n    if ((minDate && isBefore(date, minDate)) || (maxDate && isBefore(maxDate, date))) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * Check if two Date objects represent the same day\n *\n * @param date1 first Date to compare\n * @param date2 second Date to compare\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n    return (\n        date1.getDate() === date2.getDate() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getFullYear() === date2.getFullYear()\n    );\n}\n\n/**\n * Check if the date has changed from the previous date\n *\n * @param date First date to compare\n * @param newDate Second date to compare\n */\nexport function dateHasChanged(date: Date | undefined, newDate: Date): boolean {\n    return !date || !isSameDay(date, newDate);\n}\n\n/**\n * Check if a given date is outside a given range\n *\n * @param date Input date\n * @param rangeStart Dates before this date should be disabled\n * @param rangeEnd Dates after this date should be disabled\n */\nexport function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean {\n    return Boolean((rangeEnd && date > rangeEnd) || (rangeStart && date < rangeStart));\n}\n\n/**\n * Get the correct initial date for initiating the datepicker reducer store\n *\n * @param value Value from props\n * @param initialDate Initial date from porps\n * @param disableDate Function for checking whether the date should be disabled\n */\nexport function getInitialDate(\n    value: string | undefined,\n    defaultValue: string | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date | null {\n    const valueAsDate = parseDateString(value);\n    const defaultValueAsDate = parseDateString(defaultValue);\n    if (valueAsDate) {\n        return !dateIsOutsideRange(valueAsDate, minDate, maxDate) ? valueAsDate : null;\n    }\n    if (defaultValueAsDate) {\n        return !dateIsOutsideRange(defaultValueAsDate, minDate, maxDate) ? defaultValueAsDate : null;\n    }\n    return null;\n}\n\n/**\n * Get the initial date to show in the calendar\n *\n * @param date The date set in the DatePicker (from props)\n * @param defaultSelected The defaultSelected prop from DatePicker\n * @param minDate The earliest selectable date, from props\n * @param maxDate The latest selectable date, from props\n * @returns The date to show in the calendar\n */\nexport function getInitialDateShown(\n    date: Date | null,\n    defaultSelected: Date | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date {\n    let initialDate = date || defaultSelected || new Date();\n\n    if (minDate) {\n        initialDate = minDate > initialDate ? minDate : initialDate;\n    }\n\n    if (maxDate) {\n        initialDate = maxDate < initialDate ? maxDate : initialDate;\n    }\n\n    return initialDate;\n}\n"],"names":["getMonths","month","year","selectedDates","minDate","maxDate","firstDayOfWeek","showOutsideDays","daysMonthYear","normalizedMonthYear","Date","getMonth","getFullYear","daysInMonth","getDate","getNumDaysMonthYear","dates","day","date","dateObj","selected","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","push","firstDayOfMonth","lastDayOfMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","addDays","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","Math","ceil","length","i","x","getWeeks","Array","isArray","some","selectedDate","startOfDay","getTime","isBefore","isSameDay","date1","date2","dateIsOutsideRange","rangeStart","rangeEnd","calendars","offset","diffInMonths","differenceInCalendarMonths","fns","event","fn","defaultPrevented","newDate","monthsToDisplay","months","startDate","minDateNormalized","maxDateNormalized","getStartDate","calendarDates","value","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","defaultSelected","initialDate","currentYear","monthNames","minDateYear","minDateMonth","maxDateYear","maxDateMonth","startMonth","endMonth","map","index","toString","label","filter","parseInt","yearsToShow","previousYearsToShow","comingYearsToShow","showAllYears","previous","coming","startYear","earliestStartYear","max","endYear","latestEndYear","min","numYears","keys","item","firstDayOfMonthMinusOne","lastDayOfMonthPlusOne"],"mappings":"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"}

package/build/cjs/components/datepicker/internal/utils.d.cts

@@ -0,0 +1,167 @@
+import { default as React } from 'react';
+import { ValuePair } from '../../../utilities/valuePair.cjs;'
+import { YearsToShow } from '../types.cjs;'
+export declare function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>): (event: React.MouseEvent) => boolean;
+/**
+ * Takes a calendars array and figures out the number of months to subtract
+ * based on the current offset and the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be subtracted
+ * @param {Date} param.minDate The earliest date we are allow to subtract back to
+ * @returns {Number} The number of months to subtract
+ */
+export declare function subtractMonth({ calendars, offset, minDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    minDate?: Date;
+}): number;
+export declare const DEFAULT_YEARS_TO_SHOW = 3;
+/**
+ * Generates an array of year strings for a year selector component, with min and max dates taken into account.
+ *
+ * @param {number} currentYear - The current year to center the list around
+ * @param {Date | undefined} [minDate] - The minimum date to include in the list of years
+ * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years
+ *
+ * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3
+ */
+export declare function getYearSelectOptions(currentYear: number, minDate: Date | undefined, maxDate: Date | undefined, yearsToShow: YearsToShow): string[];
+/**
+ * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.
+ * @param {number} currentYear The current year
+ * @param {string[]} monthNames An array of strings representing the month names
+ * @param {Date | undefined} minDate The minimum date that is allowed for selection
+ * @param {Date | undefined} maxDate The maximum date that is allowed for selection
+ * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year
+ */
+export declare function getMonthSelectOptions(currentYear: number, monthNames: string[], minDate: Date | undefined, maxDate: Date | undefined): ValuePair[];
+/**s
+ * Takes a calendars array and figures out the number of months to add
+ * based on the current offset and the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be added
+ * @param {Date} param.maxDate The furthest date we are allow to add forward to
+ * @returns {Number} The number of months to add
+ */
+export declare function addMonth({ calendars, offset, maxDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    maxDate?: Date;
+}): number;
+/**
+ * Takes a calendars array and figures out if the back button should be
+ * disabled based on the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.minDate The earliest date available
+ * @returns {Boolean} Whether the back button should be disabled.
+ */
+export declare function isBackDisabled({ calendars, minDate }: {
+    calendars: CalendarMonth[];
+    minDate?: Date;
+}): boolean;
+/**
+ * Takes a calendars array and figures out if the forward button should be
+ * disabled based on the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.maxDate The furthest date available
+ * @returns {Boolean} Whether the forward button should be disabled.
+ */
+export declare function isForwardDisabled({ calendars, maxDate }: {
+    calendars: CalendarMonth[];
+    maxDate?: Date;
+}): boolean;
+type GetCalendarProps = {
+    /**  The date to start the calendar at */
+    date: Date;
+    /** Date or dates currently selected. */
+    selected?: Date | Date[];
+    /**  The earliest date available */
+    minDate?: Date;
+    /**  The earliest date available */
+    maxDate?: Date;
+    /** The number of months to return in the calendar view */
+    monthsToDisplay: number;
+    /** The number of months to offset based off the param.date given  */
+    offset: number;
+    /** First day of week, 0-6 (Sunday to Saturday) */
+    firstDayOfWeek: number;
+    /** Flag to fill front and back weeks with dates from adjacent months */
+    showOutsideDays: boolean;
+};
+/**
+ * Figures out the months data needed based off the number of monthsToDisplay
+ * and other options provided.
+ * @param {Object} param The param object
+ * @param {Date} param.date The date to start the calendar at
+ * @param {Array.<Date>} param.selected An array of dates currently selected
+ * @param {Number} param.monthsToDisplay The number of months to return in the calendar view
+ * @param {Number} param.offset The number of months to offset based off the param.date given
+ * @param {Date} param.minDate The earliest date available
+ * @param {Date} param.maxDate The furthest date available
+ * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
+ * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
+ * @returns {Array.<Object>} An array of objects with month data
+ */
+export declare function getCalendars({ date, selected, monthsToDisplay, offset, minDate, maxDate, firstDayOfWeek, showOutsideDays, }: GetCalendarProps): CalendarMonth[];
+export type CalendarMonth = {
+    firstDayOfMonth: Date;
+    lastDayOfMonth: Date;
+    month: number;
+    year: number;
+    weeks: CalendarWeek[];
+};
+export type CalendarWeek = CalendarDay[];
+export type CalendarDay = DateInfo | string;
+export type DateInfo = {
+    date: Date;
+    selected: boolean;
+    selectable: boolean;
+    today: boolean;
+    prevMonth: boolean;
+    nextMonth: boolean;
+};
+/**
+ * Check if two Date objects represent the same day
+ *
+ * @param date1 first Date to compare
+ * @param date2 second Date to compare
+ */
+export declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Check if the date has changed from the previous date
+ *
+ * @param date First date to compare
+ * @param newDate Second date to compare
+ */
+export declare function dateHasChanged(date: Date | undefined, newDate: Date): boolean;
+/**
+ * Check if a given date is outside a given range
+ *
+ * @param date Input date
+ * @param rangeStart Dates before this date should be disabled
+ * @param rangeEnd Dates after this date should be disabled
+ */
+export declare function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean;
+/**
+ * Get the correct initial date for initiating the datepicker reducer store
+ *
+ * @param value Value from props
+ * @param initialDate Initial date from porps
+ * @param disableDate Function for checking whether the date should be disabled
+ */
+export declare function getInitialDate(value: string | undefined, defaultValue: string | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date | null;
+/**
+ * Get the initial date to show in the calendar
+ *
+ * @param date The date set in the DatePicker (from props)
+ * @param defaultSelected The defaultSelected prop from DatePicker
+ * @param minDate The earliest selectable date, from props
+ * @param maxDate The latest selectable date, from props
+ * @returns The date to show in the calendar
+ */
+export declare function getInitialDateShown(date: Date | null, defaultSelected: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date;
+export {};

package/build/cjs/components/datepicker/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/datepicker/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}