@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/datepicker/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport useKey from '../../hooks/useKey';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport classNames from '../../utils/classNames';\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\n\nimport DayPickerCalendar from './DayPickerCalendar';\nimport DayPickerDropdown from './DayPickerDropdown';\nimport DayPickerInput from './DayPickerInput';\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport useDayPickerInputState from './useDayPickerInputState';\nexport { supportedDayPickerLocales } from './dayPickerUtils';\n\nexport type {\n    DateRange,\n    DayPickerCalendarProps,\n    DayPickerProps,\n    DayPickerSlotRenderProps,\n    DayPickerTriggerRenderProps,\n    Modifiers,\n} from './dayPickerTypes';\nexport { default as DayPickerCalendar } from './DayPickerCalendar';\n\nconst hasValueProp = (props: DayPickerProps) => Object.hasOwn(props, 'value');\nconst hasCloseOnSelectProp = (props: DayPickerProps) => Object.hasOwn(props, 'closeOnSelect');\n\nconst renderSlot = (slot: unknown, slotProps: unknown) => {\n    if (typeof slot === 'function') {\n        return (slot as (props: unknown) => ReactNode)(slotProps);\n    }\n\n    return (slot as ReactNode) ?? null;\n};\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        name,\n        mode = 'single',\n        locale = 'en-GB',\n        placeholder,\n        iconName = 'rioglyph-calendar',\n        dateFormat,\n        onBlur,\n        inputProps,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        inputClassName,\n        className,\n        dropdownClassName,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        usePortal = false,\n        alignRight,\n        isClearable = false,\n        closeOnOutsideClick = true,\n        selectionBehavior = 'immediate',\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const isSingleMode = isSingleDayPickerProps(props);\n    const closeOnSelect = hasCloseOnSelectProp(props)\n        ? props.closeOnSelect !== false\n        : selectionBehavior !== 'deferred';\n    const [internalValue, setInternalValue] = useState<DayPickerSelection>(props.defaultValue);\n    const committedValue = (isControlled ? props.value : internalValue) as DayPickerSelection;\n    const [draftValue, setDraftValue] = useState<DayPickerSelection>(committedValue);\n\n    const {\n        isOpen: isDropdownOpen,\n        open: openPopper,\n        close: closePopper,\n        update: updatePopperPosition,\n        referenceRef: popperRef,\n        popperElementRef: setPopperElement,\n        popperStyles,\n        popperAttributes,\n    } = usePopperDropdown({ placement: alignRight ? 'bottom-end' : 'bottom-start' });\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    useEffect(() => {\n        setDraftValue(committedValue);\n    }, [committedValue]);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    const notifyChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (isSingleMode) {\n            props.onChange?.(value as Date | undefined, modifiers);\n            return;\n        }\n\n        if (isMultipleDayPickerProps(props)) {\n            props.onChange?.(value as Date[] | undefined, modifiers);\n            return;\n        }\n\n        if (isRangeDayPickerProps(props)) {\n            props.onChange?.(value as DateRange | undefined, modifiers);\n        }\n    };\n\n    const commitValue = (value: DayPickerSelection, modifiers: Modifiers = {}) => {\n        if (!isControlled) {\n            setInternalValue(value);\n        }\n\n        setDraftValue(value);\n        notifyChange(value, modifiers);\n    };\n\n    const clearValue = () => {\n        commitValue(undefined, {});\n    };\n\n    const closeDropdown = () => {\n        closePopper();\n        setDraftValue(committedValue);\n    };\n\n    const applyDraftValue = () => {\n        commitValue(draftValue, {});\n        closePopper();\n    };\n\n    const outsideRef = useClickOutside<HTMLDivElement>(\n        event => {\n            if (!closeOnOutsideClick) {\n                return;\n            }\n\n            const target = event.target as Node | null;\n            if (!target) {\n                closeDropdown();\n                return;\n            }\n\n            const clickedWithinTrigger = popperRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closeDropdown();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    useKey('Escape', event => {\n        const target = event.target as Node | null;\n        if (!target || !isDropdownOpen) {\n            return;\n        }\n\n        const isInputTarget = inputRef.current && inputRef.current === target;\n        const isTriggerTarget = !!popperRef.current?.contains(target);\n\n        if (isInputTarget || isTriggerTarget) {\n            closeDropdown();\n        }\n    });\n\n    const {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    } = useDayPickerInputState({\n        props,\n        locale,\n        dateFormat,\n        inputProps,\n        onBlur,\n        isDropdownOpen,\n        isSingleMode,\n        selectionBehavior,\n        closeOnOutsideClick,\n        committedValue,\n        draftValue,\n        setDraftValue,\n        commitValue,\n        clearValue,\n        openDropdown: openPopper,\n        closeDropdown,\n        applyDraftValue,\n        popperElementRef,\n    });\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    const toggleDropdown = () => {\n        if (isDropdownOpen) {\n            closeDropdown();\n            return;\n        }\n\n        openPopper();\n    };\n\n    const slotProps = createSlotProps({\n        props,\n        value: committedValue,\n        draftValue,\n        setDraftValue,\n        apply: applyDraftValue,\n        clear: handleClearInput,\n        close: closeDropdown,\n    });\n\n    const triggerContent = slotProps.trigger\n        ? renderSlot(slotProps.trigger, {\n              ...slotProps.renderProps,\n              id,\n              name,\n              displayValue,\n              isOpen: isDropdownOpen,\n              open: openPopper,\n              toggle: toggleDropdown,\n          })\n        : null;\n\n    const handleCalendarChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (modifiers.disabled || modifiers.hidden) {\n            return;\n        }\n\n        const shouldApplyImmediately = selectionBehavior === 'immediate';\n\n        if (shouldApplyImmediately) {\n            commitValue(value, modifiers);\n        } else {\n            setDraftValue(value);\n        }\n\n        const shouldCloseRange =\n            mode !== 'range' || (!!(value as DateRange | undefined)?.from && !!(value as DateRange | undefined)?.to);\n\n        if (closeOnSelect && shouldCloseRange) {\n            if (!shouldApplyImmediately) {\n                commitValue(value, modifiers);\n            }\n            closePopper();\n        }\n    };\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    const mergedInputProps = {\n        ...inputProps,\n        name: name || inputProps?.name,\n        autoComplete: inputProps?.autoComplete || 'off',\n        placeholder: placeholder || inputProps?.placeholder,\n    };\n\n    const leftSidebarContent = slotProps.leftSidebar ? renderSlot(slotProps.leftSidebar, slotProps.renderProps) : null;\n\n    const rightSidebarContent = slotProps.rightSidebar\n        ? renderSlot(slotProps.rightSidebar, slotProps.renderProps)\n        : null;\n\n    const footerContent = slotProps.footer ? renderSlot(slotProps.footer, slotProps.renderProps) : null;\n\n    const dropdownRoot = usePortal ? getOrCreatePortalRoot() : null;\n\n    const dropdownContent = (\n        <DayPickerDropdown\n            assignPopperElement={assignPopperElement}\n            popperStyles={popperStyles}\n            popperAttributes={popperAttributes}\n            enableStackedCalendars={(props.numberOfMonths ?? 1) > 1}\n            dropdownClassName={dropdownClassName}\n            outsideRef={outsideRef}\n            updatePopperPosition={updatePopperPosition}\n            leftSidebar={leftSidebarContent}\n            rightSidebar={rightSidebarContent}\n            footer={footerContent}\n            leftSidebarClassName={leftSidebarClassName}\n            rightSidebarClassName={rightSidebarClassName}\n            footerClassName={footerClassName}\n        >\n            <DayPickerCalendar\n                {...props}\n                size='sm'\n                value={draftValue as never}\n                onChange={handleCalendarChange as never}\n                className='margin-15'\n            />\n        </DayPickerDropdown>\n    );\n\n    return (\n        <>\n            <div\n                className={classNames(\n                    'form-group',\n                    hasFeedback && 'has-feedback',\n                    errorMessage && 'has-error',\n                    warningMessage && 'has-warning',\n                    className\n                )}\n            >\n                {triggerContent ? (\n                    <>\n                        <div ref={popperRef} className='display-inline-block'>\n                            {triggerContent}\n                        </div>\n                        {hasFeedback ? (\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        ) : null}\n                    </>\n                ) : (\n                    <DayPickerInput\n                        id={id}\n                        triggerRef={popperRef}\n                        inputRef={inputRef}\n                        displayValue={displayValue}\n                        iconName={iconName}\n                        isSingleMode={isSingleMode}\n                        isClearable={isClearable}\n                        inputMaskProps={inputMaskProps}\n                        mergedInputProps={mergedInputProps}\n                        inputClassName={inputClassName}\n                        errorMessage={errorMessage}\n                        warningMessage={warningMessage}\n                        messageWhiteSpace={messageWhiteSpace}\n                        onChange={handleInputChange}\n                        onAddonClick={handleInputClick}\n                        onClick={event => {\n                            inputProps?.onClick?.(event);\n                            handleInputClick();\n                        }}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onKeyDown={handleInputKeyDown}\n                        onClear={handleClearInput}\n                    />\n                )}\n            </div>\n            {isDropdownOpen && usePortal && dropdownRoot && ReactDOM.createPortal(dropdownContent, dropdownRoot)}\n            {isDropdownOpen && !usePortal && dropdownContent}\n        </>\n    );\n};\n\nconst createSlotProps = ({\n    props,\n    value,\n    draftValue,\n    setDraftValue,\n    apply,\n    clear,\n    close,\n}: {\n    props: DayPickerProps;\n    value: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    apply: () => void;\n    clear: () => void;\n    close: () => void;\n}) => {\n    if (isSingleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date | undefined,\n                draftValue: draftValue as Date | undefined,\n                setDraftValue: setDraftValue as (value: Date | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode || 'single',\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date[] | undefined,\n                draftValue: draftValue as Date[] | undefined,\n                setDraftValue: setDraftValue as (value: Date[] | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode,\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    return {\n        trigger: props.trigger,\n        leftSidebar: props.leftSidebar,\n        rightSidebar: props.rightSidebar,\n        footer: props.footer,\n        renderProps: {\n            value: value as DateRange | undefined,\n            draftValue: draftValue as DateRange | undefined,\n            setDraftValue: setDraftValue as (value: DateRange | undefined) => void,\n            apply,\n            clear,\n            close,\n            mode: props.mode,\n            locale: props.locale || 'en-GB',\n        },\n    };\n};\n\nexport default DayPicker;\n"],"names":["hasValueProp","props","hasCloseOnSelectProp","renderSlot","slot","slotProps","DayPicker","id","name","mode","locale","placeholder","iconName","dateFormat","onBlur","inputProps","errorMessage","warningMessage","messageWhiteSpace","inputClassName","className","dropdownClassName","leftSidebarClassName","rightSidebarClassName","footerClassName","usePortal","alignRight","isClearable","closeOnOutsideClick","selectionBehavior","isControlled","isSingleMode","isSingleDayPickerProps","closeOnSelect","internalValue","setInternalValue","useState","committedValue","draftValue","setDraftValue","isDropdownOpen","openPopper","closePopper","updatePopperPosition","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","inputRef","useRef","popperElementRef","useEffect","assignPopperElement","element","notifyChange","value","modifiers","isMultipleDayPickerProps","isRangeDayPickerProps","commitValue","clearValue","closeDropdown","applyDraftValue","outsideRef","useClickOutside","event","target","clickedWithinTrigger","clickedWithinInput","useKey","isInputTarget","isTriggerTarget","displayValue","handleInputBlur","handleInputChange","handleClearInput","handleInputFocus","handleInputKeyDown","inputMaskProps","useDayPickerInputState","handleInputClick","toggleDropdown","createSlotProps","triggerContent","handleCalendarChange","shouldApplyImmediately","shouldCloseRange","hasFeedback","mergedInputProps","leftSidebarContent","rightSidebarContent","footerContent","dropdownRoot","getOrCreatePortalRoot","dropdownContent","jsx","DayPickerDropdown","DayPickerCalendar","jsxs","Fragment","classNames","DayPickerInput","ReactDOM","apply","clear","close"],"mappings":"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"}
+{"version":3,"file":"DayPicker.js","names":[],"sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react';\n\nimport { useAnchorName, usePopover } from '../../hooks/useAnchoredPopover';\nimport useClickOutside from '../../hooks/useClickOutside';\nimport useKey from '../../hooks/useKey';\nimport classNames from '../../utils/classNames';\n\nimport DayPickerCalendar from './DayPickerCalendar';\nimport DayPickerDropdown from './DayPickerDropdown';\nimport DayPickerInput from './DayPickerInput';\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport useDayPickerInputState from './useDayPickerInputState';\nexport { supportedDayPickerLocales } from './dayPickerUtils';\n\nexport type {\n    DateRange,\n    DayPickerCalendarProps,\n    DayPickerProps,\n    DayPickerSlotRenderProps,\n    DayPickerTriggerRenderProps,\n    Modifiers,\n} from './dayPickerTypes';\nexport { default as DayPickerCalendar } from './DayPickerCalendar';\n\nconst hasValueProp = (props: DayPickerProps) => Object.hasOwn(props, 'value');\nconst hasCloseOnSelectProp = (props: DayPickerProps) => Object.hasOwn(props, 'closeOnSelect');\n\nconst renderSlot = (slot: unknown, slotProps: unknown) => {\n    if (typeof slot === 'function') {\n        return (slot as (props: unknown) => ReactNode)(slotProps);\n    }\n\n    return (slot as ReactNode) ?? null;\n};\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        name,\n        mode = 'single',\n        locale = 'en-GB',\n        placeholder,\n        iconName = 'icon-calendar',\n        dateFormat,\n        onBlur,\n        inputProps,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        inputClassName,\n        className,\n        dropdownClassName,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        alignRight,\n        isClearable = false,\n        closeOnOutsideClick = true,\n        selectionBehavior = 'immediate',\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const isSingleMode = isSingleDayPickerProps(props);\n    const closeOnSelect = hasCloseOnSelectProp(props)\n        ? props.closeOnSelect !== false\n        : selectionBehavior !== 'deferred';\n    const [internalValue, setInternalValue] = useState<DayPickerSelection>(props.defaultValue);\n    const committedValue = (isControlled ? props.value : internalValue) as DayPickerSelection;\n    const [draftValue, setDraftValue] = useState<DayPickerSelection>(committedValue);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const anchorName = useAnchorName('day-picker');\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const dropdownTriggerRef = useRef<HTMLDivElement | null>(null);\n    const dropdownElementRef = useRef<HTMLDivElement | null>(null);\n\n    usePopover(dropdownElementRef, isDropdownOpen);\n\n    useEffect(() => {\n        setDraftValue(committedValue);\n    }, [committedValue]);\n\n    const openDropdown = () => setIsDropdownOpen(true);\n    const closeAnchoredDropdown = () => setIsDropdownOpen(false);\n\n    const referenceStyles = {\n        anchorName,\n    } as CSSProperties;\n\n    const dropdownStyles = {\n        positionAnchor: anchorName,\n    } as CSSProperties;\n\n    const dropdownAttributes = {\n        popover: 'manual',\n    } as const;\n\n    const assignDropdownElement = (element: HTMLDivElement | null) => {\n        dropdownElementRef.current = element;\n    };\n\n    const notifyChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (isSingleMode) {\n            props.onChange?.(value as Date | undefined, modifiers);\n            return;\n        }\n\n        if (isMultipleDayPickerProps(props)) {\n            props.onChange?.(value as Date[] | undefined, modifiers);\n            return;\n        }\n\n        if (isRangeDayPickerProps(props)) {\n            props.onChange?.(value as DateRange | undefined, modifiers);\n        }\n    };\n\n    const commitValue = (value: DayPickerSelection, modifiers: Modifiers = {}) => {\n        if (!isControlled) {\n            setInternalValue(value);\n        }\n\n        setDraftValue(value);\n        notifyChange(value, modifiers);\n    };\n\n    const clearValue = () => {\n        commitValue(undefined, {});\n    };\n\n    const closeDropdown = () => {\n        closeAnchoredDropdown();\n        setDraftValue(committedValue);\n    };\n\n    const applyDraftValue = () => {\n        commitValue(draftValue, {});\n        closeAnchoredDropdown();\n    };\n\n    const outsideRef = useClickOutside<HTMLDivElement>(\n        event => {\n            if (!closeOnOutsideClick) {\n                return;\n            }\n\n            const target = event.target as Node | null;\n            if (!target) {\n                closeDropdown();\n                return;\n            }\n\n            const clickedWithinTrigger = dropdownTriggerRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closeDropdown();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    useKey('Escape', event => {\n        const target = event.target as Node | null;\n        if (!target || !isDropdownOpen) {\n            return;\n        }\n\n        const isInputTarget = inputRef.current && inputRef.current === target;\n        const isTriggerTarget = !!dropdownTriggerRef.current?.contains(target);\n\n        if (isInputTarget || isTriggerTarget) {\n            closeDropdown();\n        }\n    });\n\n    const {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    } = useDayPickerInputState({\n        props,\n        locale,\n        dateFormat,\n        inputProps,\n        onBlur,\n        isDropdownOpen,\n        isSingleMode,\n        selectionBehavior,\n        closeOnOutsideClick,\n        committedValue,\n        draftValue,\n        setDraftValue,\n        commitValue,\n        clearValue,\n        openDropdown,\n        closeDropdown,\n        applyDraftValue,\n        dropdownElementRef,\n    });\n\n    const handleInputClick = () => {\n        openDropdown();\n        inputRef.current?.focus();\n    };\n\n    const toggleDropdown = () => {\n        if (isDropdownOpen) {\n            closeDropdown();\n            return;\n        }\n\n        openDropdown();\n    };\n\n    const slotProps = createSlotProps({\n        props,\n        value: committedValue,\n        draftValue,\n        setDraftValue,\n        apply: applyDraftValue,\n        clear: handleClearInput,\n        close: closeDropdown,\n    });\n\n    const triggerContent = slotProps.trigger\n        ? renderSlot(slotProps.trigger, {\n              ...slotProps.renderProps,\n              id,\n              name,\n              displayValue,\n              isOpen: isDropdownOpen,\n              open: openDropdown,\n              toggle: toggleDropdown,\n          })\n        : null;\n\n    const handleCalendarChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (modifiers.disabled || modifiers.hidden) {\n            return;\n        }\n\n        const shouldApplyImmediately = selectionBehavior === 'immediate';\n\n        if (shouldApplyImmediately) {\n            commitValue(value, modifiers);\n        } else {\n            setDraftValue(value);\n        }\n\n        const shouldCloseRange =\n            mode !== 'range' || (!!(value as DateRange | undefined)?.from && !!(value as DateRange | undefined)?.to);\n\n        if (closeOnSelect && shouldCloseRange) {\n            if (!shouldApplyImmediately) {\n                commitValue(value, modifiers);\n            }\n            closeAnchoredDropdown();\n        }\n    };\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    const mergedInputProps = {\n        ...inputProps,\n        name: name || inputProps?.name,\n        autoComplete: inputProps?.autoComplete || 'off',\n        placeholder: placeholder || inputProps?.placeholder,\n    };\n\n    const leftSidebarContent = slotProps.leftSidebar ? renderSlot(slotProps.leftSidebar, slotProps.renderProps) : null;\n\n    const rightSidebarContent = slotProps.rightSidebar\n        ? renderSlot(slotProps.rightSidebar, slotProps.renderProps)\n        : null;\n\n    const footerContent = slotProps.footer ? renderSlot(slotProps.footer, slotProps.renderProps) : null;\n\n    const dropdownContent = (\n        <DayPickerDropdown\n            assignDropdownElement={assignDropdownElement}\n            dropdownStyles={dropdownStyles}\n            dropdownAttributes={dropdownAttributes}\n            enableStackedCalendars={(props.numberOfMonths ?? 1) > 1}\n            dropdownClassName={classNames(alignRight && 'align-right', dropdownClassName)}\n            outsideRef={outsideRef}\n            leftSidebar={leftSidebarContent}\n            rightSidebar={rightSidebarContent}\n            footer={footerContent}\n            leftSidebarClassName={leftSidebarClassName}\n            rightSidebarClassName={rightSidebarClassName}\n            footerClassName={footerClassName}\n        >\n            <DayPickerCalendar\n                {...props}\n                size='sm'\n                value={draftValue as never}\n                onChange={handleCalendarChange as never}\n                className='margin-15'\n            />\n        </DayPickerDropdown>\n    );\n\n    return (\n        <>\n            <div\n                className={classNames(\n                    'form-group',\n                    hasFeedback && 'has-feedback',\n                    Boolean(errorMessage) && 'has-error',\n                    Boolean(warningMessage) && 'has-warning',\n                    className\n                )}\n            >\n                {triggerContent ? (\n                    <>\n                        <div ref={dropdownTriggerRef} className='display-inline-block' style={referenceStyles}>\n                            {triggerContent}\n                        </div>\n                        {hasFeedback ? (\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        ) : null}\n                    </>\n                ) : (\n                    <DayPickerInput\n                        id={id}\n                        triggerRef={dropdownTriggerRef}\n                        triggerStyle={referenceStyles}\n                        inputRef={inputRef}\n                        displayValue={displayValue}\n                        iconName={iconName}\n                        isSingleMode={isSingleMode}\n                        isClearable={isClearable}\n                        inputMaskProps={inputMaskProps}\n                        mergedInputProps={mergedInputProps}\n                        inputClassName={inputClassName}\n                        errorMessage={errorMessage}\n                        warningMessage={warningMessage}\n                        messageWhiteSpace={messageWhiteSpace}\n                        onChange={handleInputChange}\n                        onAddonClick={handleInputClick}\n                        onClick={event => {\n                            inputProps?.onClick?.(event);\n                            handleInputClick();\n                        }}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onKeyDown={handleInputKeyDown}\n                        onClear={handleClearInput}\n                    />\n                )}\n            </div>\n            {isDropdownOpen && dropdownContent}\n        </>\n    );\n};\n\nconst createSlotProps = ({\n    props,\n    value,\n    draftValue,\n    setDraftValue,\n    apply,\n    clear,\n    close,\n}: {\n    props: DayPickerProps;\n    value: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    apply: () => void;\n    clear: () => void;\n    close: () => void;\n}) => {\n    if (isSingleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date | undefined,\n                draftValue: draftValue as Date | undefined,\n                setDraftValue: setDraftValue as (value: Date | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode || 'single',\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date[] | undefined,\n                draftValue: draftValue as Date[] | undefined,\n                setDraftValue: setDraftValue as (value: Date[] | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode,\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    return {\n        trigger: props.trigger,\n        leftSidebar: props.leftSidebar,\n        rightSidebar: props.rightSidebar,\n        footer: props.footer,\n        renderProps: {\n            value: value as DateRange | undefined,\n            draftValue: draftValue as DateRange | undefined,\n            setDraftValue: setDraftValue as (value: DateRange | undefined) => void,\n            apply,\n            clear,\n            close,\n            mode: props.mode,\n            locale: props.locale || 'en-GB',\n        },\n    };\n};\n\nexport default DayPicker;\n"],"mappings":";;;;;;;;;;;;;AAgCA,IAAM,MAAgB,MAA0B,OAAO,OAAO,GAAO,OAAO,GACtE,MAAwB,MAA0B,OAAO,OAAO,GAAO,eAAe,GAEtF,KAAc,GAAe,MAC3B,OAAO,KAAS,aACR,EAAuC,CAAS,IAGpD,KAAsB,MAG5B,KAAa,MAA0B;CACzC,IAAM,EACF,OACA,SACA,UAAO,UACP,aAAS,SACT,iBACA,eAAW,iBACX,gBACA,YACA,eACA,iBACA,mBACA,uBAAoB,UACpB,oBACA,eACA,uBACA,0BACA,2BACA,qBACA,gBACA,kBAAc,IACd,yBAAsB,IACtB,uBAAoB,gBACpB,GAEE,IAAe,GAAa,CAAK,GACjC,IAAe,EAAuB,CAAK,GAC3C,KAAgB,GAAqB,CAAK,IAC1C,EAAM,kBAAkB,KACxB,MAAsB,YACtB,CAAC,IAAe,KAAoB,EAA6B,EAAM,YAAY,GACnF,IAAkB,IAAe,EAAM,QAAQ,IAC/C,CAAC,GAAY,KAAiB,EAA6B,CAAc,GACzE,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,IAAa,EAAc,YAAY,GACvC,IAAW,EAAgC,IAAI,GAC/C,IAAqB,EAA8B,IAAI,GACvD,IAAqB,EAA8B,IAAI;CAI7D,AAFA,EAAW,GAAoB,CAAc,GAE7C,QAAgB;EACZ,EAAc,CAAc;CAChC,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,UAAqB,EAAkB,EAAI,GAC3C,UAA8B,EAAkB,EAAK,GAErD,IAAkB,EACpB,cACJ,GAEM,KAAiB,EACnB,gBAAgB,EACpB,GAEM,KAAqB,EACvB,SAAS,SACb,GAEM,MAAyB,MAAmC;EAC9D,EAAmB,UAAU;CACjC,GAEM,MAAgB,GAA2B,MAAyB;EACtE,IAAI,GAAc;GACd,EAAM,WAAW,GAA2B,CAAS;GACrD;EACJ;EAEA,IAAI,EAAyB,CAAK,GAAG;GACjC,EAAM,WAAW,GAA6B,CAAS;GACvD;EACJ;EAEA,AAAI,EAAsB,CAAK,KAC3B,EAAM,WAAW,GAAgC,CAAS;CAElE,GAEM,KAAe,GAA2B,IAAuB,CAAC,MAAM;EAM1E,AALK,KACD,EAAiB,CAAK,GAG1B,EAAc,CAAK,GACnB,GAAa,GAAO,CAAS;CACjC,GAEM,WAAmB;EACrB,EAAY,KAAA,GAAW,CAAC,CAAC;CAC7B,GAEM,UAAsB;EAExB,AADA,EAAsB,GACtB,EAAc,CAAc;CAChC,GAEM,UAAwB;EAE1B,AADA,EAAY,GAAY,CAAC,CAAC,GAC1B,EAAsB;CAC1B,GAEM,KAAa,GACf,MAAS;EACL,IAAI,CAAC,GACD;EAGJ,IAAM,IAAS,EAAM;EACrB,IAAI,CAAC,GAAQ;GACT,EAAc;GACd;EACJ;EAEA,IAAM,IAAuB,EAAmB,SAAS,SAAS,CAAM,GAClE,IAAqB,EAAS,SAAS,SAAS,CAAM;EAExD,KAAwB,KAI5B,EAAc;CAClB,GACA,KAAA,GACA,CACJ;CAEA,EAAO,WAAU,MAAS;EACtB,IAAM,IAAS,EAAM;EACrB,IAAI,CAAC,KAAU,CAAC,GACZ;EAGJ,IAAM,IAAgB,EAAS,WAAW,EAAS,YAAY,GACzD,IAAkB,CAAC,CAAC,EAAmB,SAAS,SAAS,CAAM;EAErE,CAAI,KAAiB,MACjB,EAAc;CAEtB,CAAC;CAED,IAAM,EACF,iBACA,qBACA,uBACA,qBACA,sBACA,wBACA,uBACA,EAAuB;EACvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC,GAEK,UAAyB;EAE3B,AADA,EAAa,GACb,EAAS,SAAS,MAAM;CAC5B,GAEM,WAAuB;EACzB,IAAI,GAAgB;GAChB,EAAc;GACd;EACJ;EAEA,EAAa;CACjB,GAEM,IAAY,EAAgB;EAC9B;EACA,OAAO;EACP;EACA;EACA,OAAO;EACP,OAAO;EACP,OAAO;CACX,CAAC,GAEK,IAAiB,EAAU,UAC3B,EAAW,EAAU,SAAS;EAC1B,GAAG,EAAU;EACb;EACA;EACA;EACA,QAAQ;EACR,MAAM;EACN,QAAQ;CACZ,CAAC,IACD,MAEA,MAAwB,GAA2B,MAAyB;EAC9E,IAAI,EAAU,YAAY,EAAU,QAChC;EAGJ,IAAM,IAAyB,MAAsB;EAErD,AAAI,IACA,EAAY,GAAO,CAAS,IAE5B,EAAc,CAAK;EAGvB,IAAM,IACF,MAAS,WAAY,CAAC,CAAE,GAAiC,QAAQ,CAAC,CAAE,GAAiC;EAEzG,AAAI,MAAiB,MACZ,KACD,EAAY,GAAO,CAAS,GAEhC,EAAsB;CAE9B,GAEM,IAAc,CAAC,EAAE,KAAgB,IAEjC,IAAmB;EACrB,GAAG;EACH,MAAM,KAAQ,GAAY;EAC1B,cAAc,GAAY,gBAAgB;EAC1C,aAAa,MAAe,GAAY;CAC5C,GAEM,KAAqB,EAAU,cAAc,EAAW,EAAU,aAAa,EAAU,WAAW,IAAI,MAExG,KAAsB,EAAU,eAChC,EAAW,EAAU,cAAc,EAAU,WAAW,IACxD,MAEA,KAAgB,EAAU,SAAS,EAAW,EAAU,QAAQ,EAAU,WAAW,IAAI,MAEzF,KACF,kBAAC,IAAD;EAC2B;EACP;EACI;EACpB,yBAAyB,EAAM,kBAAkB,KAAK;EACtD,mBAAmB,EAAW,MAAc,eAAe,EAAiB;EAChE;EACZ,aAAa;EACb,cAAc;EACd,QAAQ;EACc;EACC;EACN;YAEjB,kBAAC,GAAD;GACI,GAAI;GACJ,MAAK;GACL,OAAO;GACP,UAAU;GACV,WAAU;EACb,CAAA;CACc,CAAA;CAGvB,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;EACI,WAAW,EACP,cACA,KAAe,gBACf,EAAQ,KAAiB,aACzB,EAAQ,KAAmB,eAC3B,EACJ;YAEC,IACG,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;GAAK,KAAK;GAAoB,WAAU;GAAuB,OAAO;aACjE;EACA,CAAA,GACJ,IACG,kBAAC,QAAD;GAAM,WAAW,0BAA0B;aACvC,kBAAC,QAAD,EAAA,UAAO,KAAgB,EAAqB,CAAA;EAC1C,CAAA,IACN,IACN,EAAA,CAAA,IAEF,kBAAC,GAAD;GACQ;GACJ,YAAY;GACZ,cAAc;GACJ;GACI;GACJ;GACI;GACD;GACG;GACE;GACF;GACF;GACE;GACG;GACnB,UAAU;GACV,cAAc;GACd,UAAS,MAAS;IAEd,AADA,GAAY,UAAU,CAAK,GAC3B,EAAiB;GACrB;GACA,SAAS;GACT,QAAQ;GACR,WAAW;GACX,SAAS;EACZ,CAAA;CAEJ,CAAA,GACJ,KAAkB,EACrB,EAAA,CAAA;AAEV,GAEM,KAAmB,EACrB,UACA,UACA,eACA,kBACA,UACA,UACA,eAUI,EAAuB,CAAK,IACrB;CACH,SAAS,EAAM;CACf,aAAa,EAAM;CACnB,cAAc,EAAM;CACpB,QAAQ,EAAM;CACd,aAAa;EACF;EACK;EACG;EACf;EACA;EACA;EACA,MAAM,EAAM,QAAQ;EACpB,QAAQ,EAAM,UAAU;CAC5B;AACJ,KAGA,EAAyB,CAAK,GACvB;CACH,SAAS,EAAM;CACf,aAAa,EAAM;CACnB,cAAc,EAAM;CACpB,QAAQ,EAAM;CACd,aAAa;EACF;EACK;EACG;EACf;EACA;EACA;EACA,MAAM,EAAM;EACZ,QAAQ,EAAM,UAAU;CAC5B;AACJ"}

package/components/datepicker/DayPickerCalendar.js

@@ -1,129 +1,138 @@
-import { jsx as n, jsxs as J } from "react/jsx-runtime";
-import { createContext as R, useState as Q, useContext as V } from "react";
-import { DayPicker as g, DayButton as T } from "react-day-picker";
-import O from "../../utils/classNames.js";
-import { isSingleDayPickerProps as U, isMultipleDayPickerProps as X, isRangeDayPickerProps as Y } from "./dayPickerTypes.js";
-import { createCustomRangeModifiers as Z, getCustomRangeValue as p } from "./dayPickerRangeSelectionUtils.js";
-import { resolveLocale as ee } from "./dayPickerUtils.js";
-const B = R(null), ne = (e) => Object.hasOwn(e, "value"), ue = (e) => {
-  const {
-    locale: m = "en-GB",
-    className: d,
-    size: l = "md",
-    numberOfMonths: D = 1,
-    defaultMonth: y,
-    month: L,
-    onMonthChange: j,
-    startMonth: _,
-    endMonth: z,
-    disabledDays: I,
-    hiddenDays: K,
-    showOutsideDays: E = !0,
-    fixedWeeks: G = !0,
-    showWeekNumber: $ = !1,
-    weekStartsOn: q,
-    modifiers: S,
-    modifiersClassNames: A,
-    renderDayContent: h
-  } = e, r = ne(e), [v, C] = Q(e.defaultValue), x = ee(m), M = O("DayPicker display-block", `DayPicker--${l}`, d), P = h ? { DayButton: te } : void 0, k = {
-    defaultMonth: y,
-    month: L,
-    onMonthChange: j,
-    locale: x,
-    numberOfMonths: D,
-    captionLayout: "dropdown",
-    animate: !0,
-    navLayout: "around",
-    startMonth: _,
-    endMonth: z,
-    disabled: I,
-    hidden: K,
-    modifiers: S,
-    modifiersClassNames: A,
-    showOutsideDays: E,
-    fixedWeeks: G,
-    showWeekNumber: $,
-    weekStartsOn: q,
-    className: M,
-    components: P
-  };
-  if (U(e)) {
-    const t = r ? e.value : v, s = (o, b, a) => {
-      r || C(o), e.onChange?.(o, a);
-    };
-    return /* @__PURE__ */ n(f.Provider, { value: h || null, children: /* @__PURE__ */ n(g, { ...k, mode: "single", selected: t, onSelect: s }) });
-  }
-  if (X(e)) {
-    const t = r ? e.value : v, s = (o, b, a) => {
-      r || C(o), e.onChange?.(o, a);
-    };
-    return /* @__PURE__ */ n(f.Provider, { value: h || null, children: /* @__PURE__ */ n(g, { ...k, mode: "multiple", selected: t, onSelect: s }) });
-  }
-  if (Y(e)) {
-    const { selectionVariant: t = "default", rollingDays: s = 7 } = e, o = r ? e.value : v;
-    if (t !== "default") {
-      const a = Number.isInteger(s) && s > 0 ? s : 7, W = Z(o), N = {
-        ...S,
-        ...W
-      }, w = (i, c) => {
-        if (c.disabled || c.hidden)
-          return;
-        const u = p({
-          day: i,
-          selectionVariant: t,
-          rollingDays: a,
-          locale: x,
-          currentValue: o
-        });
-        r || C(u), e.onChange?.(u, c);
-      }, F = (i, c) => {
-        w(i, c);
-      }, H = (i, c, u) => {
-        u.key !== " " && u.key !== "Enter" || (u.preventDefault(), w(i, c));
-      };
-      return /* @__PURE__ */ n(B.Provider, { value: (i) => w(i, {}), children: /* @__PURE__ */ n(f.Provider, { value: h || null, children: /* @__PURE__ */ n(
-        g,
-        {
-          ...k,
-          className: O(
-            M,
-            t === "week" && "DayPicker-week-selection",
-            t === "month" && "DayPicker-month-selection"
-          ),
-          modifiers: N,
-          onDayClick: F,
-          onDayKeyDown: H,
-          components: t === "week" ? { ...P, WeekNumber: oe } : P
-        }
-      ) }) });
-    }
-    const b = (a, W, N) => {
-      r || C(a), e.onChange?.(a, N);
-    };
-    return /* @__PURE__ */ n(f.Provider, { value: h || null, children: /* @__PURE__ */ n(g, { ...k, mode: "range", selected: o, onSelect: b }) });
-  }
-  return null;
-}, f = R(null), te = ({ children: e, className: m, day: d, ...l }) => {
-  const y = V(f)?.(d.date, l.modifiers);
-  return /* @__PURE__ */ J(T, { ...l, day: d, className: m, children: [
-    e,
-    y && y
-  ] });
-}, oe = ({ week: e, ...m }) => {
-  const d = V(B), l = e.days[0]?.date;
-  return /* @__PURE__ */ n("th", { ...m, children: /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      className: "btn btn-muted-filled text-color-darkest btn-block btn-sm",
-      onClick: (D) => {
-        D.preventDefault(), l && d?.(l);
-      },
-      children: e.weekNumber
-    }
-  ) });
+import e from "../../utils/classNames.js";
+import { isMultipleDayPickerProps as t, isRangeDayPickerProps as n, isSingleDayPickerProps as r } from "./dayPickerTypes.js";
+import { createCustomRangeModifiers as i, getCustomRangeValue as a } from "./dayPickerRangeSelectionUtils.js";
+import { resolveLocale as o } from "./dayPickerUtils.js";
+import { createContext as s, useContext as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { DayButton as f, DayPicker as p } from "react-day-picker";
+//#region src/components/datepicker/DayPickerCalendar.tsx
+var m = s(null), h = (e) => Object.hasOwn(e, "value"), g = (s) => {
+	let { locale: c = "en-GB", className: d, size: f = "md", numberOfMonths: g = 1, defaultMonth: b, month: x, onMonthChange: S, startMonth: C, endMonth: w, disabledDays: T, hiddenDays: E, showOutsideDays: D = !0, fixedWeeks: O = !0, showWeekNumber: k = !1, weekStartsOn: A, modifiers: j, modifiersClassNames: M, renderDayContent: N } = s, P = h(s), [F, I] = l(s.defaultValue), L = o(c), R = e("DayPicker display-block", `DayPicker--${f}`, d), z = N ? { DayButton: v } : void 0, B = {
+		defaultMonth: b,
+		month: x,
+		onMonthChange: S,
+		locale: L,
+		numberOfMonths: g,
+		captionLayout: "dropdown",
+		animate: !0,
+		navLayout: "around",
+		startMonth: C,
+		endMonth: w,
+		disabled: T,
+		hidden: E,
+		modifiers: j,
+		modifiersClassNames: M,
+		showOutsideDays: D,
+		fixedWeeks: O,
+		showWeekNumber: k,
+		weekStartsOn: A,
+		className: R,
+		components: z
+	};
+	if (r(s)) {
+		let e = P ? s.value : F, t = (e, t, n) => {
+			P || I(e), s.onChange?.(e, n);
+		};
+		return /* @__PURE__ */ u(_.Provider, {
+			value: N || null,
+			children: /* @__PURE__ */ u(p, {
+				...B,
+				mode: "single",
+				selected: e,
+				onSelect: t
+			})
+		});
+	}
+	if (t(s)) {
+		let e = P ? s.value : F, t = (e, t, n) => {
+			P || I(e), s.onChange?.(e, n);
+		};
+		return /* @__PURE__ */ u(_.Provider, {
+			value: N || null,
+			children: /* @__PURE__ */ u(p, {
+				...B,
+				mode: "multiple",
+				selected: e,
+				onSelect: t
+			})
+		});
+	}
+	if (n(s)) {
+		let { selectionVariant: t = "default", rollingDays: n = 7 } = s, r = P ? s.value : F;
+		if (t !== "default") {
+			let o = Number.isInteger(n) && n > 0 ? n : 7, c = i(r), l = {
+				...j,
+				...c
+			}, d = (e, n) => {
+				if (n.disabled || n.hidden) return;
+				let i = a({
+					day: e,
+					selectionVariant: t,
+					rollingDays: o,
+					locale: L,
+					currentValue: r
+				});
+				P || I(i), s.onChange?.(i, n);
+			}, f = (e, t) => {
+				d(e, t);
+			}, h = (e, t, n) => {
+				n.key !== " " && n.key !== "Enter" || (n.preventDefault(), d(e, t));
+			};
+			return /* @__PURE__ */ u(m.Provider, {
+				value: (e) => d(e, {}),
+				children: /* @__PURE__ */ u(_.Provider, {
+					value: N || null,
+					children: /* @__PURE__ */ u(p, {
+						...B,
+						className: e(R, t === "week" && "DayPicker-week-selection", t === "month" && "DayPicker-month-selection"),
+						modifiers: l,
+						onDayClick: f,
+						onDayKeyDown: h,
+						components: t === "week" ? {
+							...z,
+							WeekNumber: y
+						} : z
+					})
+				})
+			});
+		}
+		let o = (e, t, n) => {
+			P || I(e), s.onChange?.(e, n);
+		};
+		return /* @__PURE__ */ u(_.Provider, {
+			value: N || null,
+			children: /* @__PURE__ */ u(p, {
+				...B,
+				mode: "range",
+				selected: r,
+				onSelect: o
+			})
+		});
+	}
+	return null;
+}, _ = s(null), v = ({ children: e, className: t, day: n, ...r }) => {
+	let i = c(_)?.(n.date, r.modifiers);
+	return /* @__PURE__ */ d(f, {
+		...r,
+		day: n,
+		className: t,
+		children: [e, i && i]
+	});
+}, y = ({ week: e, ...t }) => {
+	let n = c(m), r = e.days[0]?.date;
+	return /* @__PURE__ */ u("th", {
+		...t,
+		children: /* @__PURE__ */ u("button", {
+			type: "button",
+			className: "btn btn-muted-filled text-color-darkest btn-block btn-sm",
+			onClick: (e) => {
+				e.preventDefault(), r && n?.(r);
+			},
+			children: e.weekNumber
+		})
+	});
 };
-export {
-  ue as default
-};
-//# sourceMappingURL=DayPickerCalendar.js.map
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=DayPickerCalendar.js.map

package/components/datepicker/DayPickerCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerCalendar.js","sources":["../../../src/components/datepicker/DayPickerCalendar.tsx"],"sourcesContent":["import { createContext, useContext, useState, type MouseEvent } from 'react';\nimport {\n    DayPicker as ReactDayPicker,\n    DayButton as ReactDayPickerDayButton,\n    type DateRange as ReactDayPickerDateRange,\n    type DayEventHandler,\n    type DayButtonProps,\n    type OnSelectHandler as ReactDayPickerOnSelectHandler,\n    type WeekNumberProps,\n} from 'react-day-picker';\n\nimport classNames from '../../utils/classNames';\n\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerCalendarProps,\n    type Modifiers,\n} from './dayPickerTypes';\nimport { createCustomRangeModifiers, getCustomRangeValue } from './dayPickerRangeSelectionUtils';\nimport { resolveLocale } from './dayPickerUtils';\n\nexport type { DateRange, DayPickerCalendarProps, Modifiers } from './dayPickerTypes';\n\nconst WeekSelectionContext = createContext<((day: Date) => void) | null>(null);\n\nconst hasValueProp = (props: DayPickerCalendarProps) => Object.hasOwn(props, 'value');\n\nconst DayPickerCalendar = (props: DayPickerCalendarProps) => {\n    const {\n        locale = 'en-GB',\n        className,\n        size = 'md',\n        numberOfMonths = 1,\n        defaultMonth,\n        month,\n        onMonthChange,\n        startMonth,\n        endMonth,\n        disabledDays,\n        hiddenDays,\n        showOutsideDays = true,\n        fixedWeeks = true,\n        showWeekNumber = false,\n        weekStartsOn,\n        modifiers,\n        modifiersClassNames,\n        renderDayContent,\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const [internalValue, setInternalValue] = useState<Date | Date[] | DateRange | undefined>(props.defaultValue);\n\n    const resolvedLocale = resolveLocale(locale);\n    const calendarClassName = classNames('DayPicker display-block', `DayPicker--${size}`, className);\n\n    const commonComponents = renderDayContent ? { DayButton: CustomDayButton } : undefined;\n\n    const commonProps = {\n        defaultMonth,\n        month,\n        onMonthChange,\n        locale: resolvedLocale,\n        numberOfMonths,\n        captionLayout: 'dropdown' as const,\n        animate: true,\n        navLayout: 'around' as const,\n        startMonth,\n        endMonth,\n        disabled: disabledDays,\n        hidden: hiddenDays,\n        modifiers,\n        modifiersClassNames,\n        showOutsideDays,\n        fixedWeeks,\n        showWeekNumber,\n        weekStartsOn,\n        className: calendarClassName,\n        components: commonComponents,\n    };\n\n    if (isSingleDayPickerProps(props)) {\n        const value = (isControlled ? props.value : internalValue) as Date | undefined;\n        const handleChange: ReactDayPickerOnSelectHandler<Date | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='single' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        const value = (isControlled ? props.value : internalValue) as Date[] | undefined;\n        const handleChange: ReactDayPickerOnSelectHandler<Date[] | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='multiple' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    if (isRangeDayPickerProps(props)) {\n        const { selectionVariant = 'default', rollingDays = 7 } = props;\n        const value = (isControlled ? props.value : internalValue) as ReactDayPickerDateRange | undefined;\n\n        if (selectionVariant !== 'default') {\n            const normalizedRollingDays = Number.isInteger(rollingDays) && rollingDays > 0 ? rollingDays : 7;\n            const selectionModifiers = createCustomRangeModifiers(value);\n            const mergedModifiers = {\n                ...modifiers,\n                ...selectionModifiers,\n            };\n\n            const handleCustomRangeSelection = (day: Date, dayModifiers: Modifiers) => {\n                if (dayModifiers.disabled || dayModifiers.hidden) {\n                    return;\n                }\n\n                const nextValue = getCustomRangeValue({\n                    day,\n                    selectionVariant,\n                    rollingDays: normalizedRollingDays,\n                    locale: resolvedLocale,\n                    currentValue: value,\n                });\n\n                if (!isControlled) {\n                    setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n                }\n\n                props.onChange?.(nextValue, dayModifiers);\n            };\n\n            const handleDayClick: DayEventHandler<React.MouseEvent> = (day, dayModifiers) => {\n                handleCustomRangeSelection(day, dayModifiers as Modifiers);\n            };\n\n            const handleDayKeyDown: DayEventHandler<React.KeyboardEvent> = (day, dayModifiers, event) => {\n                if (event.key !== ' ' && event.key !== 'Enter') {\n                    return;\n                }\n\n                event.preventDefault();\n                handleCustomRangeSelection(day, dayModifiers as Modifiers);\n            };\n\n            return (\n                <WeekSelectionContext.Provider value={day => handleCustomRangeSelection(day, {})}>\n                    <DayContentContext.Provider value={renderDayContent || null}>\n                        <ReactDayPicker\n                            {...commonProps}\n                            className={classNames(\n                                calendarClassName,\n                                selectionVariant === 'week' && 'DayPicker-week-selection',\n                                selectionVariant === 'month' && 'DayPicker-month-selection'\n                            )}\n                            modifiers={mergedModifiers}\n                            onDayClick={handleDayClick}\n                            onDayKeyDown={handleDayKeyDown}\n                            components={\n                                selectionVariant === 'week'\n                                    ? { ...commonComponents, WeekNumber: CustomWeekNumber }\n                                    : commonComponents\n                            }\n                        />\n                    </DayContentContext.Provider>\n                </WeekSelectionContext.Provider>\n            );\n        }\n\n        const handleChange: ReactDayPickerOnSelectHandler<ReactDayPickerDateRange | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='range' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    return null;\n};\n\nexport default DayPickerCalendar;\n\nconst DayContentContext = createContext<((date: Date, modifiers: Modifiers) => React.ReactNode) | null>(null);\n\nconst CustomDayButton = ({ children, className, day, ...buttonProps }: DayButtonProps) => {\n    const renderDayContent = useContext(DayContentContext);\n    const extraContent = renderDayContent?.(day.date, buttonProps.modifiers as Modifiers);\n\n    return (\n        <ReactDayPickerDayButton {...buttonProps} day={day} className={className}>\n            {children}\n            {extraContent && extraContent}\n        </ReactDayPickerDayButton>\n    );\n};\n\nconst CustomWeekNumber = ({ week, ...weekNumberProps }: WeekNumberProps) => {\n    const onSelectWeek = useContext(WeekSelectionContext);\n    const firstDayOfWeek = week.days[0]?.date;\n\n    return (\n        <th {...weekNumberProps}>\n            <button\n                type='button'\n                className='btn btn-muted-filled text-color-darkest btn-block btn-sm'\n                onClick={(event: MouseEvent<HTMLButtonElement>) => {\n                    event.preventDefault();\n                    if (!firstDayOfWeek) {\n                        return;\n                    }\n\n                    onSelectWeek?.(firstDayOfWeek);\n                }}\n            >\n                {week.weekNumber}\n            </button>\n        </th>\n    );\n};\n"],"names":["WeekSelectionContext","createContext","hasValueProp","props","DayPickerCalendar","locale","className","size","numberOfMonths","defaultMonth","month","onMonthChange","startMonth","endMonth","disabledDays","hiddenDays","showOutsideDays","fixedWeeks","showWeekNumber","weekStartsOn","modifiers","modifiersClassNames","renderDayContent","isControlled","internalValue","setInternalValue","useState","resolvedLocale","resolveLocale","calendarClassName","classNames","commonComponents","CustomDayButton","commonProps","isSingleDayPickerProps","value","handleChange","nextValue","_triggerDate","dayModifiers","DayContentContext","jsx","ReactDayPicker","isMultipleDayPickerProps","isRangeDayPickerProps","selectionVariant","rollingDays","normalizedRollingDays","selectionModifiers","createCustomRangeModifiers","mergedModifiers","handleCustomRangeSelection","day","getCustomRangeValue","handleDayClick","handleDayKeyDown","event","CustomWeekNumber","children","buttonProps","extraContent","useContext","jsxs","ReactDayPickerDayButton","week","weekNumberProps","onSelectWeek","firstDayOfWeek"],"mappings":"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"}
+{"version":3,"file":"DayPickerCalendar.js","names":[],"sources":["../../../src/components/datepicker/DayPickerCalendar.tsx"],"sourcesContent":["import { createContext, useContext, useState, type MouseEvent } from 'react';\nimport {\n    DayPicker as ReactDayPicker,\n    DayButton as ReactDayPickerDayButton,\n    type DateRange as ReactDayPickerDateRange,\n    type DayEventHandler,\n    type DayButtonProps,\n    type OnSelectHandler as ReactDayPickerOnSelectHandler,\n    type WeekNumberProps,\n} from 'react-day-picker';\n\nimport classNames from '../../utils/classNames';\n\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerCalendarProps,\n    type Modifiers,\n} from './dayPickerTypes';\nimport { createCustomRangeModifiers, getCustomRangeValue } from './dayPickerRangeSelectionUtils';\nimport { resolveLocale } from './dayPickerUtils';\n\nexport type { DateRange, DayPickerCalendarProps, Modifiers } from './dayPickerTypes';\n\nconst WeekSelectionContext = createContext<((day: Date) => void) | null>(null);\n\nconst hasValueProp = (props: DayPickerCalendarProps) => Object.hasOwn(props, 'value');\n\nconst DayPickerCalendar = (props: DayPickerCalendarProps) => {\n    const {\n        locale = 'en-GB',\n        className,\n        size = 'md',\n        numberOfMonths = 1,\n        defaultMonth,\n        month,\n        onMonthChange,\n        startMonth,\n        endMonth,\n        disabledDays,\n        hiddenDays,\n        showOutsideDays = true,\n        fixedWeeks = true,\n        showWeekNumber = false,\n        weekStartsOn,\n        modifiers,\n        modifiersClassNames,\n        renderDayContent,\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const [internalValue, setInternalValue] = useState<Date | Date[] | DateRange | undefined>(props.defaultValue);\n\n    const resolvedLocale = resolveLocale(locale);\n    const calendarClassName = classNames('DayPicker display-block', `DayPicker--${size}`, className);\n\n    const commonComponents = renderDayContent ? { DayButton: CustomDayButton } : undefined;\n\n    const commonProps = {\n        defaultMonth,\n        month,\n        onMonthChange,\n        locale: resolvedLocale,\n        numberOfMonths,\n        captionLayout: 'dropdown' as const,\n        animate: true,\n        navLayout: 'around' as const,\n        startMonth,\n        endMonth,\n        disabled: disabledDays,\n        hidden: hiddenDays,\n        modifiers,\n        modifiersClassNames,\n        showOutsideDays,\n        fixedWeeks,\n        showWeekNumber,\n        weekStartsOn,\n        className: calendarClassName,\n        components: commonComponents,\n    };\n\n    if (isSingleDayPickerProps(props)) {\n        const value = (isControlled ? props.value : internalValue) as Date | undefined;\n        const handleChange: ReactDayPickerOnSelectHandler<Date | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='single' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        const value = (isControlled ? props.value : internalValue) as Date[] | undefined;\n        const handleChange: ReactDayPickerOnSelectHandler<Date[] | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='multiple' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    if (isRangeDayPickerProps(props)) {\n        const { selectionVariant = 'default', rollingDays = 7 } = props;\n        const value = (isControlled ? props.value : internalValue) as ReactDayPickerDateRange | undefined;\n\n        if (selectionVariant !== 'default') {\n            const normalizedRollingDays = Number.isInteger(rollingDays) && rollingDays > 0 ? rollingDays : 7;\n            const selectionModifiers = createCustomRangeModifiers(value);\n            const mergedModifiers = {\n                ...modifiers,\n                ...selectionModifiers,\n            };\n\n            const handleCustomRangeSelection = (day: Date, dayModifiers: Modifiers) => {\n                if (dayModifiers.disabled || dayModifiers.hidden) {\n                    return;\n                }\n\n                const nextValue = getCustomRangeValue({\n                    day,\n                    selectionVariant,\n                    rollingDays: normalizedRollingDays,\n                    locale: resolvedLocale,\n                    currentValue: value,\n                });\n\n                if (!isControlled) {\n                    setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n                }\n\n                props.onChange?.(nextValue, dayModifiers);\n            };\n\n            const handleDayClick: DayEventHandler<React.MouseEvent> = (day, dayModifiers) => {\n                handleCustomRangeSelection(day, dayModifiers as Modifiers);\n            };\n\n            const handleDayKeyDown: DayEventHandler<React.KeyboardEvent> = (day, dayModifiers, event) => {\n                if (event.key !== ' ' && event.key !== 'Enter') {\n                    return;\n                }\n\n                event.preventDefault();\n                handleCustomRangeSelection(day, dayModifiers as Modifiers);\n            };\n\n            return (\n                <WeekSelectionContext.Provider value={day => handleCustomRangeSelection(day, {})}>\n                    <DayContentContext.Provider value={renderDayContent || null}>\n                        <ReactDayPicker\n                            {...commonProps}\n                            className={classNames(\n                                calendarClassName,\n                                selectionVariant === 'week' && 'DayPicker-week-selection',\n                                selectionVariant === 'month' && 'DayPicker-month-selection'\n                            )}\n                            modifiers={mergedModifiers}\n                            onDayClick={handleDayClick}\n                            onDayKeyDown={handleDayKeyDown}\n                            components={\n                                selectionVariant === 'week'\n                                    ? { ...commonComponents, WeekNumber: CustomWeekNumber }\n                                    : commonComponents\n                            }\n                        />\n                    </DayContentContext.Provider>\n                </WeekSelectionContext.Provider>\n            );\n        }\n\n        const handleChange: ReactDayPickerOnSelectHandler<ReactDayPickerDateRange | undefined> = (\n            nextValue,\n            _triggerDate,\n            dayModifiers\n        ) => {\n            if (!isControlled) {\n                setInternalValue(nextValue as Date | Date[] | DateRange | undefined);\n            }\n\n            props.onChange?.(nextValue, dayModifiers as Modifiers);\n        };\n\n        return (\n            <DayContentContext.Provider value={renderDayContent || null}>\n                <ReactDayPicker {...commonProps} mode='range' selected={value} onSelect={handleChange} />\n            </DayContentContext.Provider>\n        );\n    }\n\n    return null;\n};\n\nexport default DayPickerCalendar;\n\nconst DayContentContext = createContext<((date: Date, modifiers: Modifiers) => React.ReactNode) | null>(null);\n\nconst CustomDayButton = ({ children, className, day, ...buttonProps }: DayButtonProps) => {\n    const renderDayContent = useContext(DayContentContext);\n    const extraContent = renderDayContent?.(day.date, buttonProps.modifiers as Modifiers);\n\n    return (\n        <ReactDayPickerDayButton {...buttonProps} day={day} className={className}>\n            {children}\n            {extraContent && extraContent}\n        </ReactDayPickerDayButton>\n    );\n};\n\nconst CustomWeekNumber = ({ week, ...weekNumberProps }: WeekNumberProps) => {\n    const onSelectWeek = useContext(WeekSelectionContext);\n    const firstDayOfWeek = week.days[0]?.date;\n\n    return (\n        <th {...weekNumberProps}>\n            <button\n                type='button'\n                className='btn btn-muted-filled text-color-darkest btn-block btn-sm'\n                onClick={(event: MouseEvent<HTMLButtonElement>) => {\n                    event.preventDefault();\n                    if (!firstDayOfWeek) {\n                        return;\n                    }\n\n                    onSelectWeek?.(firstDayOfWeek);\n                }}\n            >\n                {week.weekNumber}\n            </button>\n        </th>\n    );\n};\n"],"mappings":"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"}

package/components/datepicker/DayPickerDropdown.d.ts

@@ -1,12 +1,13 @@
-import { CSSProperties, HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+import { CSSProperties, MutableRefObject, ReactNode } from 'react';
 type DayPickerDropdownProps = {
-    assignPopperElement: (element: HTMLDivElement | null) => void;
-    popperStyles: CSSProperties;
-    popperAttributes: HTMLAttributes<HTMLDivElement>;
+    assignDropdownElement: (element: HTMLDivElement | null) => void;
+    dropdownStyles: CSSProperties;
+    dropdownAttributes: {
+        popover: 'manual';
+    };
     enableStackedCalendars?: boolean;
     dropdownClassName?: string;
     outsideRef: MutableRefObject<HTMLDivElement | null>;
-    updatePopperPosition?: () => void;
     leftSidebar?: ReactNode;
     rightSidebar?: ReactNode;
     footer?: ReactNode;

package/components/datepicker/DayPickerDropdown.js

@@ -1,88 +1,57 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useEffect as C } from "react";
-import s from "../../utils/classNames.js";
-import v from "./DayPickerDropdownFooter.js";
-import u from "./DayPickerDropdownSidebar.js";
-import S from "./useStackedDayPickerCalendars.js";
-const z = (b) => {
-  const {
-    assignPopperElement: x,
-    popperStyles: w,
-    popperAttributes: h,
-    enableStackedCalendars: r = !1,
-    dropdownClassName: y,
-    outsideRef: D,
-    updatePopperPosition: l,
-    leftSidebar: a,
-    rightSidebar: t,
-    footer: d,
-    leftSidebarClassName: k,
-    rightSidebarClassName: N,
-    footerClassName: P,
-    children: c
-  } = b, { calendarsRef: g, stackCalendars: m } = S([c, a, t]);
-  C(() => {
-    if (!r || !l)
-      return;
-    const o = window.requestAnimationFrame(() => {
-      l();
-    });
-    return () => window.cancelAnimationFrame(o);
-  }, [r, m, l]);
-  const p = (o) => {
-    const f = o.target;
-    if (!f)
-      return;
-    const i = f.closest(
-      'input:not([type="button"]):not([type="submit"]):not([type="reset"]), select, textarea, [contenteditable="true"], [role="combobox"], [role="textbox"]'
-    );
-    i && !i.hasAttribute("disabled") && i.getAttribute("aria-disabled") !== "true" || o.preventDefault();
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: x,
-      style: w,
-      className: s(
-        "DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border",
-        y
-      ),
-      ...h,
-      role: "dialog",
-      "aria-label": "DayPicker calendar",
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          ref: D,
-          className: "display-flex flex-column",
-          onPointerDownCapture: p,
-          onMouseDownCapture: p,
-          children: /* @__PURE__ */ n("div", { className: s(a && "display-flex flex-column-xs flex-row-sm"), children: [
-            a && /* @__PURE__ */ e(u, { className: k, children: a }),
-            /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ n("div", { className: s(t && "display-flex flex-column-xs flex-row-sm"), children: [
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    ref: r ? g : null,
-                    className: s(
-                      "DayPickerDropdown-calendars",
-                      r && m && "stacked-calendars"
-                    ),
-                    children: c
-                  }
-                ),
-                t && /* @__PURE__ */ e(u, { side: "right", className: N, children: t })
-              ] }),
-              d && /* @__PURE__ */ e(v, { className: P, children: d })
-            ] })
-          ] })
-        }
-      )
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "./DayPickerDropdownFooter.js";
+import n from "./DayPickerDropdownSidebar.js";
+import r from "./useStackedDayPickerCalendars.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/datepicker/DayPickerDropdown.tsx
+var o = (o) => {
+	let { assignDropdownElement: s, dropdownStyles: c, dropdownAttributes: l, enableStackedCalendars: u = !1, dropdownClassName: d, outsideRef: f, leftSidebar: p, rightSidebar: m, footer: h, leftSidebarClassName: g, rightSidebarClassName: _, footerClassName: v, children: y } = o, { calendarsRef: b, stackCalendars: x } = r([
+		y,
+		p,
+		m
+	]), S = (e) => {
+		let t = e.target;
+		if (!t) return;
+		let n = t.closest("input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]), select, textarea, [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"]");
+		n && !n.hasAttribute("disabled") && n.getAttribute("aria-disabled") !== "true" || e.preventDefault();
+	};
+	return /* @__PURE__ */ i("div", {
+		...l,
+		ref: s,
+		style: c,
+		className: e("DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border", d),
+		role: "dialog",
+		"aria-label": "DayPicker calendar",
+		children: /* @__PURE__ */ i("div", {
+			ref: f,
+			className: "display-flex flex-column",
+			onPointerDownCapture: S,
+			onMouseDownCapture: S,
+			children: /* @__PURE__ */ a("div", {
+				className: e(!!p && "display-flex flex-column-xs flex-row-sm"),
+				children: [p && /* @__PURE__ */ i(n, {
+					className: g,
+					children: p
+				}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ a("div", {
+					className: e(!!m && "display-flex flex-column-xs flex-row-sm"),
+					children: [/* @__PURE__ */ i("div", {
+						ref: u ? b : null,
+						className: e("DayPickerDropdown-calendars", u && x && "stacked-calendars"),
+						children: y
+					}), m && /* @__PURE__ */ i(n, {
+						side: "right",
+						className: _,
+						children: m
+					})]
+				}), h && /* @__PURE__ */ i(t, {
+					className: v,
+					children: h
+				})] })]
+			})
+		})
+	});
 };
-export {
-  z as default
-};
-//# sourceMappingURL=DayPickerDropdown.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=DayPickerDropdown.js.map