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

package/styled-components/cjs/examples/components/DateTimePicker/DateTimePicker.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DateTimePicker", {
-    enumerable: true,
-    get: function() {
-        return DateTimePicker;
-    }
-});
-var _engines = require("../../../engines");
-var _DateTimePicker = require("../../../components/DateTimePicker");
-var _DateTimePickerconfig = require("./DateTimePicker.config");
-var mergedConfig = (0, _engines.mergeConfig)(_DateTimePicker.dateTimePickerConfig, _DateTimePickerconfig.config);
-var DateTimePicker = (0, _engines.component)(mergedConfig);

package/styled-components/es/components/DateTimePicker/DateTimePicker.js

@@ -1,505 +0,0 @@
-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 _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);
-}
-import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import cls from "classnames";
-import { customDayjs } from "../../utils/datejs";
-import { useForkRef } from "@salutejs/plasma-core";
-import { getDateFormatDelimiter } from "../DatePicker/utils/dateHelper";
-import { base, CalendarContainerOverlay, LeftHelper } from "./DateTimePicker.styles";
-import { base as sizeCSS } from "./variations/_size/base";
-import { base as viewCSS } from "./variations/_view/base";
-import { base as eventTooltipSizeCSS } from "./variations/_tooltip-size/base";
-import { base as disabledCSS } from "./variations/_disabled/base";
-import { base as readOnlyCSS } from "./variations/_readonly/base";
-import { CalendarGrid, DateShortcutList, Input, Popover, StyledSeparator, TimeGrid } from "./ui";
-import { classes } from "./DateTimePicker.tokens";
-import { useDateTimePicker } from "./hooks/useDateTimePicker";
-import { getFormattedDateTime } from "./utils";
-import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
-export var dateTimePickerRoot = function(Root) {
-    return /*#__PURE__*/ 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 = useRef(null);
-        var inputInnerRef = useForkRef(inputRef, ref);
-        var calendarOverlayRef = useRef(null);
-        var _useState = _sliced_to_array(useState(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
-        var dateFormatDelimiter = useMemo(function() {
-            return getDateFormatDelimiter(dateFormat);
-        }, [
-            dateFormat
-        ]);
-        var timeFormatDelimiter = useMemo(function() {
-            return 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(useState(defaultDate || ''), 2), innerDate = _useState1[0], setInnerDate = _useState1[1];
-        var dateValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
-        var initialValues = getFormattedDateTime({
-            value: dateValue,
-            lang: lang,
-            format: fullFormat,
-            includeEdgeDates: includeEdgeDates,
-            min: min,
-            max: max,
-            dateFormat: dateFormat,
-            timeFormat: timeFormat
-        });
-        var _useState2 = _sliced_to_array(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;
-        customDayjs.locale(lang);
-        var timeVisibleValue = timeGridValue ? customDayjs(timeGridValue).format(timeFormat) : '';
-        var inputValue = initialValues.formattedDate;
-        var isDateEqualEdge = function(dateEdge) {
-            if (!dateEdge) {
-                return false;
-            }
-            var normalizedEdgeDate = customDayjs(dateEdge);
-            normalizedEdgeDate.set('hours', 0);
-            normalizedEdgeDate.set('minutes', 0);
-            normalizedEdgeDate.set('seconds', 0);
-            var normalizedCurrentDate = customDayjs(correctDates.calendar);
-            normalizedCurrentDate.set('hours', 0);
-            normalizedCurrentDate.set('minutes', 0);
-            normalizedCurrentDate.set('seconds', 0);
-            if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
-                return true;
-            }
-            return false;
-        };
-        var _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 = _useDateTimePicker.errorClass, successClass = _useDateTimePicker.successClass, handleChangeValue = _useDateTimePicker.handleChangeValue, handleSearch = _useDateTimePicker.handleSearch, getQuarterInfo = _useDateTimePicker.getQuarterInfo, handleCalendarPick = _useDateTimePicker.handleCalendarPick, handleTimePick = _useDateTimePicker.handleTimePick, updateExternalDate = _useDateTimePicker.updateExternalDate;
-        var handleBlur = function(event) {
-            if (!preserveInvalidOnBlur) {
-                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 = useKeyNavigation({
-            opened: isInnerOpen,
-            format: fullFormat,
-            maskWithFormat: maskWithFormat,
-            delimiters: [
-                dateFormatDelimiter,
-                timeFormatDelimiter,
-                dateTimeSeparator
-            ],
-            closeOnEsc: closeOnEsc,
-            onToggle: handleToggle
-        }).onKeyDown;
-        useEffect(function() {
-            setIsInnerOpen(function(prevOpen) {
-                return prevOpen !== opened && opened;
-            });
-        }, [
-            opened
-        ]);
-        useLayoutEffect(function() {
-            if (!dateValue) {
-                updateExternalDate(defaultDate);
-            }
-        }, [
-            defaultDate,
-            fullFormat,
-            lang
-        ]);
-        return /*#__PURE__*/ React.createElement(Root, {
-            view: view,
-            size: size,
-            className: cls(classes.root, className, _define_property({}, classes.stretched, stretched)),
-            disabled: disabled,
-            readOnly: !disabled && readOnly,
-            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size
-        }, /*#__PURE__*/ React.createElement(Popover, {
-            target: /*#__PURE__*/ React.createElement(Input, _object_spread({
-                ref: inputInnerRef,
-                className: cls(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.createElement(CalendarContainerOverlay, {
-            ref: calendarOverlayRef,
-            onClick: handleCalendarOverlayClick
-        }), /*#__PURE__*/ React.createElement(Root, {
-            view: view,
-            size: size,
-            className: cls(classes.root, className, _define_property({}, classes.stretched, stretched)),
-            disabled: disabled,
-            readOnly: !disabled && readOnly
-        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ React.createElement(DateShortcutList, {
-            items: dateShortcuts,
-            setShortcutDate: updateExternalDate,
-            dateShortcutsWidth: dateShortcutsWidth,
-            calendarContainerHeight: calendarContainerHeight,
-            dateShortcutsPlacement: dateShortcutsPlacement
-        }) : null, /*#__PURE__*/ React.createElement(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.createElement(StyledSeparator, null), /*#__PURE__*/ React.createElement(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.createElement(LeftHelper, {
-            className: cls('errorClass, successClass')
-        }, leftHelper));
-    });
-};
-export var dateTimePickerConfig = {
-    name: 'DateTimePicker',
-    tag: 'div',
-    layout: dateTimePickerRoot,
-    base: base,
-    variations: {
-        view: {
-            css: viewCSS
-        },
-        size: {
-            css: sizeCSS
-        },
-        eventTooltipSize: {
-            css: eventTooltipSizeCSS
-        },
-        disabled: {
-            css: disabledCSS,
-            attrs: true
-        },
-        readOnly: {
-            css: readOnlyCSS,
-            attrs: true
-        }
-    },
-    defaults: {
-        size: 'm',
-        view: 'default'
-    }
-};

package/styled-components/es/components/DateTimePicker/DateTimePicker.styles.js

@@ -1,28 +0,0 @@
-import styled from "styled-components";
-import { css } from "styled-components";
-import { popoverClasses } from "../Popover";
-import { classes, tokens } from "./DateTimePicker.tokens";
-export var base = css([
-    "display:inline-block;.",
-    ",.",
-    "{width:inherit;}&.",
-    "{width:100%;.",
-    "{width:100%;}}"
-], popoverClasses.wrapper, popoverClasses.target, classes.stretched, popoverClasses.root);
-export var CalendarContainerOverlay = styled.div.withConfig({
-    displayName: "DateTimePicker.styles__CalendarContainerOverlay",
-    componentId: "sc-c3173ca5-0"
-})([
-    "position:absolute;inset:0;z-index:-1;"
-]);
-export var LeftHelper = styled.div.withConfig({
-    displayName: "DateTimePicker.styles__LeftHelper",
-    componentId: "sc-c3173ca5-1"
-})([
-    "color:var(",
-    ");&.",
-    "{color:var(",
-    ");}&.",
-    "{color:var(",
-    ");}"
-], tokens.leftHelperColor, classes.error, tokens.leftHelperColorError, classes.success, tokens.leftHelperColorSuccess);