@salutejs/plasma-new-hope 0.338.0 → 0.338.1-canary.2259.18864675636.0

package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "DateStructureItem", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../../utils");
 var _Calendartokens = require("../../Calendar.tokens");
 var _DateStructureItemstyles = require("./DateStructureItem.styles");
@@ -109,7 +110,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 var DateStructureItem = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRef) {
-    var children = _param.children, isFocused = _param.isFocused, dayOfWeek = _param.dayOfWeek, disabled = _param.disabled, isCurrent = _param.isCurrent, isSelected = _param.isSelected, isDayInCurrentMonth = _param.isDayInCurrentMonth, isDouble = _param.isDouble, inRange = _param.inRange, isHovered = _param.isHovered, sideInRange = _param.sideInRange, _param_eventList = _param.eventList, eventList = _param_eventList === void 0 ? [] : _param_eventList, day = _param.day, monthIndex = _param.monthIndex, year = _param.year, onClick = _param.onClick, onMouseOver = _param.onMouseOver, onFocus = _param.onFocus, disabledArrowKey = _param.disabledArrowKey, disabledMonths = _param.disabledMonths, rest = _object_without_properties(_param, [
+    var children = _param.children, isFocused = _param.isFocused, dayOfWeek = _param.dayOfWeek, disabled = _param.disabled, isCurrent = _param.isCurrent, isSelected = _param.isSelected, isDayInCurrentMonth = _param.isDayInCurrentMonth, isDouble = _param.isDouble, inRange = _param.inRange, isHovered = _param.isHovered, sideInRange = _param.sideInRange, _param_eventList = _param.eventList, eventList = _param_eventList === void 0 ? [] : _param_eventList, day = _param.day, monthIndex = _param.monthIndex, year = _param.year, onClick = _param.onClick, onMouseOver = _param.onMouseOver, onTriggerEventTooltip = _param.onTriggerEventTooltip, onFocus = _param.onFocus, disabledArrowKey = _param.disabledArrowKey, disabledMonths = _param.disabledMonths, rest = _object_without_properties(_param, [
         "children",
         "isFocused",
         "dayOfWeek",
@@ -127,10 +128,13 @@ var DateStructureItem = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.
         "year",
         "onClick",
         "onMouseOver",
+        "onTriggerEventTooltip",
         "onFocus",
         "disabledArrowKey",
         "disabledMonths"
     ]);
+    var structureRef = (0, _react.useRef)(null);
+    var innerRef = (0, _plasmacore.useForkRef)(outerRef, structureRef);
     var selectableClass = !dayOfWeek && !disabled ? _Calendartokens.classes.selectableItem : undefined;
     var selectedClass = isDayInCurrentMonth && isSelected ? _Calendartokens.classes.selectedItem : undefined;
     var currentClass = isDayInCurrentMonth && isCurrent ? _Calendartokens.classes.currentItem : undefined;
@@ -144,8 +148,20 @@ var DateStructureItem = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.
     var sideInRangeClass = isDayInCurrentMonth && sideInRange ? _Calendartokens.classes.sideInRange : undefined;
     var inRangeStyle = isDayInCurrentMonth && inRange ? _Calendartokens.classes.inRange : undefined;
     var sideOffset = !isSelected && isCurrent ? -1 : 0;
+    var handleMouseOver = function(event) {
+        if (onMouseOver) {
+            onMouseOver(event);
+        }
+        if (onTriggerEventTooltip) {
+            var eventNodes = (eventList === null || eventList === void 0 ? void 0 : eventList.map(function(param) {
+                var eventInfo = param.eventInfo;
+                return eventInfo;
+            }).filter(Boolean)) || [];
+            onTriggerEventTooltip(structureRef, eventNodes);
+        }
+    };
     return /*#__PURE__*/ _react.default.createElement(_DateStructureItemstyles.StyledItemRoot, _object_spread({
-        ref: outerRef,
+        ref: innerRef,
         className: (0, _utils.cx)(disabledClass, disabledCurrentClass, dayOfWeekClass, selectableClass, selectedClass, currentClass, hoveredClass, dayInCurrentMonthClass),
         tabIndex: isFocused ? 0 : -1,
         dayOfWeek: dayOfWeek,
@@ -156,7 +172,7 @@ var DateStructureItem = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.
         isHovered: isHovered,
         sideInRange: sideInRange,
         onClick: disabled ? undefined : onClick,
-        onMouseOver: onMouseOver,
+        onMouseOver: handleMouseOver,
         onFocus: onFocus,
         "data-day": day,
         "data-month-index": monthIndex,
@@ -176,8 +192,9 @@ var DateStructureItem = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ (0, _react.
         eventList[1],
         eventList[2]
     ].map(function(event, i) {
-        return event && /*#__PURE__*/ _react.default.createElement(_DateStructureItemstyles.StyledEvent, _object_spread({
-            key: "".concat(event.date, "-").concat(i)
-        }, event));
+        return event && /*#__PURE__*/ _react.default.createElement(_DateStructureItemstyles.StyledEvent, {
+            key: "".concat(event.date, "-").concat(i),
+            color: event.color
+        });
     })));
 }));

package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -23,6 +23,7 @@ _export(exports, {
     }
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _Popover = require("../../../Popover");
 var _Calendartokens = require("../../Calendar.tokens");
 var _mixins = require("../../../../mixins");
 var _mixins1 = require("../../mixins");
@@ -39,7 +40,7 @@ var sideInRange = function() {
 };
 var StyledItem = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItem",
-    componentId: "sc-1b80b82a-0"
+    componentId: "sc-ac5d10be-0"
 })([
     "border-radius:calc(var(",
     ") - 0.125rem);",
@@ -67,7 +68,7 @@ var disabledCurrentItem = function() {
 };
 var StyledItemRoot = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItemRoot",
-    componentId: "sc-1b80b82a-1"
+    componentId: "sc-ac5d10be-1"
 })([
     "font-family:var(",
     ");font-size:var(",
@@ -98,7 +99,9 @@ var StyledItemRoot = _styledcomponents.default.div.withConfig({
     "{& > .",
     ":before{width:calc(100% + 2px);height:100%;}& > .",
     ":before{width:100%;right:-1px;left:unset;}& > .",
-    ":before{width:100%;left:-1px;right:unset;}}"
+    ":before{width:100%;left:-1px;right:unset;}}& .",
+    ".",
+    "{z-index:-1;width:100%;}"
 ], _Calendartokens.innerTokens.dateStructureFontFamily, _Calendartokens.innerTokens.dateStructureFontSize, _Calendartokens.innerTokens.dateStructureFontStyle, _Calendartokens.innerTokens.dateStructureFontWeight, _Calendartokens.innerTokens.dateStructureFontLetterSpacing, _Calendartokens.innerTokens.dateStructureFontLineHeight, _Calendartokens.innerTokens.dateStructureBorderRadius, String(_mixins1.flexCenter), function(param) {
     var isDayInCurrentMonth = param.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(_Calendartokens.tokens.calendarContentPrimaryColor, ")") : "var(".concat(_Calendartokens.tokens.calendarContentSecondaryColor, ")");
@@ -133,17 +136,17 @@ var StyledItemRoot = _styledcomponents.default.div.withConfig({
 }, disabledItem(), _Calendartokens.classes.disabledCurrent, function(param) {
     var isDayInCurrentMonth = param.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(_Calendartokens.tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(_Calendartokens.tokens.calendarContentSecondaryDisabledColor, ")");
-}, disabledCurrentItem(), _Calendartokens.classes.currentItem, _Calendartokens.classes.inRange, _Calendartokens.classes.sideRight, _Calendartokens.classes.sideLeft);
+}, disabledCurrentItem(), _Calendartokens.classes.currentItem, _Calendartokens.classes.inRange, _Calendartokens.classes.sideRight, _Calendartokens.classes.sideLeft, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.targetAsRef);
 var StyledEvents = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvents",
-    componentId: "sc-1b80b82a-2"
+    componentId: "sc-ac5d10be-2"
 })([
     "display:flex;position:absolute;bottom:var(",
     ",0.25rem);"
 ], _Calendartokens.tokens.calendarEventItemBottom);
 var StyledEvent = _styledcomponents.default.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvent",
-    componentId: "sc-1b80b82a-3"
+    componentId: "sc-ac5d10be-3"
 })([
     "margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
     ";"

package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EventTooltip", {
+    enumerable: true,
+    get: function() {
+        return _EventTooltipstyles.EventTooltip;
+    }
+});
+var _EventTooltipstyles = require("./EventTooltip.styles");

package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EventTooltip", {
+    enumerable: true,
+    get: function() {
+        return EventTooltip;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _Tooltip = require("../../../Tooltip");
+var _engines = require("../../../../engines");
+var _Calendartokens = require("../../Calendar.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedTooltipConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
+var Tooltip = (0, _engines.component)(mergedTooltipConfig);
+var EventTooltip = (0, _styledcomponents.default)(Tooltip).withConfig({
+    displayName: "EventTooltip.styles__EventTooltip",
+    componentId: "sc-bf434830-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _Tooltip.tooltipTokens.paddingTop, _Calendartokens.tokens.tooltipPaddingTop, _Tooltip.tooltipTokens.paddingRight, _Calendartokens.tokens.tooltipPaddingRight, _Tooltip.tooltipTokens.paddingBottom, _Calendartokens.tokens.tooltipPaddingBottom, _Tooltip.tooltipTokens.paddingLeft, _Calendartokens.tokens.tooltipPaddingLeft, _Tooltip.tooltipTokens.minHeight, _Calendartokens.tokens.tooltipMinHeight, _Tooltip.tooltipTokens.borderRadius, _Calendartokens.tokens.tooltipBorderRadius, _Tooltip.tooltipTokens.textFontFamily, _Calendartokens.tokens.tooltipTextFontFamily, _Tooltip.tooltipTokens.textFontSize, _Calendartokens.tokens.tooltipTextFontSize, _Tooltip.tooltipTokens.textFontStyle, _Calendartokens.tokens.tooltipTextFontStyle, _Tooltip.tooltipTokens.textFontWeight, _Calendartokens.tokens.tooltipTextFontWeight, _Tooltip.tooltipTokens.textFontLetterSpacing, _Calendartokens.tokens.tooltipTextFontLetterSpacing, _Tooltip.tooltipTokens.textFontLineHeight, _Calendartokens.tokens.tooltipTextFontLineHeight, _Tooltip.tooltipTokens.contentLeftMargin, _Calendartokens.tokens.tooltipContentLeftMargin, _Tooltip.tooltipTokens.arrowMaskWidth, _Calendartokens.tokens.tooltipArrowMaskWidth, _Tooltip.tooltipTokens.arrowMaskHeight, _Calendartokens.tokens.tooltipArrowMaskHeight, _Tooltip.tooltipTokens.arrowMaskImage, _Calendartokens.tokens.tooltipArrowMaskImage, _Tooltip.tooltipTokens.arrowBackground, _Calendartokens.tokens.tooltipArrowBackground, _Tooltip.tooltipTokens.arrowHeight, _Calendartokens.tokens.tooltipArrowHeight, _Tooltip.tooltipTokens.arrowEdgeMargin, _Calendartokens.tokens.tooltipArrowEdgeMargin, _Tooltip.tooltipTokens.backgroundColor, _Calendartokens.tokens.tooltipBackgroundColor, _Tooltip.tooltipTokens.boxShadow, _Calendartokens.tokens.tooltipBoxShadow, _Tooltip.tooltipTokens.color, _Calendartokens.tokens.tooltipColor);

package/styled-components/cjs/components/Calendar/ui/index.js

@@ -23,6 +23,9 @@ _export(exports, {
     },
     get CalendarYears () {
         return _CalendarYears.CalendarYears;
+    },
+    get EventTooltip () {
+        return _EventTooltip.EventTooltip;
     }
 });
 var _CalendarHeader = require("./CalendarHeader/CalendarHeader");
@@ -30,3 +33,4 @@ var _CalendarDays = require("./CalendarDays/CalendarDays");
 var _CalendarMonths = require("./CalendarMonths/CalendarMonths");
 var _CalendarQuarters = require("./CalendarQuarters/CalendarQuarters");
 var _CalendarYears = require("./CalendarYears/CalendarYears");
+var _EventTooltip = require("./EventTooltip/EventTooltip");

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -571,6 +571,17 @@ var comboboxRoot = function(Root) {
             internalValue,
             items
         ]);
+        // Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
+        // но только если значение textValue совпадает с value в item.
+        (0, _react.useLayoutEffect)(function() {
+            var _valueToItemMap_get;
+            if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
+                var _valueToItemMap_get1;
+                setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
+            }
+        }, [
+            items
+        ]);
         // При изменении value нужно возвращать значение в инпуте к исходному.
         (0, _hooks.useDidMountLayoutEffect)(function() {
             setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));

package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js

@@ -235,5 +235,27 @@ var tokens = {
     calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color',
     calendarContentPrimaryDisabledColor: '--plasma-date-picker-calendar__content-primary-disabled-color',
     calendarContentSecondaryDisabledColor: '--plasma-date-picker-calendar__content-secondary-disabled-color',
-    calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity'
+    calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity',
+    /* Токены тултипа для событий */ tooltipPaddingTop: '--plasma-datepicker-calendar-tooltip-padding-top',
+    tooltipPaddingRight: '--plasma-datepicker-calendar-tooltip-padding-right',
+    tooltipPaddingBottom: '--plasma-datepicker-calendar-tooltip-padding-bottom',
+    tooltipPaddingLeft: '--plasma-datepicker-calendar-tooltip-padding-left',
+    tooltipMinHeight: '--plasma-datepicker-calendar-tooltip-min-height',
+    tooltipBackgroundColor: '--plasma-datepicker-calendar-tooltip-background-color',
+    tooltipBoxShadow: '--plasma-datepicker-calendar-tooltip-box-shadow',
+    tooltipBorderRadius: '--plasma-datepicker-calendar-tooltip-border-radius',
+    tooltipColor: '--plasma-datepicker-calendar-tooltip-color',
+    tooltipTextFontFamily: '--plasma-datepicker-calendar-tooltip-text-font-family',
+    tooltipTextFontSize: '--plasma-datepicker-calendar-tooltip-text-font-size',
+    tooltipTextFontStyle: '--plasma-datepicker-calendar-tooltip-text-font-style',
+    tooltipTextFontWeight: '--plasma-datepicker-calendar-tooltip-text-font-weight',
+    tooltipTextFontLetterSpacing: '--plasma-datepicker-calendar-tooltip-text-font-letter-spacing',
+    tooltipTextFontLineHeight: '--plasma-datepicker-calendar-tooltip-text-font-line-height',
+    tooltipContentLeftMargin: '--plasma-datepicker-calendar-tooltip-content-left-margin',
+    tooltipArrowMaskWidth: '--plasma-datepicker-calendar-tooltip-arrow-mask-width',
+    tooltipArrowMaskHeight: '--plasma-datepicker-calendar-tooltip-arrow-mask-height',
+    tooltipArrowMaskImage: '--plasma-datepicker-calendar-tooltip-arrow-mask-image',
+    tooltipArrowBackground: '--plasma-datepicker-calendar-tooltip-arrow-background',
+    tooltipArrowHeight: '--plasma-datepicker-calendar-tooltip-arrow-height',
+    tooltipArrowEdgeMargin: '--plasma-datepicker-calendar-tooltip-arrow-edge-margin'
 };

package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js

@@ -31,10 +31,10 @@ function _interop_require_default(obj) {
 }
 var mergedCalendarConfig = (0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
 var Calendar = (0, _engines.component)(mergedCalendarConfig);
-var baseCalendarTokens = "\n    padding-top: var(".concat(_DatePickertokens.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePickertokens.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePickertokens.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePickertokens.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePickertokens.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePickertokens.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePickertokens.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePickertokens.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePickertokens.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePickertokens.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePickertokens.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePickertokens.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePickertokens.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePickertokens.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePickertokens.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePickertokens.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarEventItemBottom, ": var(").concat(_DatePickertokens.tokens.calendarEventItemBottom, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePickertokens.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePickertokens.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePickertokens.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePickertokens.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePickertokens.tokens.iconButtonFocusColor, ");\n");
+var baseCalendarTokens = "\n    padding-top: var(".concat(_DatePickertokens.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePickertokens.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePickertokens.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePickertokens.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePickertokens.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePickertokens.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePickertokens.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePickertokens.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePickertokens.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePickertokens.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePickertokens.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePickertokens.tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePickertokens.tokens.calendarDisabledOpacity, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePickertokens.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePickertokens.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePickertokens.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePickertokens.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePickertokens.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePickertokens.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePickertokens.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePickertokens.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePickertokens.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePickertokens.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePickertokens.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePickertokens.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarEventItemBottom, ": var(").concat(_DatePickertokens.tokens.calendarEventItemBottom, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePickertokens.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePickertokens.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePickertokens.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(_DatePickertokens.tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePickertokens.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePickertokens.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePickertokens.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePickertokens.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePickertokens.tokens.iconButtonFocusColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingTop, " var(").concat(_DatePickertokens.tokens.tooltipPaddingTop, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingRight, " var(").concat(_DatePickertokens.tokens.tooltipPaddingRight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingBottom, " var(").concat(_DatePickertokens.tokens.tooltipPaddingBottom, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipPaddingLeft, " var(").concat(_DatePickertokens.tokens.tooltipPaddingLeft, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipMinHeight, " var(").concat(_DatePickertokens.tokens.tooltipMinHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBackgroundColor, " var(").concat(_DatePickertokens.tokens.tooltipBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBoxShadow, " var(").concat(_DatePickertokens.tokens.tooltipBoxShadow, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipBorderRadius, " var(").concat(_DatePickertokens.tokens.tooltipBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipColor, " var(").concat(_DatePickertokens.tokens.tooltipColor, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontFamily, " var(").concat(_DatePickertokens.tokens.tooltipTextFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontSize, " var(").concat(_DatePickertokens.tokens.tooltipTextFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontStyle, " var(").concat(_DatePickertokens.tokens.tooltipTextFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontWeight, " var(").concat(_DatePickertokens.tokens.tooltipTextFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(_DatePickertokens.tokens.tooltipTextFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(_DatePickertokens.tokens.tooltipTextFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(_DatePickertokens.tokens.tooltipContentLeftMargin, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(_DatePickertokens.tokens.tooltipArrowMaskImage, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowBackground, " var(").concat(_DatePickertokens.tokens.tooltipArrowBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowHeight, " var(").concat(_DatePickertokens.tokens.tooltipArrowHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(_DatePickertokens.tokens.tooltipArrowEdgeMargin, ");\n");
 var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
     displayName: "DatePickerBase.styles__StyledCalendar",
-    componentId: "sc-530f24b5-0"
+    componentId: "sc-ac98e633-0"
 })([
     "",
     " width:",
@@ -49,7 +49,7 @@ var StyledCalendar = (0, _styledcomponents.default)(Calendar).withConfig({
 });
 var InputHidden = _styledcomponents.default.input.withConfig({
     displayName: "DatePickerBase.styles__InputHidden",
-    componentId: "sc-530f24b5-1"
+    componentId: "sc-ac98e633-1"
 })([
     "",
     ";"

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -28,8 +28,9 @@ var _utils1 = require("../../Calendar/utils");
 var _utils2 = require("../utils");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_readonly/base");
+var _base2 = require("./variations/_tooltip-size/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_readonly/base");
 var _RangeDatestyles = require("./RangeDate.styles");
 var _RangeDatePopover = require("./RangeDatePopover/RangeDatePopover");
 function _array_like_to_array(arr, len) {
@@ -205,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRangeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, 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, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _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_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
@@ -252,6 +253,7 @@ var datePickerRangeRoot = function(Root) {
             "max",
             "renderFromDate",
             "includeEdgeDates",
+            "eventTooltipOptions",
             "eventList",
             "disabledList",
             "eventMonthList",
@@ -596,6 +598,7 @@ var datePickerRangeRoot = function(Root) {
                 ref: rootWrapperRef,
                 view: view,
                 size: size,
+                eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
                 className: rootWrapperClassName,
                 disabled: disabled,
                 readOnly: !disabled && readOnly,
@@ -611,6 +614,7 @@ var datePickerRangeRoot = function(Root) {
             ref: rootRef,
             view: view,
             size: size,
+            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
             className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, className, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
             disabled: disabled,
             readOnly: !disabled && readOnly
@@ -622,6 +626,7 @@ var datePickerRangeRoot = function(Root) {
             target: RangeComponent,
             opened: isInnerOpen,
             includeEdgeDates: includeEdgeDates,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -682,17 +687,21 @@ var datePickerRangeConfig = {
         size: {
             css: _base.base
         },
+        eventTooltipSize: {
+            css: _base2.base
+        },
         disabled: {
-            css: _base2.base,
+            css: _base3.base,
             attrs: true
         },
         readOnly: {
-            css: _base3.base,
+            css: _base4.base,
             attrs: true
         }
     },
     defaults: {
         size: 'm',
-        view: 'default'
+        view: 'default',
+        eventTooltipSizeCSS: 'm'
     }
 };

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 var RangeDatePopover = function(param) {
-    var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
+    var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, 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, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
         'top',
         'bottom'
     ] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
@@ -119,6 +119,7 @@ var RangeDatePopover = function(param) {
             innerHeight: calendarContainerHeightValue,
             size: size,
             value: calendarValue,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -161,6 +162,7 @@ var RangeDatePopover = function(param) {
         innerHeight: calendarContainerHeightValue,
         size: size,
         value: calendarValue,
+        eventTooltipOptions: eventTooltipOptions,
         eventList: eventList,
         disabledList: disabledList,
         eventMonthList: eventMonthList,

package/styled-components/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -27,8 +27,9 @@ var _useKeyboardNavigation = require("../hooks/useKeyboardNavigation");
 var _utils1 = require("../utils");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_readonly/base");
+var _base2 = require("./variations/_tooltip-size/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_readonly/base");
 var _SingleDatestyles = require("./SingleDate.styles");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -179,7 +180,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, 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, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _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_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
@@ -214,6 +215,7 @@ var datePickerRoot = function(Root) {
             "max",
             "renderFromDate",
             "includeEdgeDates",
+            "eventTooltipOptions",
             "eventList",
             "disabledList",
             "eventMonthList",
@@ -292,11 +294,6 @@ var datePickerRoot = function(Root) {
                 return;
             }
             var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
-            if (!innerOpened && !calendarValue) {
-                setInnerDate(function(prevValue) {
-                    return prevValue === undefined ? null : undefined;
-                });
-            }
             if (onToggle) {
                 onToggle(isCalendarOpen, event);
                 return;
@@ -401,7 +398,8 @@ var datePickerRoot = function(Root) {
             className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, className, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
             disabled: disabled,
             readOnly: !disabled && readOnly,
-            ref: ref
+            ref: ref,
+            eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size
         }, rest), /*#__PURE__*/ _react.default.createElement(_SingleDatestyles.StyledPopover, {
             opened: isInnerOpen,
             usePortal: usePortal,
@@ -430,6 +428,7 @@ var datePickerRoot = function(Root) {
             size: size,
             value: calendarValue,
             type: type,
+            eventTooltipOptions: eventTooltipOptions,
             eventList: eventList,
             disabledList: disabledList,
             eventMonthList: eventMonthList,
@@ -468,17 +467,21 @@ var datePickerConfig = {
         size: {
             css: _base.base
         },
+        eventTooltipSize: {
+            css: _base2.base
+        },
         disabled: {
-            css: _base2.base,
+            css: _base3.base,
             attrs: true
         },
         readOnly: {
-            css: _base3.base,
+            css: _base4.base,
             attrs: true
         }
     },
     defaults: {
         size: 'm',
-        view: 'default'
+        view: 'default',
+        eventTooltipSizeCSS: 'm'
     }
 };

package/styled-components/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/Popover/Popover.js

@@ -317,6 +317,7 @@ var popoverRoot = function(Root) {
             onToggle
         ]);
         var onClick = (0, _react.useCallback)(function(event) {
+            event.persist();
             if (trigger === 'click') {
                 var _popoverRef_current;
                 var targetIsPopover = event.target === popoverRef.current;