npm - @salutejs/plasma-new-hope - Versions diffs - 0.377.0 → 0.377.1-dev.0 - Mend

@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (639) hide show

package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css CHANGED Viewed

@@ -12,10 +12,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/es/components/DatePicker/RangeDate/RangeDate.js CHANGED Viewed

@@ -21,7 +21,7 @@ import { noop } from '../../../utils/noop.js';
 import { invokeOnCommitDate } from '../utils/invokeOnCommitDate.js';
 import { getSortedValues } from '../../Calendar/utils/calendarRangeHelper.js';
-var _excluded = ["className", "name", "autoComplete", "isDoubleCalendar", "opened", "value", "defaultFirstDate", "defaultSecondDate", "preserveInvalidOnBlur", "view", "size", "readOnly", "disabled", "appearance", "hasClearDivider", "stretched", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstValueEdited", "secondValueEdited", "required", "requiredPlacement", "hasRequiredIndicator", "label", "titleCaption", "leftHelper", "contentLeft", "contentRight", "dividerVariant", "dividerIcon", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "frame", "usePortal", "zIndex", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "disableFlip", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "calendarContainerWidth", "calendarContainerHeight", "dateShortcuts", "dateShortcutsPlacement", "dateShortcutsWidth", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onChangeVisibleDate", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "name", "autoComplete", "isDoubleCalendar", "isCalendarPositionedByInput", "opened", "value", "defaultFirstDate", "defaultSecondDate", "preserveInvalidOnBlur", "view", "size", "readOnly", "disabled", "appearance", "hasClearDivider", "stretched", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstValueEdited", "secondValueEdited", "required", "requiredPlacement", "hasRequiredIndicator", "label", "titleCaption", "leftHelper", "contentLeft", "contentRight", "dividerVariant", "dividerIcon", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintTargetPlacement", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "frame", "usePortal", "zIndex", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "disableFlip", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventTooltipOptions", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "calendarContainerWidth", "calendarContainerHeight", "dateShortcuts", "dateShortcutsPlacement", "dateShortcutsWidth", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onChangeVisibleDate", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 var datePickerRangeRoot = function datePickerRangeRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _rangeRef$current, _rangeRef$current2, _outerValue$, _outerValue$2;
@@ -30,6 +30,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       autoComplete = _ref.autoComplete,
       _ref$isDoubleCalendar = _ref.isDoubleCalendar,
       isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
+      _ref$isCalendarPositi = _ref.isCalendarPositionedByInput,
+      isCalendarPositionedByInput = _ref$isCalendarPositi === void 0 ? false : _ref$isCalendarPositi,
       outerOpened = _ref.opened,
       outerValue = _ref.value,
       _ref$defaultFirstDate = _ref.defaultFirstDate,
@@ -150,6 +152,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     var rootRef = useRef(null);
     var innerRefFirst = useRef(null);
     var innerRefSecond = useRef(null);
+    var firstTextfieldInputWrapperRef = useRef(null);
+    var secondTextfieldInputWrapperRef = useRef(null);
     var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
       _useState2 = _slicedToArray(_useState, 2),
       firstInputRef = _useState2[0],
@@ -215,6 +219,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState14 = _slicedToArray(_useState13, 2),
       secondTextFieldClicked = _useState14[0],
       setSecondTextFieldClicked = _useState14[1];
+    var shouldPositionCalendarByInput = isCalendarPositionedByInput && !isDoubleCalendar;
+    var activeInputWrapperRef = secondTextFieldClicked ? secondTextfieldInputWrapperRef : firstTextfieldInputWrapperRef;
     var isSameMonth = Boolean(fullDateEntered && customDayjs(calendarFirstValue).isSame(calendarSecondValue, 'month'));
     var calendarFocusedDate = calendarFirstValue;
     if (secondTextFieldClicked && calendarSecondValue) {
@@ -488,7 +494,9 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledRange, {
         size: size,
         ref: rangeRef,
-        inputWrapperRef: inputWrapperRef,
+        inputWrapperRef: shouldPositionCalendarByInput ? undefined : inputWrapperRef,
+        firstTextfieldInputWrapperRef: shouldPositionCalendarByInput ? firstTextfieldInputWrapperRef : undefined,
+        secondTextfieldInputWrapperRef: shouldPositionCalendarByInput ? secondTextfieldInputWrapperRef : undefined,
         autoComplete: autoComplete,
         dividerIcon: dividerIcon,
         dividerVariant: dividerVariant,
@@ -608,6 +616,7 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       calendarValue: [calendarFirstValue, calendarSecondValue],
       calendarFocusedDate: calendarFocusedDate,
       target: renderRange,
+      referenceRef: shouldPositionCalendarByInput ? activeInputWrapperRef : undefined,
       opened: openedValue,
       includeEdgeDates: includeEdgeDates,
       eventTooltipOptions: eventTooltipOptions,

package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css CHANGED Viewed

@@ -156,10 +156,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { StyledShortcutList } from '../../ui/DateShortcut/DateShortcutList.style
 var RangeDatePopover = function RangeDatePopover(_ref) {
   var Root = _ref.rootWrapper,
     target = _ref.target,
+    referenceRef = _ref.referenceRef,
     opened = _ref.opened,
     isDoubleCalendar = _ref.isDoubleCalendar,
     calendarValue = _ref.calendarValue,
@@ -95,6 +96,7 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
       closeOnEsc: closeOnEsc,
       portal: usePortal ? frame : undefined,
       target: target,
+      referenceRef: referenceRef,
       innerWidth: calendarContainerWidthValue,
       innerHeight: calendarContainerHeightValue,
       stretchHeight: isCalendarHeightStretched
@@ -151,6 +153,7 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
     closeOnEsc: closeOnEsc,
     portal: usePortal ? frame : undefined,
     target: target,
+    referenceRef: referenceRef,
     innerWidth: calendarContainerWidthValue,
     innerHeight: calendarContainerHeightValue,
     stretchHeight: isCalendarHeightStretched

package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css CHANGED Viewed

@@ -37,10 +37,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/es/components/DateTimePicker/DateTimePicker.css CHANGED Viewed

@@ -120,10 +120,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/es/components/DateTimePicker/DateTimePicker.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useState, useEffect, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useRef, useState, useMemo, useEffect, useLayoutEffect } from 'react';
 import cls from 'classnames';
 import { CalendarContainerOverlay, LeftHelper, base } from './DateTimePicker.styles.js';
 import { base as base$2 } from './variations/_size/base.js';
@@ -14,6 +14,7 @@ import { useDateTimePicker } from './hooks/useDateTimePicker.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 import { useForkRef } from '../../hooks/useForkRef.js';
 import { getCalendarContainerSize } from '../DatePicker/utils/getCalendarContainerSize.js';
+import { getCalendarEdgeDates } from './utils/getCalendarEdgeDates.js';
 import { Popover } from './ui/Popover/Popover.js';
 import { Input } from './ui/Input/Input.js';
 import { CalendarGrid } from './ui/CalendarGrid/CalendarGrid.js';
@@ -141,6 +142,11 @@ var dateTimePickerRoot = function dateTimePickerRoot(Root) {
       isInnerOpen = _useState2[0],
       setIsInnerOpen = _useState2[1];
     var openedValue = outerOpened !== null && outerOpened !== void 0 ? outerOpened : isInnerOpen;
+    var _useMemo = useMemo(function () {
+        return getCalendarEdgeDates(min, max, type, includeEdgeDates);
+      }, [min, max, type, includeEdgeDates]),
+      calendarMin = _useMemo.calendarMin,
+      calendarMax = _useMemo.calendarMax;
     var _useDateTimePicker = useDateTimePicker({
         inputRef: inputRef,
         outerValue: outerValue,
@@ -321,8 +327,8 @@ var dateTimePickerRoot = function dateTimePickerRoot(Root) {
       disabledQuarterList: disabledQuarterList,
       eventYearList: eventYearList,
       disabledYearList: disabledYearList,
-      min: min,
-      max: max,
+      min: calendarMin,
+      max: calendarMax,
       renderFromDate: renderFromDate,
       includeEdgeDates: includeEdgeDates,
       lang: lang,

package/dist/css/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css CHANGED Viewed

@@ -39,10 +39,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

package/dist/css/es/components/DateTimePicker/utils/getCalendarEdgeDates.js ADDED Viewed

@@ -0,0 +1,34 @@
+var hasTime = function hasTime(date) {
+  return date.getHours() !== 0 || date.getMinutes() !== 0 || date.getSeconds() !== 0 || date.getMilliseconds() !== 0;
+};
+/**
+ * Сдвигает min/max для календарной сетки, когда includeEdgeDates выключен:
+ * граничный день должен остаться кликабельным, время внутри него ограничит TimeGrid.
+ * max сдвигается только со временем: max в 00:00 не оставляет в дне ни одного
+ * валидного значения, тогда как min в 00:00 оставляет почти все сутки.
+ */
+var getCalendarEdgeDates = function getCalendarEdgeDates(min, max, type, includeEdgeDates) {
+  if (type !== 'Days' || includeEdgeDates) {
+    return {
+      calendarMin: min,
+      calendarMax: max
+    };
+  }
+  var calendarMin = min;
+  if (min) {
+    calendarMin = new Date(min);
+    calendarMin.setDate(calendarMin.getDate() - 1);
+  }
+  var calendarMax = max;
+  if (max && hasTime(max)) {
+    calendarMax = new Date(max);
+    calendarMax.setDate(calendarMax.getDate() + 1);
+  }
+  return {
+    calendarMin: calendarMin,
+    calendarMax: calendarMax
+  };
+};
+export { getCalendarEdgeDates };

package/dist/css/es/components/Drawer/Drawer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useMemo } from 'react';
 import cls from 'classnames';
 import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
@@ -16,16 +16,18 @@ import { useDrawer } from './hooks/useDrawer.js';
 import { Overlay } from '../Overlay/Overlay.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "positionFixed", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "overlayProps", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "positionFixed", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
 // issue #823
 var drawerRoot = function drawerRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
+    var _overlayProps$positio;
     var id = _ref.id,
       zIndex = _ref.zIndex,
       popupInfo = _ref.popupInfo,
       withBlur = _ref.withBlur,
+      overlayProps = _ref.overlayProps,
       children = _ref.children,
       view = _ref.view,
       size = _ref.size,
@@ -66,6 +68,7 @@ var drawerRoot = function drawerRoot(Root) {
     var overlayBackgroundToken = withBlur ? "var(".concat(tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(tokens.drawerOverlayColor, ")");
     var innerWidth = width ? getSizeValueFromProp(width) : '100%';
     var innerHeight = height ? getSizeValueFromProp(height) : '100%';
+    var overlayPosition = (_overlayProps$positio = overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.position) !== null && _overlayProps$positio !== void 0 ? _overlayProps$positio : frame === undefined || frame === 'document' ? 'fixed' : 'absolute';
     var placementClass = placement ? classes["".concat(placement, "Placement")] : undefined;
     var _useDrawer = useDrawer({
         id: innerId,
@@ -113,7 +116,10 @@ var drawerRoot = function drawerRoot(Root) {
         withBlur: withBlur,
         transparent: transparent,
         isClickable: closeOnOverlayClick,
-        onOverlayClick: onDrawerOverlayKeyDown
+        onOverlayClick: onDrawerOverlayKeyDown,
+        style: _objectSpread2(_objectSpread2({}, overlayProps), {}, {
+          position: overlayPosition
+        })
       }))
     }, rest), /*#__PURE__*/React__default.createElement(Root, {
       className: classes.panel,

package/dist/css/es/components/LinkButton/LinkButton.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
+import cls from 'classnames';
+import { GRADIENT_TEXT_CLASS } from '../../utils/constants.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
@@ -60,7 +62,9 @@ var linkButtonRoot = function linkButtonRoot(Root) {
       style: _objectSpread2({}, loadingCustomOpacity)
     }, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, {
       hasContent: hasContent
-    }, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
+    }, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, {
+      className: cls(GRADIENT_TEXT_CLASS)
+    }, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
       hasContent: hasContent
     }, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
   });

package/dist/css/es/components/Modal/Modal.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { popupConfig } from '../Popup/Popup.js';
 import { Overlay } from '../Overlay/Overlay.js';
 var _IconClose;
-var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "isFocusTrapped", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose", "resizable", "draggable", "overlay"];
+var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "isFocusTrapped", "initialFocusRef", "focusAfterRef", "focusTrapSelectors", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose", "resizable", "draggable", "overlay"];
 // issue #823
 var Popup = /*#__PURE__*/component(popupConfig);
@@ -41,6 +41,7 @@ var modalRoot = function modalRoot(Root) {
       isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
+      focusTrapSelectors = _ref.focusTrapSelectors,
       zIndex = _ref.zIndex,
       popupInfo = _ref.popupInfo,
       children = _ref.children,
@@ -55,7 +56,7 @@ var modalRoot = function modalRoot(Root) {
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
     var innerHasClose = hasClose === undefined && hasBody || hasClose;
-    var trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
+    var trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped, focusTrapSelectors);
     var popupController = usePopupContext();
     var innerRef = useForkRef(trapRef, outerRootRef);
     var uniqId = safeUseId();

package/dist/css/es/components/Notification/NotificationsContext.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { useContext, createContext } from 'react';
+var NotificationsContext = /*#__PURE__*/createContext(null);
+var useNotifications = function useNotifications() {
+  var context = useContext(NotificationsContext);
+  if (!context) {
+    throw new Error('useNotifications must be used within a NotificationsProvider');
+  }
+  return context;
+};
+export { NotificationsContext, useNotifications };

package/dist/css/es/components/Notification/NotificationsPortal.js CHANGED Viewed

@@ -4,7 +4,7 @@ import React__default, { useMemo } from 'react';
 import { useStoreon } from 'storeon/react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
-import { closeNotification } from './NotificationsStore.js';
+import { useNotifications } from './NotificationsContext.js';
 import { StyledRoot, StyledItemWrapper } from './Notification.styles.js';
 import { classes } from './Notification.tokens.js';
 import { component } from '../../engines/common.js';
@@ -36,6 +36,8 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
     className = _ref.className;
   var _useStoreon = useStoreon('notifications'),
     notifications = _useStoreon.notifications;
+  var _useNotifications = useNotifications(),
+    closeNotification = _useNotifications.closeNotification;
   var Notification = useMemo(function () {
     return component(config);
   }, []);