@salutejs/plasma-new-hope 0.324.0-canary.1971.15108751783.0 → 0.324.0-canary.1972.15187126232.0

package/cjs/components/DatePicker/SingleDate/SingleDate.css

@@ -36,37 +36,33 @@
 .CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8{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_13bk6ms_sdtpxcv__821c1ed8::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_13bk6ms_sdtpxcv__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_13bk6ms_s1fi7s2r__821c1ed8{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0{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_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0{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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0: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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0){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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0 > 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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0::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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0::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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayInCurrentMonth__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0):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_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayOfWeek__1f08c8b0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabledCurrent__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_1hkk03u_s1wqrord__1f08c8b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_1hkk03u_s1cvvf5__1f08c8b0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_12b03hz_s140bov1__23973e8e{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_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e{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(--s1k1xcqq-0);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e: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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e:not(.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e){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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e > 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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e::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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e::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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayInCurrentMonth__23973e8e:not(.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e):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_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayOfWeek__23973e8e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabledCurrent__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_12b03hz_s1wqrord__23973e8e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_12b03hz_s1cvvf5__23973e8e{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;}
+.CalendarDays_styles_445k2m_s1jnjaxw__ac4a553a{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_445k2m_s1rv3pd5__ac4a553a{display:none;}
 
-.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;}
+.CalendarMonths_styles_3fk0w8_s2fb05v__a019cfec{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;}
 
-.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;}
+.CalendarQuarters_styles_g2v0cv_sbn3jki__68521f59{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;}
 
-.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;}
+.CalendarYears_styles_97bjgu_sq90exc__fc29bd46{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;}
 
 .base_ds2lcv_bw5u18k__536fbc96{background:var(--plasma-calendar-background);}
 
-.CalendarBase_styles_zk3a46_s154tyhv__15b3ced3{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);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;}
-.CalendarBase_styles_zk3a46_i1hf4g69__15b3ced3{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);}
+.CalendarBase_styles_8icaul_s154tyhv__54d159ea{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);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.CalendarBase_styles_8icaul_s154tyhv__54d159ea.CalendarBase_styles_8icaul_plasmaCalendarStretch__54d159ea{width:100%;height:100%;}
+.CalendarBase_styles_8icaul_i1hf4g69__54d159ea{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);}
 
-.CalendarDouble_styles_e9ada0_s1fax5l5__d395f1d3{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);}
-.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
-.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.CalendarDouble_styles_d9q98x_s1fax5l5__63cefc3d{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);}.CalendarDouble_styles_d9q98x_s1fax5l5__63cefc3d.CalendarDouble_styles_d9q98x_plasmaCalendarStretch__63cefc3d{width:100%;height:100%;}
+.CalendarDouble_styles_d9q98x_s1y1gz42__63cefc3d{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
+.CalendarDouble_styles_d9q98x_s7fv2hn__63cefc3d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
 
-.DatePickerBase_styles_1a5ddg3_s1ywkx25__ae03efcc{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
-.DatePickerBase_styles_1a5ddg3_i1kteo3u__ae03efcc{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.DatePickerBase_styles_10sa0ht_s1ywkx25__dd3bcd1d{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
+.DatePickerBase_styles_10sa0ht_i1kteo3u__dd3bcd1d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
 .base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
 
@@ -86,7 +82,7 @@
 
 .base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
 
-.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
+.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
@@ -151,6 +147,6 @@
 .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
 
 
-.SingleDate_styles_4wd0mq_s15omatb__61120231{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.SingleDate_styles_4wd0mq_boba7w3__61120231{display:inline-block;}.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverWrapper__61120231,.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverTarget__61120231{width:inherit;}
-.SingleDate_styles_4wd0mq_lvfqi8__61120231{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{color:var(--plasma-date-picker__left-helper-color-success);}
+.SingleDate_styles_eae6ii_s15omatb__e99014dc{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_eae6ii_s15omatb__e99014dc.SingleDate_styles_eae6ii_datePickerError__e99014dc{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_eae6ii_s15omatb__e99014dc.SingleDate_styles_eae6ii_datePickerSuccess__e99014dc{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.SingleDate_styles_eae6ii_boba7w3__e99014dc{display:inline-block;}.SingleDate_styles_eae6ii_boba7w3__e99014dc .SingleDate_styles_eae6ii_popoverWrapper__e99014dc,.SingleDate_styles_eae6ii_boba7w3__e99014dc .SingleDate_styles_eae6ii_popoverTarget__e99014dc{width:inherit;}.SingleDate_styles_eae6ii_boba7w3__e99014dc.SingleDate_styles_eae6ii_datePickerStretch__e99014dc{width:100%;}.SingleDate_styles_eae6ii_boba7w3__e99014dc.SingleDate_styles_eae6ii_datePickerStretch__e99014dc .SingleDate_styles_eae6ii_popoverRoot__e99014dc{width:100%;}
+.SingleDate_styles_eae6ii_lvfqi8__e99014dc{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_eae6ii_lvfqi8__e99014dc.SingleDate_styles_eae6ii_datePickerError__e99014dc{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_eae6ii_lvfqi8__e99014dc.SingleDate_styles_eae6ii_datePickerSuccess__e99014dc{color:var(--plasma-date-picker__left-helper-color-success);}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../utils/index.js');
+var cls = require('classnames');
 var dateHelper = require('../utils/dateHelper.js');
 var useDatePicker = require('../hooks/useDatePicker.js');
 var DatePicker_tokens = require('../DatePicker.tokens.js');
@@ -16,14 +16,16 @@ var base$2 = require('./variations/_disabled/base.js');
 var base$3 = require('./variations/_readonly/base.js');
 var SingleDate_styles = require('./SingleDate.styles.js');
 var getFormattedDates = require('../utils/getFormattedDates.js');
+var getSizeValueFromProp = require('../../../utils/getSizeValueFromProp.js');
 var noop = require('../../../utils/noop.js');
 var getPopoverPlacement = require('../../../utils/getPopoverPlacement.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 var datePickerRoot = function datePickerRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
@@ -88,6 +90,9 @@ var datePickerRoot = function datePickerRoot(Root) {
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
       offset = _ref.offset,
+      calendarContainerWidth = _ref.calendarContainerWidth,
+      calendarContainerHeight = _ref.calendarContainerHeight,
+      stretch = _ref.stretch,
       onChangeValue = _ref.onChangeValue,
       onCommitDate = _ref.onCommitDate,
       onToggle = _ref.onToggle,
@@ -101,6 +106,7 @@ var datePickerRoot = function datePickerRoot(Root) {
     }
     var inputRef = React.useRef(null);
     var innerRef = React.useRef(null);
+    var calendarRootRef = React.useRef(null);
     var _useState = React.useState(opened),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -130,6 +136,8 @@ var datePickerRoot = function datePickerRoot(Root) {
       _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
       inputValue = _useState8[0],
       setInputValue = _useState8[1];
+    var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp.getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
+    var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp.getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
     var _useDatePicker = useDatePicker.useDatePicker({
         currentValue: inputValue,
         format: format,
@@ -174,6 +182,17 @@ var datePickerRoot = function datePickerRoot(Root) {
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var handleCalendarRootClick = function handleCalendarRootClick(event) {
+      if (disabled || readOnly) {
+        return;
+      }
+      if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
+        setIsInnerOpen(false);
+        if (onToggle) {
+          onToggle(false, event);
+        }
+      }
+    };
     var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
         isCalendarOpen: isInnerOpen,
         format: format,
@@ -194,7 +213,7 @@ var datePickerRoot = function datePickerRoot(Root) {
     };
     var DatePickerInput = /*#__PURE__*/React__default.default.createElement(SingleDate_styles.StyledInput, {
       ref: inputRef,
-      className: index.cx(datePickerErrorClass, datePickerSuccessClass),
+      className: cls__default.default(datePickerErrorClass, datePickerSuccessClass),
       value: inputValue,
       size: size,
       readOnly: readOnly,
@@ -231,7 +250,7 @@ var datePickerRoot = function datePickerRoot(Root) {
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
-      className: index.cx(DatePicker_tokens.classes.datePickerRoot, className),
+      className: cls__default.default(DatePicker_tokens.classes.datePickerRoot, className, _rollupPluginBabelHelpers.defineProperty({}, DatePicker_tokens.classes.datePickerStretch, stretch)),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       ref: ref
@@ -248,12 +267,17 @@ var datePickerRoot = function datePickerRoot(Root) {
       target: DatePickerInput,
       preventOverflow: false
     }, /*#__PURE__*/React__default.default.createElement(Root, {
+      ref: calendarRootRef,
       view: view,
       size: size,
-      className: index.cx(DatePicker_tokens.classes.datePickerRoot, className),
+      className: cls__default.default(DatePicker_tokens.classes.datePickerRoot, className, _rollupPluginBabelHelpers.defineProperty({}, DatePicker_tokens.classes.datePickerStretch, stretch)),
       disabled: disabled,
-      readOnly: !disabled && readOnly
+      readOnly: !disabled && readOnly,
+      onClick: handleCalendarRootClick
     }, /*#__PURE__*/React__default.default.createElement(DatePickerBase_styles.StyledCalendar, {
+      className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, DatePicker_tokens.classes.datePickerCalendarStretch, stretch)),
+      innerWidth: calendarContainerWidthValue,
+      innerHeight: calendarContainerHeightValue,
       size: size,
       value: calendarValue,
       type: type,
@@ -273,7 +297,7 @@ var datePickerRoot = function datePickerRoot(Root) {
       locale: lang,
       onChangeValue: handleCalendarPick
     }))), leftHelper && /*#__PURE__*/React__default.default.createElement(SingleDate_styles.LeftHelper, {
-      className: index.cx(datePickerErrorClass, datePickerSuccessClass)
+      className: cls__default.default(datePickerErrorClass, datePickerSuccessClass)
     }, leftHelper), /*#__PURE__*/React__default.default.createElement(DatePickerBase_styles.InputHidden, _rollupPluginBabelHelpers.extends({
       type: "hidden",
       datatype: "datepicker-single",

package/cjs/components/DatePicker/SingleDate/SingleDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, FocusEvent } from 'react';\nimport type { DateType } from 'src/components/Calendar/Calendar.types';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements, noop } from '../../../utils';\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n                value,\n\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                hasRequiredIndicator = true,\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                name,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                renderFromDate,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                frame = 'document',\n                usePortal = false,\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n                onChange,\n\n                autoComplete,\n                ...rest\n            },\n            ref,\n        ) => {\n            if (value && defaultDate) {\n                throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n            }\n\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const innerRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n            const initialValues = getFormattedDates({\n                value: value || defaultDate,\n                delimiter: dateFormatDelimiter,\n                lang,\n                format,\n                includeEdgeDates,\n                min,\n                max,\n            });\n\n            const [correctDates, setCorrectDates] = useState({\n                calendar: initialValues.originalDate,\n                input: initialValues.formattedDate,\n            });\n            const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n            const [inputValue, setInputValue] = useState(correctDates.input);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleChangeValue,\n                handleCalendarPick,\n                handleSearch,\n                updateExternalDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                name,\n                type,\n                min,\n                max,\n                includeEdgeDates,\n                setCorrectDates,\n                setInputValue,\n                setCalendarValue,\n                dateFormatDelimiter,\n                onChangeValue,\n                onCommitDate,\n                onChange,\n            });\n\n            const handleToggle = (innerOpened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    event.target === inputRef?.current &&\n                    (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n                        ? true\n                        : innerOpened;\n\n                if (!innerOpened && !calendarValue) {\n                    setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n                }\n\n                if (onToggle) {\n                    onToggle(isCalendarOpen, event);\n\n                    return;\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                format,\n                maskWithFormat,\n                delimiter: dateFormatDelimiter,\n                closeOnEsc,\n                onToggle: handleToggle,\n            });\n\n            const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n                if (!calendarValue && correctDates.calendar) {\n                    setCalendarValue(new Date(correctDates.calendar));\n                    setInputValue(correctDates.input);\n                }\n\n                if (onBlur) {\n                    onBlur(event);\n                }\n            };\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={handleSearch}\n                    onFocus={onFocus}\n                    onBlur={handleBlur}\n                    onKeyDown={onKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    hasRequiredIndicator={hasRequiredIndicator}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                    autoComplete={autoComplete}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useLayoutEffect(() => {\n                updateExternalDate(value);\n            }, [value, format, lang]);\n\n            useLayoutEffect(() => {\n                updateExternalDate(defaultDate);\n            }, [defaultDate, format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement, false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            className={cx(classes.datePickerRoot, className)}\n                            disabled={disabled}\n                            readOnly={!disabled && readOnly}\n                        >\n                            <StyledCalendar\n                                size={size}\n                                value={calendarValue}\n                                type={type}\n                                eventList={eventList}\n                                disabledList={disabledList}\n                                eventMonthList={eventMonthList}\n                                disabledMonthList={disabledMonthList}\n                                eventQuarterList={eventQuarterList}\n                                disabledQuarterList={disabledQuarterList}\n                                eventYearList={eventYearList}\n                                disabledYearList={disabledYearList}\n                                min={min}\n                                max={max}\n                                renderFromDate={renderFromDate}\n                                includeEdgeDates={includeEdgeDates}\n                                isRange={false}\n                                locale={lang}\n                                onChangeValue={handleCalendarPick}\n                            />\n                        </Root>\n                    </StyledPopover>\n                    {leftHelper && (\n                        <LeftHelper className={cx(datePickerErrorClass, datePickerSuccessClass)}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                    <InputHidden\n                        type=\"hidden\"\n                        datatype=\"datepicker-single\"\n                        name={name}\n                        value={inputValue}\n                        ref={innerRef}\n                        {...noop}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","undefined","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","DatePickerInput","React","createElement","StyledInput","cx","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendar","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n                value,\n\n                label,\n                labelPlacement = 'outer',\n                keepPlaceholder,\n                required = false,\n                requiredPlacement = 'right',\n                hasRequiredIndicator = true,\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                name,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                renderFromDate,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                frame = 'document',\n                usePortal = false,\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                calendarContainerWidth,\n                calendarContainerHeight,\n                stretch,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n                onChange,\n\n                autoComplete,\n                ...rest\n            },\n            ref,\n        ) => {\n            if (value && defaultDate) {\n                throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n            }\n\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const innerRef = useRef<HTMLInputElement | null>(null);\n            const calendarRootRef = useRef<HTMLDivElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n            const initialValues = getFormattedDates({\n                value: value || defaultDate,\n                delimiter: dateFormatDelimiter,\n                lang,\n                format,\n                includeEdgeDates,\n                min,\n                max,\n            });\n\n            const [correctDates, setCorrectDates] = useState({\n                calendar: initialValues.originalDate,\n                input: initialValues.formattedDate,\n            });\n            const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n            const [inputValue, setInputValue] = useState(correctDates.input);\n\n            const calendarContainerWidthValue = calendarContainerWidth\n                ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n                : undefined;\n            const calendarContainerHeightValue = calendarContainerHeight\n                ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n                : undefined;\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleChangeValue,\n                handleCalendarPick,\n                handleSearch,\n                updateExternalDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                name,\n                type,\n                min,\n                max,\n                includeEdgeDates,\n                setCorrectDates,\n                setInputValue,\n                setCalendarValue,\n                dateFormatDelimiter,\n                onChangeValue,\n                onCommitDate,\n                onChange,\n            });\n\n            const handleToggle = (innerOpened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    event.target === inputRef?.current &&\n                    (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n                        ? true\n                        : innerOpened;\n\n                if (!innerOpened && !calendarValue) {\n                    setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n                }\n\n                if (onToggle) {\n                    onToggle(isCalendarOpen, event);\n\n                    return;\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                if (isInnerOpen && stretch && event.target === calendarRootRef?.current) {\n                    setIsInnerOpen(false);\n\n                    if (onToggle) {\n                        onToggle(false, event);\n                    }\n                }\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                format,\n                maskWithFormat,\n                delimiter: dateFormatDelimiter,\n                closeOnEsc,\n                onToggle: handleToggle,\n            });\n\n            const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n                if (!calendarValue && correctDates.calendar) {\n                    setCalendarValue(new Date(correctDates.calendar));\n                    setInputValue(correctDates.input);\n                }\n\n                if (onBlur) {\n                    onBlur(event);\n                }\n            };\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cls(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={handleSearch}\n                    onFocus={onFocus}\n                    onBlur={handleBlur}\n                    onKeyDown={onKeyDown}\n                    required={required}\n                    requiredPlacement={requiredPlacement}\n                    hasRequiredIndicator={hasRequiredIndicator}\n                    label={label}\n                    labelPlacement={labelPlacement}\n                    keepPlaceholder={keepPlaceholder}\n                    autoComplete={autoComplete}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useLayoutEffect(() => {\n                updateExternalDate(value);\n            }, [value, format, lang]);\n\n            useLayoutEffect(() => {\n                updateExternalDate(defaultDate);\n            }, [defaultDate, format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cls(classes.datePickerRoot, className, { [classes.datePickerStretch]: stretch })}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={usePortal}\n                        frame={frame}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement, false)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <Root\n                            ref={calendarRootRef}\n                            view={view}\n                            size={size}\n                            className={cls(classes.datePickerRoot, className, { [classes.datePickerStretch]: stretch })}\n                            disabled={disabled}\n                            readOnly={!disabled && readOnly}\n                            onClick={handleCalendarRootClick}\n                        >\n                            <StyledCalendar\n                                className={cls({ [classes.datePickerCalendarStretch]: stretch })}\n                                innerWidth={calendarContainerWidthValue}\n                                innerHeight={calendarContainerHeightValue}\n                                size={size}\n                                value={calendarValue}\n                                type={type}\n                                eventList={eventList}\n                                disabledList={disabledList}\n                                eventMonthList={eventMonthList}\n                                disabledMonthList={disabledMonthList}\n                                eventQuarterList={eventQuarterList}\n                                disabledQuarterList={disabledQuarterList}\n                                eventYearList={eventYearList}\n                                disabledYearList={disabledYearList}\n                                min={min}\n                                max={max}\n                                renderFromDate={renderFromDate}\n                                includeEdgeDates={includeEdgeDates}\n                                isRange={false}\n                                locale={lang}\n                                onChangeValue={handleCalendarPick}\n                            />\n                        </Root>\n                    </StyledPopover>\n                    {leftHelper && (\n                        <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                    <InputHidden\n                        type=\"hidden\"\n                        datatype=\"datepicker-single\"\n                        name={name}\n                        value={inputValue}\n                        ref={innerRef}\n                        {...noop}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","calendarContainerWidth","calendarContainerHeight","stretch","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerStretch","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarStretch","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -1,4 +1,4 @@
-require('./SingleDate.styles_4wd0mq.css');
+require('./SingleDate.styles_eae6ii.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n        width: inherit;\n    }\n`;\n\nexport const LeftHelper = styled.div`\n    color: var(${tokens.leftHelperColor});\n\n    &.${classes.datePickerError} {\n        color: var(${tokens.leftHelperColorError});\n    }\n\n    &.${classes.datePickerSuccess} {\n        color: var(${tokens.leftHelperColorSuccess});\n    }\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","LeftHelper"],"mappings":";;;;;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,UAAU,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU/B;;;;;;;"}
+{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    width: 100%;\n\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        width: inherit;\n    }\n\n    &.${classes.datePickerStretch} {\n        width: 100%;\n\n        .${popoverClasses.root} {\n            width: 100%;\n        }\n    }\n`;\n\nexport const LeftHelper = styled.div`\n    color: var(${tokens.leftHelperColor});\n\n    &.${classes.datePickerError} {\n        color: var(${tokens.leftHelperColorError});\n    }\n\n    &.${classes.datePickerSuccess} {\n        color: var(${tokens.leftHelperColorSuccess});\n    }\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","LeftHelper"],"mappings":";;;;;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAchB,UAAA;AAEM,IAAMC,UAAU,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU/B;;;;;;;"}

package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_eae6ii.css}

@@ -1,4 +1,4 @@
 
 .s15omatb{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s15omatb.date-picker-error{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.s15omatb.date-picker-success{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.boba7w3{display:inline-block;}.boba7w3 .popover-wrapper,.boba7w3 .popover-target{width:inherit;}
+.boba7w3{display:inline-block;}.boba7w3 .popover-wrapper,.boba7w3 .popover-target{width:inherit;}.boba7w3.date-picker-stretch{width:100%;}.boba7w3.date-picker-stretch .popover-root{width:100%;}
 .lvfqi8{color:var(--plasma-date-picker__left-helper-color);}.lvfqi8.date-picker-error{color:var(--plasma-date-picker__left-helper-color-error);}.lvfqi8.date-picker-success{color:var(--plasma-date-picker__left-helper-color-success);}

package/cjs/components/Mask/Mask.js

@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var maskInputCompose__default = /*#__PURE__*/_interopDefault(maskInputCompose);
 
-var _excluded = ["maskFormat"];
+var _excluded = ["mask", "maskFormat"];
 var defaultFormatChars = [{
   str: '0',
   regexp: /[0-9]/
@@ -28,7 +28,8 @@ var defaultFormatChars = [{
 var composeMask = function composeMask(InputComponent) {
   var MaskedInput = maskInputCompose__default.default(InputComponent);
   return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
-    var _ref$maskFormat = _ref.maskFormat,
+    var mask = _ref.mask,
+      _ref$maskFormat = _ref.maskFormat,
       maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -39,8 +40,14 @@ var composeMask = function composeMask(InputComponent) {
     React.useImperativeHandle(outerRef, function () {
       return ref;
     }, [ref]);
+    if (!mask) {
+      return /*#__PURE__*/React__default.default.createElement(InputComponent, _rollupPluginBabelHelpers.extends({
+        ref: setRef
+      }, rest));
+    }
     return /*#__PURE__*/React__default.default.createElement(MaskedInput, _rollupPluginBabelHelpers.extends({
       getReference: setRef,
+      mask: mask,
       maskFormat: maskFormat
     }, rest));
   });