@alfalab/core-components-calendar-input 8.2.8 → 8.2.10

package/modern/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9cpr5 */
+/* hash: 2y3kn */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_1dwtp {
+} .calendar-input__component_1n7rs {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_1dwtp {
+} .calendar-input__block_1n7rs {
     width: 100%;
-} .calendar-input__calendarContainer_1dwtp {
+} .calendar-input__calendarContainer_1n7rs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_1dwtp {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1n7rs {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_1dwtp {
+    } .calendar-input__calendarResponsive_1n7rs {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .calendar-input__calendarIcon_1dwtp {
+} .calendar-input__calendarIcon_1n7rs {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_1dwtp:not(:only-child) {
+} .calendar-input__calendarIcon_1n7rs:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_1dwtp {
+    } .calendar-input__nativeInput_1n7rs {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -77,8 +77,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_1dwtp::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1n7rs::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_1dwtp::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1n7rs::-webkit-inner-spin-button {
         display: none;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-input",
-    "version": "8.2.8",
+    "version": "8.2.10",
     "description": "Calendar input component",
     "keywords": [],
     "license": "MIT",
@@ -18,12 +18,13 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^6.2.8",
-        "@alfalab/core-components-date-input": "^4.1.6",
-        "@alfalab/core-components-popover": "^6.0.6",
+        "@alfalab/core-components-calendar": "^6.2.10",
+        "@alfalab/core-components-date-input": "^4.1.7",
+        "@alfalab/core-components-popover": "^6.0.7",
         "@alfalab/hooks": "^1.7.0",
         "classnames": "^2.3.1",
         "date-fns": "^2.16.1",
-        "react-merge-refs": "^1.1.0"
+        "react-merge-refs": "^1.1.0",
+        "tslib": "^2.4.0"
     }
 }

package/responsive.js

@@ -1,8 +1,11 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./Component-60ae032f.js');
+require('tslib');
 require('react');
+require('@alfalab/hooks');
+require('./Component.desktop.js');
+require('./components/calendar-input/Component.js');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-calendar');
@@ -13,8 +16,6 @@ require('./utils.js');
 require('date-fns/format');
 require('date-fns/isSameDay');
 require('date-fns/parse');
-require('@alfalab/hooks');
-require('./Component.desktop.js');
 require('./Component.mobile.js');
 
 

package/Component-60ae032f.d.ts

@@ -1,249 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarMobileProps, CalendarProps } from "@alfalab/core-components-calendar";
-import { DateInputProps } from "@alfalab/core-components-date-input";
-import { PopoverProps } from "@alfalab/core-components-popover";
-declare function __extends(d: any, b: any): void;
-declare function __rest(s: any, e: any): {};
-declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
-declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
-declare function __metadata(metadataKey: any, metadataValue: any): any;
-declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
-declare function __generator(thisArg: any, body: any): {
-    next: (v: any) => any;
-    throw: (v: any) => any;
-    return: (v: any) => any;
-};
-declare function __exportStar(m: any, o: any): void;
-declare function __values(o: any): any;
-declare function __read(o: any, n: any): any;
-declare function __spread(...args: any[]): any[];
-declare function __spreadArrays(...args: any[]): any[];
-declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
-declare function __await(v: any): __await;
-declare class __await {
-    constructor(v: any);
-    v: any;
-}
-declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
-declare function __asyncDelegator(o: any): {};
-declare function __asyncValues(o: any): any;
-declare function __makeTemplateObject(cooked: any, raw: any): any;
-declare function __importStar(mod: any): any;
-declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
-declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
-declare function __classPrivateFieldIn(state: any, receiver: any): any;
-declare function __assign(...args: any[]): any;
-declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для поповера
-     */
-    popoverClassName?: string;
-    /**
-     * Доп. пропсы для календаря
-     */
-    calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarMobileProps & Record<string, unknown>);
-    /**
-     * Значение инпута (используется и для календаря)
-     */
-    value?: string;
-    /**
-     * Начальное значение инпута
-     */
-    defaultValue?: string;
-    /**
-     * Состояние открытия по умолчанию
-     */
-    defaultOpen?: boolean;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
-    defaultMonth?: number;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
-    minDate?: number;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
-    maxDate?: number;
-    /**
-     * Список событий
-     */
-    events?: Array<Date | number>;
-    /**
-     * Список выходных
-     */
-    offDays?: Array<Date | number>;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
-    calendarPosition?: 'static' | 'popover';
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
-    mobileMode?: 'native' | 'popover' | 'input';
-    /**
-     * Компонент календаря
-     */
-    Calendar?: ElementType;
-    /**
-     * Обработчик изменения значения
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
-        date: Date;
-        value: string;
-    }) => void;
-    /**
-     * Обработчик ввода в инпут
-     */
-    onInputChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-        date: Date;
-    }) => void;
-    /**
-     * Обработчик изменения календаря
-     */
-    onCalendarChange?: CalendarProps['onChange'];
-    /**
-     * Позиционирование поповера с календарем
-     */
-    popoverPosition?: PopoverProps['position'];
-    /**
-     * z-index Popover
-     */
-    zIndexPopover?: PopoverProps['zIndex'];
-    /**
-     * Календарь будет принимать ширину инпута
-     */
-    useAnchorWidth?: boolean;
-    /**
-     * Отображение компонента в мобильном или десктопном виде
-     */
-    view?: 'desktop' | 'mobile';
-};
-declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "onChange" | "mobileMode"> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Дополнительный класс для инпута
-     */
-    inputClassName?: string | undefined;
-    /**
-     * Дополнительный класс для поповера
-     */
-    popoverClassName?: string | undefined;
-    /**
-     * Доп. пропсы для календаря
-     */
-    calendarProps?: (CalendarProps & Record<string, unknown>) | (CalendarProps & {
-        open: boolean;
-        title?: string | undefined;
-        onClose?: (() => void) | undefined;
-        yearsAmount?: number | undefined;
-        hasHeader?: boolean | undefined;
-        allowSelectionFromEmptyRange?: boolean | undefined;
-    } & Record<string, unknown>) | undefined;
-    /**
-     * Значение инпута (используется и для календаря)
-     */
-    value?: string | undefined;
-    /**
-     * Начальное значение инпута
-     */
-    defaultValue?: string | undefined;
-    /**
-     * Состояние открытия по умолчанию
-     */
-    defaultOpen?: boolean | undefined;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
-    defaultMonth?: number | undefined;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
-    minDate?: number | undefined;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
-    maxDate?: number | undefined;
-    /**
-     * Список событий
-     */
-    events?: (number | Date)[] | undefined;
-    /**
-     * Список выходных
-     */
-    offDays?: (number | Date)[] | undefined;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
-    calendarPosition?: "static" | "popover" | undefined;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean | undefined;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
-    mobileMode?: "input" | "native" | "popover" | undefined;
-    /**
-     * Компонент календаря
-     */
-    Calendar?: React.ElementType<any> | undefined;
-    /**
-     * Обработчик изменения значения
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
-        date: Date;
-        value: string;
-    }) => void) | undefined;
-    /**
-     * Обработчик ввода в инпут
-     */
-    onInputChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-        date: Date;
-    }) => void) | undefined;
-    /**
-     * Обработчик изменения календаря
-     */
-    onCalendarChange?: CalendarProps['onChange'];
-    /**
-     * Позиционирование поповера с календарем
-     */
-    popoverPosition?: PopoverProps['position'];
-    /**
-     * z-index Popover
-     */
-    zIndexPopover?: PopoverProps['zIndex'];
-    /**
-     * Календарь будет принимать ширину инпута
-     */
-    useAnchorWidth?: boolean | undefined;
-    /**
-     * Отображение компонента в мобильном или десктопном виде
-     */
-    view?: "desktop" | "mobile" | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding, CalendarInputProps, CalendarInput };

package/Component-60ae032f.js

@@ -1,179 +0,0 @@
-'use strict';
-
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsCalendar = require('@alfalab/core-components-calendar');
-var coreComponentsDateInput = require('@alfalab/core-components-date-input');
-var coreComponentsPopover = require('@alfalab/core-components-popover');
-var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
-var utils = require('./utils.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-exports.__assign = function () {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"component":"calendar-input__component_1dwtp","block":"calendar-input__block_1dwtp","calendarContainer":"calendar-input__calendarContainer_1dwtp","calendarResponsive":"calendar-input__calendarResponsive_1dwtp","calendarIcon":"calendar-input__calendarIcon_1dwtp","nativeInput":"calendar-input__nativeInput_1dwtp"};
-require('./components/calendar-input/index.css')
-
-var CalendarInput = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _d;
-    var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar = _s === void 0 ? coreComponentsCalendar.Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
-    var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
-    var shouldRenderNative = utils.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
-    var shouldRenderOnlyInput = mobileMode === 'input';
-    var shouldRenderStatic = calendarPosition === 'static' && !shouldRenderOnlyInput;
-    var shouldRenderPopover = calendarPosition === 'popover' && !shouldRenderNative && !shouldRenderOnlyInput;
-    var _v = React.useState(false), open = _v[0], setOpen = _v[1];
-    var _w = React.useState(value || defaultValue), inputValue = _w[0], setInputValue = _w[1];
-    var calendarValue = inputValue ? coreComponentsDateInput.parseDateString(inputValue).getTime() : undefined;
-    var checkInputValueIsValid = React.useCallback(function (newInputValue) {
-        if (!newInputValue)
-            return false;
-        var dateValue = coreComponentsDateInput.parseDateString(newInputValue).getTime();
-        return !!(dateValue &&
-            coreComponentsDateInput.isCompleteDateInput(newInputValue) &&
-            coreComponentsCalendar.dateInLimits(dateValue, minDate, maxDate) &&
-            !offDays.includes(dateValue));
-    }, [maxDate, minDate, offDays]);
-    var inputDisabled = disabled || readOnly;
-    var inputWrapperRef = React.useRef(null);
-    var calendarRef = React.useRef(null);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (event.target.tagName === 'INPUT' && event.key === 'Enter') {
-            setOpen(!open);
-        }
-        if (event.key === 'Escape') {
-            setOpen(false);
-        }
-    }, [open]);
-    var handleClick = React.useCallback(function () {
-        if (!open)
-            setOpen(true);
-    }, [open]);
-    var handleFocus = React.useCallback(function (event) {
-        if (view === 'desktop') {
-            setOpen(true);
-            if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
-                calendarRef.current.focus();
-            }
-        }
-    }, [open, view]);
-    var handleBlur = React.useCallback(function (event) {
-        if (view === 'desktop') {
-            var target = (event.relatedTarget || document.activeElement);
-            if (calendarRef.current && calendarRef.current.contains(target) === false) {
-                setOpen(false);
-            }
-        }
-    }, [view]);
-    var handleInputKeyDown = React.useCallback(function (event) {
-        if (['ArrowDown', 'ArrowUp'].includes(event.key) && calendarRef.current) {
-            event.preventDefault();
-            calendarRef.current.focus();
-        }
-        if (onKeyDown)
-            onKeyDown(event);
-    }, [onKeyDown]);
-    var changeHandler = React.useCallback(function (event, newValue, newDate, initiator, shouldChange) {
-        if (initiator === void 0) { initiator = 'input'; }
-        if (shouldChange === void 0) { shouldChange = true; }
-        if (initiator === 'input' && event && onInputChange) {
-            onInputChange(event, { value: newValue, date: newDate });
-        }
-        if (initiator === 'calendar' && onCalendarChange) {
-            onCalendarChange(newDate.getTime());
-        }
-        setInputValue(newValue);
-        if (shouldChange) {
-            onChange(event, { date: newDate, value: newValue });
-        }
-    }, [onCalendarChange, onChange, onInputChange]);
-    var handleInputChange = React.useCallback(function (event, payload) {
-        changeHandler(event, payload.value, payload.date, 'input', !payload.value || checkInputValueIsValid(payload.value));
-    }, [changeHandler, checkInputValueIsValid]);
-    var handleCalendarChange = React.useCallback(function (date) {
-        if (date) {
-            changeHandler(null, coreComponentsDateInput.formatDate(date), new Date(date), 'calendar');
-        }
-        if (view === 'desktop') {
-            setOpen(false);
-        }
-    }, [changeHandler, view]);
-    var handleCalendarWrapperMouseDown = React.useCallback(function (event) {
-        // Не дает инпуту терять фокус при выборе даты
-        event.preventDefault();
-    }, []);
-    var handleCalendarClose = React.useCallback(function () {
-        setOpen(false);
-    }, []);
-    React.useEffect(function () {
-        setOpen(defaultOpen);
-    }, [defaultOpen]);
-    React.useEffect(function () {
-        if (typeof value !== 'undefined') {
-            setInputValue(value);
-        }
-    }, [value]);
-    var renderCalendar = function () { return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
-        React__default.default.createElement(Calendar, exports.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(inputValue) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
-    return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
-            _b[styles.block] = block,
-            _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React__default.default.createElement(coreComponentsDateInput.DateInput, exports.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
-                rightAddons,
-                shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
-        shouldRenderStatic && renderCalendar(),
-        shouldRenderPopover && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
-                _c[styles.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 4], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
-});
-
-exports.CalendarInput = CalendarInput;
-exports.__rest = __rest;