@salutejs/plasma-new-hope 0.346.0-canary.2425.21512862586.0 → 0.346.0-canary.2425.21518296162.0

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

@@ -12,8 +12,8 @@ _export(exports, {
     get classes () {
         return classes;
     },
-    get pivateTokens () {
-        return pivateTokens;
+    get privateTokens () {
+        return privateTokens;
     },
     get tokens () {
         return tokens;
@@ -24,9 +24,10 @@ var classes = {
     datePickerSuccess: 'date-picker-success',
     datePickerRoot: 'date-picker-root',
     datePickerstretched: 'date-picker-stretched',
-    datePickerCalendarstretched: 'date-picker-calendar-stretched'
+    datePickerCalendarstretched: 'date-picker-calendar-stretched',
+    shortcutItemDisabled: 'date-picker-shortcut-item-disabled'
 };
-var pivateTokens = {
+var privateTokens = {
     calendarDoubleWidth: '--plasma_private-calendar-double-width'
 };
 var tokens = {
@@ -120,6 +121,13 @@ var tokens = {
     titleCaptionFontWeight: '--plasma-date-picker-title-caption-font-weight',
     titleCaptionLetterSpacing: '--plasma-date-picker-title-caption-letter-spacing',
     titleCaptionLineHeight: '--plasma-date-picker-title-caption-line-height',
+    /** Токены контейнера календаря */ popoverShadow: '--plasma-date-picker-popover-shadow',
+    popoverGap: '--plasma-date-picker-popover-gap',
+    popoverBorderRadius: '--plasma-date-picker-popover-border-radius',
+    popoverPadding: '--plasma-date-picker-popover-padding',
+    popoverVerticalPadding: '--plasma-date-picker-popover-vertical-padding',
+    popoverBackgroundColor: '--plasma-date-picker-popover__background-color',
+    popoverSeparatorBackground: '--plasma-date-picker-popover__separator-background',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-date-picker-disabled-opacity',
     rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
@@ -190,12 +198,8 @@ var tokens = {
     textFieldDividerColorError: '--plasma-date-picker-textfield__divider-color-error',
     textFieldDividerColorHover: '--plasma-date-picker-textfield__divider-color-hover',
     textFieldDividerColorFocus: '--plasma-date-picker-textfield__divider-color-focus',
-    /** Токены календаря */ calendarMarginTop: '--plasma-date-picker-calendar-margin-top',
-    calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
-    calendarShadow: '--plasma-date-picker-calendar-shadow',
-    calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
-    calendarContainerWidth: '--plasma-date-picker-calendar-container-width',
-    calendarContainerHeight: '--plasma-date-picker-calendar-container-height',
+    /** Токены календаря */ calendarWidth: '--plasma-date-picker-calendar-width',
+    calendarHeight: '--plasma-date-picker-calendar-height',
     calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
     calendarBorderColor: '--plasma-date-picker-calendar-border-color',
     calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
@@ -261,7 +265,6 @@ var tokens = {
     iconButtonPadding: '--plasma-date-picker-icon-button__padding',
     iconButtonRadius: '--plasma-date-picker-icon-button__radius',
     iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
-    calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
     calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
     calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
     calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
@@ -274,7 +277,6 @@ var tokens = {
     calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
     calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
     calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
-    calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
     calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
     calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
     calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
@@ -333,5 +335,21 @@ var tokens = {
     hintTooltipArrowMaskImage: '--plasma-date-picker-calendar-hint-tooltip-arrow-mask-image',
     hintTooltipArrowBackground: '--plasma-date-picker-calendar-hint-tooltip-arrow-background',
     hintTooltipArrowHeight: '--plasma-date-picker-calendar-hint-tooltip-arrow-height',
-    hintTooltipArrowEdgeMargin: '--plasma-date-picker-calendar-hint-tooltip-arrow-edge-margin'
+    hintTooltipArrowEdgeMargin: '--plasma-date-picker-calendar-hint-tooltip-arrow-edge-margin',
+    /** Токены предустановленных дат */ shortcutColor: '--plasma-date-picker-shortcut-item-color',
+    shortcutBackground: '--plasma-date-picker-shortcut-item-background',
+    shortcutBackgroundHover: '--plasma-date-picker-shortcut-item-background-hover',
+    shortcutFontFamily: '--plasma-date-picker-shortcut-item-font-family',
+    shortcutFontStyle: '--plasma-date-picker-shortcut-item-font-style',
+    shortcutFontSize: '--plasma-date-picker-shortcut-item-font-size',
+    shortcutFontWeight: '--plasma-date-picker-shortcut-item-font-weight',
+    shortcutLetterSpacing: '--plasma-date-picker-shortcut-item-letter-spacing',
+    shortcutLineHeight: '--plasma-date-picker-shortcut-item-line-height',
+    shortcutPadding: '--plasma-date-picker-shortcut-item-padding',
+    shortcutPaddingLeftContent: '--plasma-date-picker-shortcut-item-padding-left-content',
+    shortcutPaddingContent: '--plasma-date-picker-shortcut-item-padding-content',
+    shortcutPaddingRightContent: '--plasma-date-picker-shortcut-item-right-padding-content',
+    shortcutGap: '--plasma-date-picker-shortcut-item-gap',
+    shortcutBorderRadius: '--plasma-date-picker-shortcut-item-border-radius',
+    outlineFocusColor: '--plasma-date-picker-outline-focus'
 };

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

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

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

@@ -221,7 +221,7 @@ var datePickerRangeRoot = function(Root) {
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, _param_format = _param.// calendar
-        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
+        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, dateShortcuts = _param.dateShortcuts, _param_dateShortcutsPlacement = _param.dateShortcutsPlacement, dateShortcutsPlacement = _param_dateShortcutsPlacement === void 0 ? 'left' : _param_dateShortcutsPlacement, dateShortcutsWidth = _param.dateShortcutsWidth, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
             "className",
             "name",
             "autoComplete",
@@ -299,6 +299,9 @@ var datePickerRangeRoot = function(Root) {
             "type",
             "calendarContainerWidth",
             "calendarContainerHeight",
+            "dateShortcuts",
+            "dateShortcutsPlacement",
+            "dateShortcutsWidth",
             "onToggle",
             "onChange",
             "onChangeFirstValue",
@@ -518,6 +521,10 @@ var datePickerRangeRoot = function(Root) {
             closeOnEsc: closeOnEsc,
             onToggle: handleToggle
         }).onKeyDown;
+        var handleShortcutDateSelect = function(shortcutDate) {
+            handleFirstCalendarPick(shortcutDate[0]);
+            handleSecondCalendarPick(shortcutDate[1]);
+        };
         var handleChangeStartOfRange = function(chosenDate, dateInfo) {
             if (!fullDateEntered) {
                 handleFirstCalendarPick(chosenDate, dateInfo);
@@ -732,7 +739,11 @@ var datePickerRangeRoot = function(Root) {
             rootWrapper: RootWrapper,
             onChangeStartOfRange: handleChangeStartOfRange,
             onChangeValue: handleChangeCalendarValue,
-            setIsInnerOpen: setIsInnerOpen
+            setIsInnerOpen: setIsInnerOpen,
+            dateShortcuts: dateShortcuts,
+            dateShortcutsPlacement: dateShortcutsPlacement,
+            dateShortcutsWidth: dateShortcutsWidth,
+            onShortcutDateSelect: handleShortcutDateSelect
         }), /*#__PURE__*/ _react.default.createElement(_DatePickerBasestyles.InputHidden, _object_spread({
             name: name,
             type: "hidden",

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

@@ -71,13 +71,29 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-9752899b-0"
+    componentId: "sc-8a6fa694-0"
 })([
-    ""
-]);
+    ".",
+    "{box-sizing:border-box;display:flex;gap:var(",
+    ");border-radius:var(",
+    ");padding:var(",
+    ");border:var(",
+    ") solid var(",
+    ");background:var(",
+    ");box-shadow:var(",
+    ");overflow:hidden;width:",
+    ";height:",
+    ";}"
+], _DatePickertokens.classes.datePickerRoot, _DatePickertokens.tokens.popoverGap, _DatePickertokens.tokens.popoverBorderRadius, _DatePickertokens.tokens.popoverPadding, _DatePickertokens.tokens.calendarBorderWidth, _DatePickertokens.tokens.calendarBorderColor, _DatePickertokens.tokens.popoverBackgroundColor, _DatePickertokens.tokens.popoverShadow, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth || 'fit-content';
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight || 'fit-content';
+});
 var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-9752899b-1"
+    componentId: "sc-8a6fa694-1"
 })([
     "",
     ":var(",

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

@@ -13,6 +13,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _utils = require("../../../../utils");
 var _RangeDatestyles = require("../RangeDate.styles");
 var _DatePickertokens = require("../../DatePicker.tokens");
+var _ui = require("../../ui");
 var _RangeDatePopoverstyles = require("./RangeDatePopover.styles");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -77,7 +78,7 @@ var RangeDatePopover = function(param) {
     var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventTooltipOptions = param.eventTooltipOptions, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
         'top',
         'bottom'
-    ] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
+    ] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, dateShortcuts = param.dateShortcuts, _param_dateShortcutsPlacement = param.dateShortcutsPlacement, dateShortcutsPlacement = _param_dateShortcutsPlacement === void 0 ? 'left' : _param_dateShortcutsPlacement, dateShortcutsWidth = param.dateShortcutsWidth, onShortcutDateSelect = param.onShortcutDateSelect, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
     var innerIsOpen = Boolean(isOpen || opened);
     var calendarRootRef = (0, _react.useRef)(null);
     var doubleCalendarRootRef = (0, _react.useRef)(null);
@@ -108,12 +109,20 @@ var RangeDatePopover = function(param) {
             isFocusTrapped: false,
             target: target,
             preventOverflow: false,
-            zIndex: zIndex
+            zIndex: zIndex,
+            innerWidth: calendarContainerWidthValue,
+            innerHeight: calendarContainerHeightValue
         }, /*#__PURE__*/ _react.default.createElement(Root, {
             ref: doubleCalendarRootRef,
             className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
             onClick: handleCalendarRootClick
-        }, /*#__PURE__*/ _react.default.createElement(_RangeDatePopoverstyles.StyledCalendarDouble, {
+        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) && onShortcutDateSelect ? /*#__PURE__*/ _react.default.createElement(_ui.StyledShortcutList, {
+            items: dateShortcuts,
+            setShortcutDate: onShortcutDateSelect,
+            dateShortcutsWidth: dateShortcutsWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dateShortcutsPlacement: dateShortcutsPlacement
+        }) : null, /*#__PURE__*/ _react.default.createElement(_RangeDatePopoverstyles.StyledCalendarDouble, {
             className: (0, _classnames.default)(_define_property({}, _DatePickertokens.classes.datePickerCalendarstretched, stretched)),
             innerWidth: calendarContainerWidthValue,
             innerHeight: calendarContainerHeightValue,
@@ -151,12 +160,20 @@ var RangeDatePopover = function(param) {
         target: target,
         preventOverflow: false,
         closeOnEsc: closeOnEsc,
-        zIndex: zIndex
+        zIndex: zIndex,
+        innerWidth: calendarContainerWidthValue,
+        innerHeight: calendarContainerHeightValue
     }, /*#__PURE__*/ _react.default.createElement(Root, {
         ref: calendarRootRef,
         className: (0, _classnames.default)(_DatePickertokens.classes.datePickerRoot, _define_property({}, _DatePickertokens.classes.datePickerstretched, stretched)),
         onClick: handleCalendarRootClick
-    }, /*#__PURE__*/ _react.default.createElement(_RangeDatePopoverstyles.StyledCalendar, {
+    }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) && onShortcutDateSelect ? /*#__PURE__*/ _react.default.createElement(_ui.StyledShortcutList, {
+        items: dateShortcuts,
+        setShortcutDate: onShortcutDateSelect,
+        dateShortcutsWidth: dateShortcutsWidth,
+        calendarContainerHeight: calendarContainerHeight,
+        dateShortcutsPlacement: dateShortcutsPlacement
+    }) : null, /*#__PURE__*/ _react.default.createElement(_RangeDatePopoverstyles.StyledCalendar, {
         className: (0, _classnames.default)(_define_property({}, _DatePickertokens.classes.datePickerCalendarstretched, stretched)),
         innerWidth: calendarContainerWidthValue,
         innerHeight: calendarContainerHeightValue,

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

@@ -34,35 +34,41 @@ var CalendarDoubleRange = (0, _Calendar.withRange)(CalendarDouble);
 var CalendarRange = (0, _Calendar.withRange)(Calendar);
 var StyledCalendarDouble = (0, _styledcomponents.default)(CalendarDoubleRange).withConfig({
     displayName: "RangeDatePopover.styles__StyledCalendarDouble",
-    componentId: "sc-95daf184-0"
+    componentId: "sc-94558ff2-0"
 })([
     "",
-    ":var(",
-    ");",
-    " ",
     ":calc(var(",
-    ") * 2 + 2.063rem);width:",
+    ") * 2 + 2.063rem);flex-shrink:",
+    ";width:",
     ";height:",
-    ";"
-], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePickertokens.tokens.calendarSeparatorBackground, _DatePickerBasestyles.baseCalendarTokens, _DatePickertokens.pivateTokens.calendarDoubleWidth, _DatePickertokens.tokens.calendarContainerWidth, function(param) {
+    ";",
+    ""
+], _DatePickertokens.privateTokens.calendarDoubleWidth, _DatePickertokens.tokens.calendarWidth, function(param) {
     var innerWidth = param.innerWidth;
-    return innerWidth || "var(".concat(_DatePickertokens.pivateTokens.calendarDoubleWidth, ")");
+    return innerWidth && innerWidth !== '0' ? '1' : '0';
+}, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(_DatePickertokens.privateTokens.calendarDoubleWidth, ")");
 }, function(param) {
     var innerHeight = param.innerHeight;
-    return innerHeight || "var(".concat(_DatePickertokens.tokens.calendarContainerHeight, ")");
-});
+    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(_DatePickertokens.tokens.calendarHeight, ")");
+}, _DatePickerBasestyles.baseCalendarTokens);
 var StyledCalendar = (0, _styledcomponents.default)(CalendarRange).withConfig({
     displayName: "RangeDatePopover.styles__StyledCalendar",
-    componentId: "sc-95daf184-1"
+    componentId: "sc-94558ff2-1"
 })([
-    "",
-    " width:",
+    "flex-shrink:",
+    ";width:",
     ";height:",
-    ";"
-], _DatePickerBasestyles.baseCalendarTokens, function(param) {
+    ";",
+    ""
+], function(param) {
     var innerWidth = param.innerWidth;
-    return innerWidth || "var(".concat(_DatePickertokens.tokens.calendarContainerWidth, ")");
+    return innerWidth && innerWidth !== '0' ? '1' : '0';
+}, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(_DatePickertokens.tokens.calendarWidth, ")");
 }, function(param) {
     var innerHeight = param.innerHeight;
-    return innerHeight || "var(".concat(_DatePickertokens.tokens.calendarContainerHeight, ")");
-});
+    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(_DatePickertokens.tokens.calendarHeight, ")");
+}, _DatePickerBasestyles.baseCalendarTokens);

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

@@ -25,6 +25,7 @@ var _DatePickertokens = require("../DatePicker.tokens");
 var _DatePickerBasestyles = require("../DatePickerBase.styles");
 var _useKeyboardNavigation = require("../hooks/useKeyboardNavigation");
 var _utils1 = require("../utils");
+var _ui = require("../ui");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
 var _base2 = require("./variations/_hint-view/base");
@@ -194,7 +195,7 @@ var datePickerRoot = function(Root) {
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, _param_format = _param.// calendar
-        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, dateShortcuts = _param.dateShortcuts, _param_dateShortcutsPlacement = _param.dateShortcutsPlacement, dateShortcutsPlacement = _param_dateShortcutsPlacement === void 0 ? 'left' : _param_dateShortcutsPlacement, dateShortcutsWidth = _param.dateShortcutsWidth, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "className",
             "name",
             "autoComplete",
@@ -261,6 +262,9 @@ var datePickerRoot = function(Root) {
             "type",
             "calendarContainerWidth",
             "calendarContainerHeight",
+            "dateShortcuts",
+            "dateShortcutsPlacement",
+            "dateShortcutsWidth",
             "onChangeValue",
             "onCommitDate",
             "onToggle",
@@ -465,7 +469,9 @@ var datePickerRoot = function(Root) {
             isFocusTrapped: false,
             target: DatePickerInput,
             preventOverflow: false,
-            zIndex: zIndex
+            zIndex: zIndex,
+            innerWidth: calendarContainerWidthValue,
+            innerHeight: calendarContainerHeightValue
         }, /*#__PURE__*/ _react.default.createElement(Root, {
             ref: calendarRootRef,
             view: view,
@@ -474,7 +480,13 @@ var datePickerRoot = function(Root) {
             disabled: disabled,
             readOnly: !disabled && readOnly,
             onClick: handleCalendarRootClick
-        }, /*#__PURE__*/ _react.default.createElement(_DatePickerBasestyles.StyledCalendar, {
+        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ _react.default.createElement(_ui.StyledShortcutList, {
+            items: dateShortcuts,
+            setShortcutDate: onCalendarPick,
+            dateShortcutsWidth: dateShortcutsWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dateShortcutsPlacement: dateShortcutsPlacement
+        }) : null, /*#__PURE__*/ _react.default.createElement(_DatePickerBasestyles.StyledCalendar, {
             className: (0, _classnames.default)(_define_property({}, _DatePickertokens.classes.datePickerCalendarstretched, stretched)),
             innerWidth: calendarContainerWidthValue,
             innerHeight: calendarContainerHeightValue,

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

@@ -74,13 +74,29 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-e7a0100b-0"
+    componentId: "sc-1eb1563e-0"
 })([
-    ""
-]);
+    ".",
+    "{box-sizing:border-box;display:flex;gap:var(",
+    ");border-radius:var(",
+    ");padding:var(",
+    ");border:var(",
+    ") solid var(",
+    ");background:var(",
+    ");box-shadow:var(",
+    ");overflow:hidden;width:",
+    ";height:",
+    ";}"
+], _DatePickertokens.classes.datePickerRoot, _DatePickertokens.tokens.popoverGap, _DatePickertokens.tokens.popoverBorderRadius, _DatePickertokens.tokens.popoverPadding, _DatePickertokens.tokens.calendarBorderWidth, _DatePickertokens.tokens.calendarBorderColor, _DatePickertokens.tokens.popoverBackgroundColor, _DatePickertokens.tokens.popoverShadow, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth || 'fit-content';
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight || 'fit-content';
+});
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-e7a0100b-1"
+    componentId: "sc-1eb1563e-1"
 })([
     "width:100%;",
     ":var(",
@@ -361,7 +377,7 @@ var base = (0, _styledcomponents.css)([
 ], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-e7a0100b-2"
+    componentId: "sc-1eb1563e-2"
 })([
     "color:var(",
     ");&.",

package/dist/styled-components/cjs/components/DatePicker/ui/DateShortcut/DateShortcutList.styles.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "StyledShortcutList", {
+    enumerable: true,
+    get: function() {
+        return StyledShortcutList;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _ui = require("../../../DateTimePicker/ui");
+var _DateTimePicker = require("../../../DateTimePicker");
+var _DatePickertokens = require("../../DatePicker.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var StyledShortcutList = (0, _styledcomponents.default)(_ui.DateShortcutList).withConfig({
+    displayName: "DateShortcutList.styles__StyledShortcutList",
+    componentId: "sc-b1c8b5db-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _DateTimePicker.dateTimePickerTokens.popoverGap, _DatePickertokens.tokens.popoverGap, _DateTimePicker.dateTimePickerTokens.popoverSeparatorBackground, _DatePickertokens.tokens.popoverSeparatorBackground, _DateTimePicker.dateTimePickerTokens.popoverVerticalPadding, _DatePickertokens.tokens.popoverVerticalPadding, _DateTimePicker.dateTimePickerTokens.calendarHeight, _DatePickertokens.tokens.calendarHeight, _DateTimePicker.dateTimePickerTokens.shortcutPadding, _DatePickertokens.tokens.shortcutPadding, _DateTimePicker.dateTimePickerTokens.shortcutBorderRadius, _DatePickertokens.tokens.shortcutBorderRadius, _DateTimePicker.dateTimePickerTokens.shortcutBackgroundHover, _DatePickertokens.tokens.shortcutBackgroundHover, _DateTimePicker.dateTimePickerTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _DateTimePicker.dateTimePickerTokens.outlineFocusColor, _DatePickertokens.tokens.outlineFocusColor, _DateTimePicker.dateTimePickerTokens.shortcutBorderRadius, _DatePickertokens.tokens.shortcutBorderRadius, _DateTimePicker.dateTimePickerTokens.shortcutColor, _DatePickertokens.tokens.shortcutColor, _DateTimePicker.dateTimePickerTokens.shortcutPadding, _DatePickertokens.tokens.shortcutPadding, _DateTimePicker.dateTimePickerTokens.shortcutPaddingContent, _DatePickertokens.tokens.shortcutPaddingContent, _DateTimePicker.dateTimePickerTokens.shortcutPaddingLeftContent, _DatePickertokens.tokens.shortcutPaddingLeftContent, _DateTimePicker.dateTimePickerTokens.shortcutPaddingRightContent, _DatePickertokens.tokens.shortcutPaddingRightContent, _DateTimePicker.dateTimePickerTokens.shortcutGap, _DatePickertokens.tokens.shortcutGap, _DateTimePicker.dateTimePickerTokens.shortcutFontFamily, _DatePickertokens.tokens.shortcutFontFamily, _DateTimePicker.dateTimePickerTokens.shortcutFontSize, _DatePickertokens.tokens.shortcutFontSize, _DateTimePicker.dateTimePickerTokens.shortcutFontStyle, _DatePickertokens.tokens.shortcutFontStyle, _DateTimePicker.dateTimePickerTokens.shortcutFontWeight, _DatePickertokens.tokens.shortcutFontWeight, _DateTimePicker.dateTimePickerTokens.shortcutLetterSpacing, _DatePickertokens.tokens.shortcutLetterSpacing, _DateTimePicker.dateTimePickerTokens.shortcutLineHeight, _DatePickertokens.tokens.shortcutLineHeight);

package/dist/styled-components/cjs/components/DatePicker/ui/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./DateShortcut/DateShortcutList.styles"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

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

@@ -386,7 +386,7 @@ var dateTimePickerRoot = function(Root) {
             readOnly: !disabled && readOnly
         }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ _react.default.createElement(_ui.DateShortcutList, {
             items: dateShortcuts,
-            setShortcutDate: updateExternalDate,
+            setShortcutDate: handleCalendarPick,
             dateShortcutsWidth: dateShortcutsWidth,
             calendarContainerHeight: calendarContainerHeight,
             dateShortcutsPlacement: dateShortcutsPlacement