@salutejs/plasma-new-hope 0.340.0-canary.2314.18974837629.0 → 0.340.0-canary.2316.18997801446.0

package/emotion/cjs/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,569 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get dateTimePickerConfig () {
+        return dateTimePickerConfig;
+    },
+    get dateTimePickerRoot () {
+        return dateTimePickerRoot;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+var _datejs = require("../../utils/datejs");
+var _plasmacore = require("@salutejs/plasma-core");
+var _dateHelper = require("../DatePicker/utils/dateHelper");
+var _DateTimePickerstyles = require("./DateTimePicker.styles");
+var _base = require("./variations/_size/base");
+var _base1 = require("./variations/_view/base");
+var _base2 = require("./variations/_tooltip-size/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_readonly/base");
+var _ui = require("./ui");
+var _DateTimePickertokens = require("./DateTimePicker.tokens");
+var _useDateTimePicker = require("./hooks/useDateTimePicker");
+var _utils = require("./utils");
+var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var dateTimePickerRoot = function(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
+        var className = _param.className, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, // variation props
+        size = _param.size, view = _param.view, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_opened = _param.// popover props
+        opened, opened = _param_opened === void 0 ? false : _param_opened, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+            'top',
+            'bottom'
+        ] : _param_placement, offset = _param.offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, zIndex = _param.zIndex, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_type = _param.// calendar props
+        type, type = _param_type === void 0 ? 'Days' : _param_type, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? 'DD.MM.YYYY' : _param_dateFormat, _param_timeFormat = _param.timeFormat, timeFormat = _param_timeFormat === void 0 ? 'HH:mm:ss' : _param_timeFormat, _param_dateTimeSeparator = _param.dateTimeSeparator, dateTimeSeparator = _param_dateTimeSeparator === void 0 ? ' ' : _param_dateTimeSeparator, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, includeEdgeDates = _param.includeEdgeDates, isDouble = _param.isDouble, dateOnTimeSelectOnly = _param.dateOnTimeSelectOnly, dateShortcuts = _param.dateShortcuts, _param_dateShortcutsPlacement = _param.dateShortcutsPlacement, dateShortcutsPlacement = _param_dateShortcutsPlacement === void 0 ? 'left' : _param_dateShortcutsPlacement, dateShortcutsWidth = _param.dateShortcutsWidth, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, // input props
+        label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, placeholder = _param.placeholder, valueError = _param.valueError, valueSuccess = _param.valueSuccess, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, autoComplete = _param.autoComplete, // callbacks
+        onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, rest = _object_without_properties(_param, [
+            "className",
+            "value",
+            "defaultDate",
+            "size",
+            "view",
+            "readOnly",
+            "disabled",
+            "opened",
+            "placement",
+            "offset",
+            "frame",
+            "zIndex",
+            "closeOnOverlayClick",
+            "closeOnEsc",
+            "usePortal",
+            "type",
+            "lang",
+            "dateFormat",
+            "timeFormat",
+            "dateTimeSeparator",
+            "maskWithFormat",
+            "min",
+            "max",
+            "renderFromDate",
+            "includeEdgeDates",
+            "isDouble",
+            "dateOnTimeSelectOnly",
+            "dateShortcuts",
+            "dateShortcutsPlacement",
+            "dateShortcutsWidth",
+            "eventTooltipOptions",
+            "eventList",
+            "disabledList",
+            "eventMonthList",
+            "disabledMonthList",
+            "eventQuarterList",
+            "disabledQuarterList",
+            "eventYearList",
+            "disabledYearList",
+            "calendarContainerWidth",
+            "calendarContainerHeight",
+            "stretched",
+            "label",
+            "labelPlacement",
+            "keepPlaceholder",
+            "requiredPlacement",
+            "required",
+            "hasRequiredIndicator",
+            "preserveInvalidOnBlur",
+            "placeholder",
+            "valueError",
+            "valueSuccess",
+            "leftHelper",
+            "contentLeft",
+            "contentRight",
+            "textBefore",
+            "textAfter",
+            "autoComplete",
+            "onChangeValue",
+            "onCommitDate",
+            "onToggle",
+            "onFocus",
+            "onBlur"
+        ]);
+        var inputRef = (0, _react.useRef)(null);
+        var inputInnerRef = (0, _plasmacore.useForkRef)(inputRef, ref);
+        var calendarOverlayRef = (0, _react.useRef)(null);
+        var _useState = _sliced_to_array((0, _react.useState)(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
+        var dateFormatDelimiter = (0, _react.useMemo)(function() {
+            return (0, _dateHelper.getDateFormatDelimiter)(dateFormat);
+        }, [
+            dateFormat
+        ]);
+        var timeFormatDelimiter = (0, _react.useMemo)(function() {
+            return (0, _dateHelper.getDateFormatDelimiter)(timeFormat);
+        }, [
+            timeFormat
+        ]);
+        var timeColumnsCount = (timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(timeFormatDelimiter).length) || 2;
+        var fullFormat = dateFormat + dateTimeSeparator + timeFormat;
+        var _useState1 = _sliced_to_array((0, _react.useState)(defaultDate || ''), 2), innerDate = _useState1[0], setInnerDate = _useState1[1];
+        var dateValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
+        var initialValues = (0, _utils.getFormattedDateTime)({
+            value: dateValue,
+            lang: lang,
+            format: fullFormat,
+            includeEdgeDates: includeEdgeDates,
+            min: min,
+            max: max,
+            dateFormat: dateFormat,
+            timeFormat: timeFormat
+        });
+        var _useState2 = _sliced_to_array((0, _react.useState)({
+            input: initialValues.formattedDate,
+            calendar: initialValues.dateValue,
+            time: initialValues.timeValue
+        }), 2), correctDates = _useState2[0], setCorrectDates = _useState2[1];
+        var calendarGridValue = initialValues.dateValue;
+        var timeGridValue = initialValues.timeValue;
+        _datejs.customDayjs.locale(lang);
+        var timeVisibleValue = timeGridValue ? (0, _datejs.customDayjs)(timeGridValue).format(timeFormat) : '';
+        var inputValue = initialValues.formattedDate;
+        var isDateEqualEdge = function(dateEdge) {
+            if (!dateEdge) {
+                return false;
+            }
+            var normalizedEdgeDate = (0, _datejs.customDayjs)(dateEdge);
+            normalizedEdgeDate.set('hours', 0);
+            normalizedEdgeDate.set('minutes', 0);
+            normalizedEdgeDate.set('seconds', 0);
+            var normalizedCurrentDate = (0, _datejs.customDayjs)(correctDates.calendar);
+            normalizedCurrentDate.set('hours', 0);
+            normalizedCurrentDate.set('minutes', 0);
+            normalizedCurrentDate.set('seconds', 0);
+            if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
+                return true;
+            }
+            return false;
+        };
+        var _useDateTimePicker1 = (0, _useDateTimePicker.useDateTimePicker)({
+            valueError: valueError,
+            valueSuccess: valueSuccess,
+            type: type,
+            lang: lang,
+            disabled: disabled,
+            readOnly: readOnly,
+            maskWithFormat: maskWithFormat,
+            format: fullFormat,
+            dateFormat: dateFormat,
+            timeFormat: timeFormat,
+            currentValue: inputValue,
+            delimiters: [
+                dateFormatDelimiter,
+                timeFormatDelimiter,
+                dateTimeSeparator
+            ],
+            inputRef: inputRef,
+            correctDates: correctDates,
+            max: max,
+            min: min,
+            includeEdgeDates: includeEdgeDates,
+            dateOnTimeSelectOnly: dateOnTimeSelectOnly,
+            setCorrectDates: setCorrectDates,
+            setInnerDate: setInnerDate,
+            onChangeValue: onChangeValue,
+            onCommitDate: onCommitDate
+        }), errorClass = _useDateTimePicker1.errorClass, successClass = _useDateTimePicker1.successClass, handleChangeValue = _useDateTimePicker1.handleChangeValue, handleSearch = _useDateTimePicker1.handleSearch, getQuarterInfo = _useDateTimePicker1.getQuarterInfo, handleCalendarPick = _useDateTimePicker1.handleCalendarPick, handleTimePick = _useDateTimePicker1.handleTimePick, updateExternalDate = _useDateTimePicker1.updateExternalDate;
+        var handleBlur = function(event) {
+            if (!preserveInvalidOnBlur) {
+                _datejs.customDayjs.locale(lang);
+                var originalDate = correctDates.calendar;
+                if (!originalDate) {
+                    if (onChangeValue) {
+                        onChangeValue(event, correctDates.input, {
+                            originalDate: undefined,
+                            isoDate: ''
+                        });
+                    }
+                    if (onCommitDate) {
+                        onCommitDate(correctDates.input, {
+                            quarterInfo: undefined,
+                            originalDate: undefined,
+                            isoDate: ''
+                        });
+                    }
+                    return;
+                }
+                if (correctDates.time) {
+                    originalDate.setHours(correctDates.time.getHours(), correctDates.time.getMinutes(), correctDates.time.getSeconds());
+                }
+                setInnerDate(originalDate);
+                if (!timeGridValue) {
+                    if (correctDates.calendar) {
+                        setInnerDate(correctDates.calendar);
+                    }
+                }
+                if (onChangeValue) {
+                    onChangeValue(event, correctDates.input, {
+                        originalDate: originalDate,
+                        isoDate: originalDate.toISOString()
+                    });
+                }
+                if (onCommitDate) {
+                    var quarterInfo = getQuarterInfo(originalDate);
+                    onCommitDate(correctDates.input, {
+                        quarterInfo: quarterInfo,
+                        originalDate: originalDate,
+                        isoDate: originalDate.toISOString()
+                    });
+                }
+            }
+            if (onBlur) {
+                onBlur(event);
+            }
+        };
+        var handleCalendarOverlayClick = function(event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            event.stopPropagation();
+            if (isInnerOpen && stretched && event.target === (calendarOverlayRef === null || calendarOverlayRef === void 0 ? void 0 : calendarOverlayRef.current)) {
+                setIsInnerOpen(false);
+                if (onToggle) {
+                    onToggle(false, event);
+                }
+            }
+        };
+        var handleToggle = function(innerOpened, event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== 'Escape' ? true : innerOpened;
+            if (onToggle) {
+                onToggle(isCalendarOpen, event);
+                return;
+            }
+            setIsInnerOpen(isCalendarOpen);
+        };
+        var onKeyDown = (0, _useKeyboardNavigation.useKeyNavigation)({
+            opened: isInnerOpen,
+            format: fullFormat,
+            maskWithFormat: maskWithFormat,
+            delimiters: [
+                dateFormatDelimiter,
+                timeFormatDelimiter,
+                dateTimeSeparator
+            ],
+            closeOnEsc: closeOnEsc,
+            onToggle: handleToggle
+        }).onKeyDown;
+        (0, _react.useEffect)(function() {
+            setIsInnerOpen(function(prevOpen) {
+                return prevOpen !== opened && opened;
+            });
+        }, [
+            opened
+        ]);
+        (0, _react.useLayoutEffect)(function() {
+            if (!dateValue) {
+                updateExternalDate(defaultDate);
+            }
+        }, [
+            defaultDate,
+            fullFormat,
+            lang
+        ]);
+        return /*#__PURE__*/ _react.default.createElement(Root, {
+            view: view,
+            size: size,
+            className: (0, _classnames.default)(_DateTimePickertokens.classes.root, className, _define_property({}, _DateTimePickertokens.classes.stretched, stretched)),
+            disabled: disabled,
+            readOnly: !disabled && readOnly,
+            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size
+        }, /*#__PURE__*/ _react.default.createElement(_ui.Popover, {
+            target: /*#__PURE__*/ _react.default.createElement(_ui.Input, _object_spread({
+                ref: inputInnerRef,
+                className: (0, _classnames.default)(errorClass, successClass),
+                value: inputValue,
+                label: label,
+                labelPlacement: labelPlacement,
+                keepPlaceholder: keepPlaceholder,
+                requiredPlacement: requiredPlacement,
+                required: required,
+                hasRequiredIndicator: hasRequiredIndicator,
+                preserveInvalidOnBlur: preserveInvalidOnBlur,
+                placeholder: placeholder,
+                valueError: valueError,
+                valueSuccess: valueSuccess,
+                contentLeft: contentLeft,
+                contentRight: contentRight,
+                textBefore: textBefore,
+                textAfter: textAfter,
+                autoComplete: autoComplete,
+                readOnly: readOnly,
+                disabled: disabled,
+                onChange: handleChangeValue,
+                onSearch: function(e) {
+                    var _e_currentTarget;
+                    return handleSearch(e === null || e === void 0 ? void 0 : (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : _e_currentTarget.value);
+                },
+                onFocus: onFocus,
+                onBlur: handleBlur,
+                onKeyDown: onKeyDown
+            }, rest)),
+            opened: isInnerOpen,
+            usePortal: usePortal,
+            frame: frame,
+            offset: offset,
+            placement: placement,
+            closeOnOverlayClick: closeOnOverlayClick,
+            closeOnEsc: closeOnEsc,
+            zIndex: zIndex,
+            calendarContainerWidth: calendarContainerWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            onToggle: handleToggle
+        }, /*#__PURE__*/ _react.default.createElement(_DateTimePickerstyles.CalendarContainerOverlay, {
+            ref: calendarOverlayRef,
+            onClick: handleCalendarOverlayClick
+        }), /*#__PURE__*/ _react.default.createElement(Root, {
+            view: view,
+            size: size,
+            className: (0, _classnames.default)(_DateTimePickertokens.classes.root, className, _define_property({}, _DateTimePickertokens.classes.stretched, stretched)),
+            disabled: disabled,
+            readOnly: !disabled && readOnly
+        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ _react.default.createElement(_ui.DateShortcutList, {
+            items: dateShortcuts,
+            setShortcutDate: updateExternalDate,
+            dateShortcutsWidth: dateShortcutsWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dateShortcutsPlacement: dateShortcutsPlacement
+        }) : null, /*#__PURE__*/ _react.default.createElement(_ui.CalendarGrid, {
+            value: calendarGridValue,
+            isDouble: isDouble,
+            calendarContainerWidth: calendarContainerWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            type: type,
+            eventTooltipOptions: eventTooltipOptions,
+            eventList: eventList,
+            disabledList: disabledList,
+            eventMonthList: eventMonthList,
+            disabledMonthList: disabledMonthList,
+            eventQuarterList: eventQuarterList,
+            disabledQuarterList: disabledQuarterList,
+            eventYearList: eventYearList,
+            disabledYearList: disabledYearList,
+            min: min,
+            max: max,
+            renderFromDate: renderFromDate,
+            includeEdgeDates: includeEdgeDates,
+            lang: lang,
+            handleCalendarPick: handleCalendarPick
+        }), /*#__PURE__*/ _react.default.createElement(_ui.StyledSeparator, null), /*#__PURE__*/ _react.default.createElement(_ui.TimeGrid, _object_spread({
+            value: timeVisibleValue,
+            format: timeFormat,
+            columns: timeColumnsCount,
+            calendarContainerWidth: calendarContainerWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dropdownHeight: calendarContainerHeight,
+            onChange: handleTimePick
+        }, isDateEqualEdge(min) && {
+            min: min
+        }, isDateEqualEdge(max) && {
+            max: max
+        })))), leftHelper && /*#__PURE__*/ _react.default.createElement(_DateTimePickerstyles.LeftHelper, {
+            className: (0, _classnames.default)('errorClass, successClass')
+        }, leftHelper));
+    });
+};
+var dateTimePickerConfig = {
+    name: 'DateTimePicker',
+    tag: 'div',
+    layout: dateTimePickerRoot,
+    base: _DateTimePickerstyles.base,
+    variations: {
+        view: {
+            css: _base1.base
+        },
+        size: {
+            css: _base.base
+        },
+        eventTooltipSize: {
+            css: _base2.base
+        },
+        disabled: {
+            css: _base3.base,
+            attrs: true
+        },
+        readOnly: {
+            css: _base4.base,
+            attrs: true
+        }
+    },
+    defaults: {
+        size: 'm',
+        view: 'default'
+    }
+};

package/emotion/cjs/components/DateTimePicker/DateTimePicker.styles.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get CalendarContainerOverlay () {
+        return CalendarContainerOverlay;
+    },
+    get LeftHelper () {
+        return LeftHelper;
+    },
+    get base () {
+        return base;
+    }
+});
+var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
+var _react = require("@emotion/react");
+var _Popover = require("../Popover");
+var _DateTimePickertokens = require("./DateTimePicker.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var base = (0, /*#__PURE__*/ _react.css)("display:inline-block;.", _Popover.popoverClasses.wrapper, ",.", _Popover.popoverClasses.target, "{width:inherit;}&.", _DateTimePickertokens.classes.stretched, "{width:100%;.", _Popover.popoverClasses.root, "{width:100%;}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVRpbWVQaWNrZXIvRGF0ZVRpbWVQaWNrZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EYXRlVGltZVBpY2tlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIHdpZHRoOiBpbmhlcml0O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN0cmV0Y2hlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAuJHtwb3BvdmVyQ2xhc3Nlcy5yb290fSB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckNvbnRhaW5lck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICB6LWluZGV4OiAtMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuZXJyb3J9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JFcnJvcn0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN1Y2Nlc3N9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JTdWNjZXNzfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0IifQ== */");
+var CalendarContainerOverlay = (0, /*#__PURE__*/ _styled.default)("div", {
+    target: "e3l321s0",
+    label: "CalendarContainerOverlay"
+})("position:absolute;inset:0;z-index:-1;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVRpbWVQaWNrZXIvRGF0ZVRpbWVQaWNrZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EYXRlVGltZVBpY2tlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIHdpZHRoOiBpbmhlcml0O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN0cmV0Y2hlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAuJHtwb3BvdmVyQ2xhc3Nlcy5yb290fSB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckNvbnRhaW5lck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICB6LWluZGV4OiAtMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuZXJyb3J9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JFcnJvcn0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN1Y2Nlc3N9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JTdWNjZXNzfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QndDIn0= */");
+var LeftHelper = (0, /*#__PURE__*/ _styled.default)("div", {
+    target: "e3l321s1",
+    label: "LeftHelper"
+})("color:var(", _DateTimePickertokens.tokens.leftHelperColor, ");&.", _DateTimePickertokens.classes.error, "{color:var(", _DateTimePickertokens.tokens.leftHelperColorError, ");}&.", _DateTimePickertokens.classes.success, "{color:var(", _DateTimePickertokens.tokens.leftHelperColorSuccess, ");}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9EYXRlVGltZVBpY2tlci9EYXRlVGltZVBpY2tlci5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVRpbWVQaWNrZXIvRGF0ZVRpbWVQaWNrZXIuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9EYXRlVGltZVBpY2tlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIHdpZHRoOiBpbmhlcml0O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN0cmV0Y2hlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAuJHtwb3BvdmVyQ2xhc3Nlcy5yb290fSB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhckNvbnRhaW5lck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldDogMDtcbiAgICB6LWluZGV4OiAtMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuXG4gICAgJi4ke2NsYXNzZXMuZXJyb3J9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JFcnJvcn0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnN1Y2Nlc3N9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JTdWNjZXNzfSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjBCIn0= */");