@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

package/es/components/Calendar/CalendarDouble/CalendarDouble.css

@@ -28,33 +28,35 @@
 
 .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.CalendarHeader_styles_gnorek_sjaqipy__eb2e05d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;padding:var(--plasma-calendar-header-wrapper-padding);}
-.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8{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);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);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;position:relative;}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8:hover,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8.CalendarHeader_styles_gnorek_focusVisible__eb2e05d8:focus::before,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
-.CalendarHeader_styles_gnorek_s1b07tlr__eb2e05d8{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;pointer-events:none;}
-.CalendarHeader_styles_gnorek_s13yvda3__eb2e05d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
-.CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
-.CalendarHeader_styles_gnorek_sw3by8z__eb2e05d8{width:100%;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;}
-.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:a;}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8.CalendarHeader_styles_gnorek_doubleHeader_LastDateWrapper__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:c;}
-.CalendarHeader_styles_gnorek_sdtpxcv__eb2e05d8{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);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;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;}
-
-.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae{border-radius:calc(var(--plasma-calendar-day-item-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;}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_dayInRange__e3c541ae:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideInRange__e3c541ae:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideLeft__e3c541ae:before{left:var(--sotsbos-0);}.CalendarDayItem_styles_107vqka_sotsbos__e3c541ae.CalendarDayItem_styles_107vqka_daySideRight__e3c541ae:before{right:var(--sotsbos-0);}
-.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae{font-family:var(--plasma-calendar-day-font-family);font-size:var(--plasma-calendar-day-font-size);font-style:var(--plasma-calendar-day-font-style);font-weight:var(--plasma-calendar-day-font-weight);-webkit-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);letter-spacing:var(--plasma-calendar-day-font-letter-spacing);line-height:var(--plasma-calendar-day-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-day-item-width);min-height:var(--plasma-calendar-day-item-height);border-radius:var(--plasma-calendar-day-item-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(--smv00b5-0);visibility:var(--smv00b5-1);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae{outline:none;cursor:pointer;position:relative;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemHovered__e3c541ae,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemHovered__e3c541ae:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae:not(.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_itemSelected__e3c541ae > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-day-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-day-item-height) - 0.25rem);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_focusVisible__e3c541ae:focus::before,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae{position:relative;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae.CalendarDayItem_styles_107vqka_focusVisible__e3c541ae:focus::before,.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemSelectable__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayOfWeek__e3c541ae{color:var(--plasma-calendar-day-of-the-week-color);}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayDisabled__e3c541ae{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_dayDisabledCurrent__e3c541ae{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_dayInRange__e3c541ae:before{width:calc(100% + 2px);height:100%;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_daySideRight__e3c541ae:before{width:100%;right:-1px;left:unset;}.CalendarDayItem_styles_107vqka_smv00b5__e3c541ae.CalendarDayItem_styles_107vqka_itemCurrent__e3c541ae > .CalendarDayItem_styles_107vqka_daySideLeft__e3c541ae:before{width:100%;left:-1px;right:unset;}
-.CalendarDayItem_styles_107vqka_s58etsc__e3c541ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.CalendarDayItem_styles_107vqka_say0ota__e3c541ae{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--say0ota-0);}
+.CalendarHeader_styles_1jfelqf_sjaqipy__a85b865d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;padding:var(--plasma-calendar-header-wrapper-padding);}
+.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d{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);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);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;position:relative;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:hover,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarHeader_styles_1jfelqf_s1b07tlr__a85b865d{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;pointer-events:none;}
+.CalendarHeader_styles_1jfelqf_s13yvda3__a85b865d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
+.CalendarHeader_styles_1jfelqf_s1i8jkj2__a85b865d{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
+.CalendarHeader_styles_1jfelqf_sw3by8z__a85b865d{width:100%;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;}
+.CalendarHeader_styles_1jfelqf_sdke0q6__a85b865d{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_1jfelqf_sdke0q6__a85b865d .CalendarHeader_styles_1jfelqf_s1i8jkj2__a85b865d{grid-area:a;}.CalendarHeader_styles_1jfelqf_sdke0q6__a85b865d.CalendarHeader_styles_1jfelqf_doubleHeader_LastDateWrapper__a85b865d .CalendarHeader_styles_1jfelqf_s1i8jkj2__a85b865d{grid-area:c;}
+.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d{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_1jfelqf_sdtpxcv__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_sdtpxcv__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+
+.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{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_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{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;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);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(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105: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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):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_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
 .CalendarDays_styles_1oq8sud_scupvll__be296257{display:none;}
 
-.CalendarMonths_styles_7jeg2n_s2fb05v__2634db4d{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
-.CalendarMonths_styles_7jeg2n_s1nlg4aa__2634db4d{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;}
-.CalendarMonths_styles_7jeg2n_s1cvx4bk__2634db4d{border-radius:calc(var(--plasma-calendar-month-item-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;}
-.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-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;outline:none;cursor:pointer;position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemHovered__2634db4d:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d:not(.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_itemSelected__2634db4d > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d{position:relative;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d.CalendarMonths_styles_7jeg2n_focusVisible__2634db4d:focus::before,.CalendarMonths_styles_7jeg2n_s14caaqm__2634db4d.CalendarMonths_styles_7jeg2n_itemCurrent__2634db4d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{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;}
 
-.CalendarYears_styles_4z2ki7_sq90exc__3419e23e{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
-.CalendarYears_styles_4z2ki7_sp45mzt__3419e23e{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;}
-.CalendarYears_styles_4z2ki7_s1rv7a6a__3419e23e{border-radius:calc(var(--plasma-calendar-year-item-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;}
-.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-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;outline:none;cursor:pointer;position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemHovered__3419e23e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e:not(.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_itemSelected__3419e23e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e{position:relative;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e.CalendarYears_styles_4z2ki7_focusVisible__3419e23e:focus::before,.CalendarYears_styles_4z2ki7_s1fgpu0g__3419e23e.CalendarYears_styles_4z2ki7_itemCurrent__3419e23e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
+.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{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;}
+
+.CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.CalendarYears_styles_1d4ov6t_sp45mzt__41427687{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;}
+
+.CalendarBase_styles_1m6uih1_s154tyhv__d2ba08f9{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);}
+.CalendarBase_styles_1m6uih1_i1hf4g69__d2ba08f9{position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}
 
 .base_64imvs_bowdfsa__f4b3586c{background:var(--plasma-calendar-background);}
 

package/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -1,16 +1,24 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo, useState, useCallback, useEffect } from 'react';
-import { getDateFromValue, getPrevDate, getNextDate, isValueUpdate } from '../utils/index.js';
+import React, { forwardRef, useMemo, useState, useReducer, useCallback, useEffect } from 'react';
+import { ActionType, CalendarState } from '../store/types.js';
+import { YEAR_RENDER_COUNT } from '../utils/constants.js';
+import { getNextDate } from '../utils/calendarGridHelper.js';
+import { isValueUpdate } from '../utils/calendarRangeHelper.js';
 import { useKeyNavigation } from '../hooks/useKeyNavigation.js';
+import { useCalendarNavigation } from '../hooks/useCalendarNavigation.js';
+import { useCalendarDateChange } from '../hooks/useCalendarDateChange.js';
 import { CalendarHeader } from '../ui/CalendarHeader/CalendarHeader.js';
 import { CalendarDays } from '../ui/CalendarDays/CalendarDays.js';
-import '../../../utils/react.js';
-import '@linaria/react';
+import { CalendarMonths } from '../ui/CalendarMonths/CalendarMonths.js';
+import { CalendarQuarters } from '../ui/CalendarQuarters/CalendarQuarters.js';
+import { CalendarYears } from '../ui/CalendarYears/CalendarYears.js';
+import { reducer, getInitialState, sizeMap } from '../store/reducer.js';
+import { IsOutOfRange } from '../CalendarBase/CalendarBase.styles.js';
 import { base } from './variations/_view/base.js';
 import { StyledWrapper, StyledSeparator, StyledCalendar } from './CalendarDouble.styles.js';
 
-var _StyledSeparator;
-var _excluded = ["value", "min", "max", "includeEdgeDates", "eventList", "disabledList", "onChangeValue"];
+var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
+var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
 /**
  * Компонент двойного календаря.
  */
@@ -20,8 +28,16 @@ var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       min = _ref.min,
       max = _ref.max,
       includeEdgeDates = _ref.includeEdgeDates,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'Days' : _ref$type,
       eventList = _ref.eventList,
       disabledList = _ref.disabledList,
+      eventMonthList = _ref.eventMonthList,
+      disabledMonthList = _ref.disabledMonthList,
+      eventQuarterList = _ref.eventQuarterList,
+      disabledQuarterList = _ref.disabledQuarterList,
+      eventYearList = _ref.eventYearList,
+      disabledYearList = _ref.disabledYearList,
       onChangeValue = _ref.onChangeValue,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = useMemo(function () {
@@ -33,150 +49,299 @@ var calendarDoubleRoot = function calendarDoubleRoot(Root) {
     var value = secondValue || firstValue;
     var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
-      hoveredDay = _useState2[0],
-      setHoveredDay = _useState2[1];
-    var _useState3 = useState(getDateFromValue(value)),
+      hoveredItem = _useState2[0],
+      setHoveredItem = _useState2[1];
+    var _useState3 = useState(type),
       _useState4 = _slicedToArray(_useState3, 2),
-      date = _useState4[0],
-      setDate = _useState4[1];
+      prevType = _useState4[0],
+      setPrevType = _useState4[1];
     var _useState5 = useState(value),
       _useState6 = _slicedToArray(_useState5, 2),
       prevValue = _useState6[0],
       setPrevValue = _useState6[1];
-    var _useState7 = useState(function () {
-        var nextDate = getDateFromValue(firstValue);
-        var _getNextDate = getNextDate(nextDate.year, nextDate.monthIndex),
-          _getNextDate2 = _slicedToArray(_getNextDate, 2),
-          initialYear = _getNextDate2[0],
-          initialMonth = _getNextDate2[1];
-        return {
-          monthIndex: [nextDate.monthIndex, initialMonth],
-          year: [nextDate.year, initialYear]
-        };
-      }),
+    var _useState7 = useState(0),
       _useState8 = _slicedToArray(_useState7, 2),
-      doubleDate = _useState8[0],
-      setMonths = _useState8[1];
-    var handleMonth = useCallback(function (getDate) {
-      var _getDate = getDate(doubleDate.year[0], doubleDate.monthIndex[0]),
-        _getDate2 = _slicedToArray(_getDate, 2),
-        newCurrentYear = _getDate2[0],
-        newCurrentMonth = _getDate2[1];
-      var _getDate3 = getDate(doubleDate.year[1], doubleDate.monthIndex[1]),
-        _getDate4 = _slicedToArray(_getDate3, 2),
-        newNextYear = _getDate4[0],
-        newNextMonth = _getDate4[1];
-      setMonths({
-        monthIndex: [newCurrentMonth, newNextMonth],
-        year: [newCurrentYear, newNextYear]
-      });
-    }, [doubleDate]);
-    var handlePrev = useCallback(function () {
-      handleMonth(getPrevDate);
-    }, [handleMonth]);
-    var handleNext = useCallback(function () {
-      handleMonth(getNextDate);
-    }, [handleMonth]);
+      outOfRangeKey = _useState8[0],
+      setOutOfRangeKey = _useState8[1];
+    var _useReducer = useReducer(reducer, getInitialState(value, type, true)),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+    var date = state.date,
+      calendarState = state.calendarState,
+      startYear = state.startYear,
+      size = state.size;
+    var _useState9 = useState(date),
+      _useState10 = _slicedToArray(_useState9, 2),
+      firstDate = _useState10[0],
+      setFirstDate = _useState10[1];
+    var _useState11 = useState(date),
+      _useState12 = _slicedToArray(_useState11, 2),
+      secondDate = _useState12[0],
+      setSecondDate = _useState12[1];
+    var _useCalendarNavigatio = useCalendarNavigation({
+        calendarState: calendarState,
+        date: date,
+        dispatch: dispatch
+      }),
+      handleNext = _useCalendarNavigatio.handleNext,
+      handlePrev = _useCalendarNavigatio.handlePrev;
     var _useKeyNavigation = useKeyNavigation({
         isDouble: true,
-        size: [11, 6],
+        size: size,
+        calendarState: calendarState,
         onNext: handleNext,
         onPrev: handlePrev
       }),
-      _useKeyNavigation2 = _slicedToArray(_useKeyNavigation, 4),
+      _useKeyNavigation2 = _slicedToArray(_useKeyNavigation, 5),
       selectIndexes = _useKeyNavigation2[0],
       onKeyDown = _useKeyNavigation2[1],
       onSelectIndexes = _useKeyNavigation2[2],
-      outerRefs = _useKeyNavigation2[3];
-    var handleOnChangeDay = useCallback(function (newDate, coord) {
-      var newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(newDay);
-      onSelectIndexes(coord);
-    }, [onChangeValue, onSelectIndexes]);
-    var firstDate = useMemo(function () {
-      return {
-        day: date.day,
-        year: doubleDate.year[0],
-        monthIndex: doubleDate.monthIndex[0]
-      };
-    }, [date, doubleDate]);
-    var secondDate = useMemo(function () {
-      return {
-        day: date.day,
-        year: doubleDate.year[1],
-        monthIndex: doubleDate.monthIndex[1]
-      };
-    }, [date, doubleDate]);
-    if (value && prevValue && isValueUpdate(value, prevValue)) {
-      var newDate = getDateFromValue(value);
-      var year = newDate.year,
-        monthIndex = newDate.monthIndex;
-      var _doubleDate$monthInde = _slicedToArray(doubleDate.monthIndex, 2),
-        prevMonthIndex = _doubleDate$monthInde[1],
-        _doubleDate$year = _slicedToArray(doubleDate.year, 2),
-        prevYear = _doubleDate$year[1];
-      if (prevMonthIndex !== monthIndex || prevYear !== year) {
-        var _getNextDate3 = getNextDate(year, monthIndex),
-          _getNextDate4 = _slicedToArray(_getNextDate3, 2),
-          nextYear = _getNextDate4[0],
-          nextMonthIndex = _getNextDate4[1];
-        setDate(newDate);
-        setMonths({
-          monthIndex: [monthIndex, nextMonthIndex],
-          year: [year, nextYear]
+      outerRefs = _useKeyNavigation2[3],
+      isOutOfRange = _useKeyNavigation2[4];
+    var _useCalendarDateChang = useCalendarDateChange({
+        type: type,
+        onChangeValue: onChangeValue,
+        onSelectIndexes: onSelectIndexes,
+        dispatch: dispatch
+      }),
+      handleOnChangeDay = _useCalendarDateChang.handleOnChangeDay,
+      handleOnChangeMonth = _useCalendarDateChang.handleOnChangeMonth,
+      handleOnChangeQuarter = _useCalendarDateChang.handleOnChangeQuarter,
+      handleOnChangeYear = _useCalendarDateChang.handleOnChangeYear,
+      handleUpdateCalendarState = _useCalendarDateChang.handleUpdateCalendarState;
+    var updateSecondDate = function updateSecondDate() {
+      if (calendarState === CalendarState.Days) {
+        var _getNextDate = getNextDate(date.year, date.monthIndex),
+          _getNextDate2 = _slicedToArray(_getNextDate, 2),
+          nextYear = _getNextDate2[0],
+          nextMonthIndex = _getNextDate2[1];
+        setSecondDate({
+          year: nextYear,
+          monthIndex: nextMonthIndex,
+          day: date.day
         });
       }
-      setPrevValue(value);
-    }
+      if (calendarState === CalendarState.Months || calendarState === CalendarState.Quarters) {
+        setSecondDate({
+          year: date.year + 1,
+          monthIndex: date.monthIndex,
+          day: date.day
+        });
+      }
+      if (calendarState === CalendarState.Years) {
+        setSecondDate({
+          year: startYear + YEAR_RENDER_COUNT,
+          monthIndex: date.monthIndex,
+          day: date.day
+        });
+      }
+    };
+    var getBoundaryDates = function getBoundaryDates() {
+      // NOTE: Если установить индекс дня равным "0", то берется последнее число предыдущего месяца
+      if (calendarState === CalendarState.Days) {
+        return [new Date(firstDate.year, firstDate.monthIndex, 1), new Date(secondDate.year, secondDate.monthIndex + 1, 0)];
+      }
+      if (calendarState === CalendarState.Months || calendarState === CalendarState.Quarters) {
+        return [new Date(firstDate.year, 0), new Date(secondDate.year, 12, 0)];
+      }
+      var endVisibleYear = startYear + YEAR_RENDER_COUNT * 2 - 1;
+      return [new Date(startYear, 0), new Date(endVisibleYear, 11)];
+    };
+
+    // Изменяем ключ каждый раз как пытаемся перейти на даты которые находятся за пределами min/max ограничений.
+    // Это необходимо для того чтобы screen-reader корректно озвучивал уведомление aria-live="assertive"
+    // о том что нет доступных дат
+    var handleKeyDown = useCallback(function (event) {
+      setOutOfRangeKey(function (previousState) {
+        return Number(!previousState);
+      });
+      onKeyDown(event);
+    }, [onKeyDown]);
+    useEffect(function () {
+      if (prevType !== calendarState) {
+        dispatch({
+          type: ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: calendarState,
+            size: sizeMap[calendarState]["double"]
+          }
+        });
+        setPrevType(calendarState);
+      }
+    }, [calendarState]);
     useEffect(function () {
       if (!prevValue) {
         setPrevValue(value);
       }
+      if (value && prevValue && isValueUpdate(value, prevValue) || value && !prevValue) {
+        var _getBoundaryDates = getBoundaryDates(),
+          _getBoundaryDates2 = _slicedToArray(_getBoundaryDates, 2),
+          minVisibleDate = _getBoundaryDates2[0],
+          maxVisibleDate = _getBoundaryDates2[1];
+        if (value > maxVisibleDate || value < minVisibleDate) {
+          dispatch({
+            type: ActionType.UPDATE_DATE,
+            payload: {
+              value: value
+            }
+          });
+        }
+        setPrevValue(value);
+      }
     }, [value, prevValue]);
+    useEffect(function () {
+      setFirstDate(date);
+      updateSecondDate();
+    }, [date, calendarState]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
-    }, rest), /*#__PURE__*/React.createElement(CalendarHeader, {
+    }, rest), isOutOfRange && /*#__PURE__*/React.createElement(IsOutOfRange, {
+      key: outOfRangeKey,
+      "aria-atomic": "true",
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-relevant": "additions"
+    }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/React.createElement(CalendarHeader, {
       isDouble: true,
       size: rest.size,
       firstDate: firstDate,
       secondDate: secondDate,
+      startYear: startYear,
+      type: calendarState,
       onPrev: handlePrev,
-      onNext: handleNext
-    }), /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(CalendarDays, {
-      isDouble: true,
+      onNext: handleNext,
+      onUpdateCalendarState: handleUpdateCalendarState
+    }), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
+      value: externalValue,
+      date: firstDate,
+      min: min,
+      max: max,
       eventList: eventList,
       disabledList: disabledList,
+      includeEdgeDates: includeEdgeDates,
+      hoveredDay: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeDay: handleOnChangeDay,
+      onHoverDay: setHoveredItem,
+      onSetSelected: onSelectIndexes,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
+      value: externalValue,
+      date: secondDate,
       min: min,
       max: max,
+      eventList: eventList,
+      disabledList: disabledList,
       includeEdgeDates: includeEdgeDates,
+      hoveredDay: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeDay: handleOnChangeDay,
+      onHoverDay: setHoveredItem,
+      onSetSelected: onSelectIndexes,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    })), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
       value: externalValue,
       date: firstDate,
-      hoveredDay: hoveredDay,
+      min: min,
+      max: max,
+      eventList: eventMonthList,
+      disabledList: disabledMonthList,
+      hoveredMonth: hoveredItem,
       selectIndexes: selectIndexes,
-      onChangeDay: handleOnChangeDay,
-      onHoverDay: setHoveredDay,
+      onChangeMonth: handleOnChangeMonth,
       onSetSelected: onSelectIndexes,
-      onKeyDown: onKeyDown,
-      outerRefs: outerRefs
-    }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
+      onHoverMonth: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
+      value: externalValue,
+      date: secondDate,
+      min: min,
+      max: max,
+      eventList: eventMonthList,
+      disabledList: disabledMonthList,
+      hoveredMonth: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeMonth: handleOnChangeMonth,
+      onSetSelected: onSelectIndexes,
+      onHoverMonth: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
       isDouble: true,
-      isSecond: true,
-      eventList: eventList,
-      disabledList: disabledList,
+      isSecond: true
+    })), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {
+      value: externalValue,
+      date: firstDate,
       min: min,
       max: max,
-      includeEdgeDates: includeEdgeDates,
+      eventList: eventQuarterList,
+      disabledList: disabledQuarterList,
+      hoveredQuarter: hoveredItem,
+      selectIndexes: selectIndexes,
+      onChangeQuarter: handleOnChangeQuarter,
+      onSetSelected: onSelectIndexes,
+      onHoverQuarter: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator3 || (_StyledSeparator3 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarQuarters, {
       value: externalValue,
       date: secondDate,
-      hoveredDay: hoveredDay,
+      min: min,
+      max: max,
+      eventList: eventQuarterList,
+      disabledList: disabledQuarterList,
+      hoveredQuarter: hoveredItem,
       selectIndexes: selectIndexes,
-      onChangeDay: handleOnChangeDay,
-      onHoverDay: setHoveredDay,
+      onChangeQuarter: handleOnChangeQuarter,
+      onSetSelected: onSelectIndexes,
+      onHoverQuarter: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    })), calendarState === CalendarState.Years && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarYears, {
+      value: externalValue,
+      date: firstDate,
+      startYear: startYear,
+      selectIndexes: selectIndexes,
+      min: min,
+      max: max,
+      eventList: eventYearList,
+      disabledList: disabledYearList,
+      hoveredYear: hoveredItem,
+      onChangeYear: handleOnChangeYear,
       onSetSelected: onSelectIndexes,
-      onKeyDown: onKeyDown,
-      outerRefs: outerRefs
-    })));
+      onHoverYear: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true
+    }), _StyledSeparator4 || (_StyledSeparator4 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarYears, {
+      value: externalValue,
+      date: secondDate,
+      startYear: startYear + YEAR_RENDER_COUNT,
+      selectIndexes: selectIndexes,
+      min: min,
+      max: max,
+      eventList: eventYearList,
+      disabledList: disabledYearList,
+      hoveredYear: hoveredItem,
+      onChangeYear: handleOnChangeYear,
+      onSetSelected: onSelectIndexes,
+      onHoverYear: setHoveredItem,
+      onKeyDown: handleKeyDown,
+      outerRefs: outerRefs,
+      isDouble: true,
+      isSecond: true
+    }))));
   });
 };
 var calendarDoubleConfig = {