@salutejs/plasma-new-hope 0.255.0-canary.1727.13074611241.0 → 0.255.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (149) hide show
  1. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  5. package/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
  6. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.js +29 -48
  9. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  10. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  11. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  12. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_rv97is.css} +1 -1
  13. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
  14. package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -3
  15. package/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -23
  16. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  17. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  19. package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_17lyyyf.css} +1 -1
  20. package/cjs/components/DatePicker/hooks/useDatePicker.js +23 -1
  21. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  22. package/cjs/components/Range/Range.css +1 -1
  23. package/cjs/components/Range/Range.js +1 -3
  24. package/cjs/components/Range/Range.js.map +1 -1
  25. package/cjs/components/Range/Range.tokens.js +0 -2
  26. package/cjs/components/Range/Range.tokens.js.map +1 -1
  27. package/cjs/components/Range/variations/_view/base.js +1 -1
  28. package/cjs/components/Range/variations/_view/base.js.map +1 -1
  29. package/{es/components/Range/variations/_view/base_1h18bi1.css → cjs/components/Range/variations/_view/base_1fx3xc5.css} +1 -1
  30. package/cjs/index.css +7 -7
  31. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  32. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  33. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
  34. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +29 -48
  35. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
  36. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -23
  37. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  38. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +23 -1
  39. package/emotion/cjs/components/Range/Range.js +1 -3
  40. package/emotion/cjs/components/Range/Range.tokens.js +0 -2
  41. package/emotion/cjs/components/Range/variations/_view/base.js +1 -1
  42. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  43. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  44. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  45. package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
  46. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  47. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  48. package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -2
  49. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +30 -49
  50. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -5
  51. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +12 -24
  52. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  53. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +23 -1
  54. package/emotion/es/components/Range/Range.js +1 -3
  55. package/emotion/es/components/Range/Range.tokens.js +0 -2
  56. package/emotion/es/components/Range/variations/_view/base.js +1 -1
  57. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  58. package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  59. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  60. package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
  61. package/es/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  62. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  63. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  64. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  65. package/es/components/DatePicker/DatePicker.tokens.js +0 -2
  66. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  67. package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
  68. package/es/components/DatePicker/RangeDate/RangeDate.js +30 -49
  69. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  70. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  71. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  72. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_rv97is.css} +1 -1
  73. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
  74. package/es/components/DatePicker/SingleDate/SingleDate.css +3 -3
  75. package/es/components/DatePicker/SingleDate/SingleDate.js +12 -24
  76. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  77. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  78. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  79. package/es/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_17lyyyf.css} +1 -1
  80. package/es/components/DatePicker/hooks/useDatePicker.js +23 -1
  81. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  82. package/es/components/Range/Range.css +1 -1
  83. package/es/components/Range/Range.js +1 -3
  84. package/es/components/Range/Range.js.map +1 -1
  85. package/es/components/Range/Range.tokens.js +0 -2
  86. package/es/components/Range/Range.tokens.js.map +1 -1
  87. package/es/components/Range/variations/_view/base.js +1 -1
  88. package/es/components/Range/variations/_view/base.js.map +1 -1
  89. package/{cjs/components/Range/variations/_view/base_1h18bi1.css → es/components/Range/variations/_view/base_1fx3xc5.css} +1 -1
  90. package/es/index.css +7 -7
  91. package/package.json +2 -2
  92. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  93. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  94. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
  95. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +29 -48
  96. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  97. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +11 -23
  98. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  99. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +23 -1
  100. package/styled-components/cjs/components/Range/Range.js +1 -3
  101. package/styled-components/cjs/components/Range/Range.tokens.js +0 -2
  102. package/styled-components/cjs/components/Range/variations/_view/base.js +1 -1
  103. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  104. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  105. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  106. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
  107. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +8 -0
  108. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -0
  109. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -2
  110. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +30 -49
  111. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  112. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +12 -24
  113. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  114. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +23 -1
  115. package/styled-components/es/components/Range/Range.js +1 -3
  116. package/styled-components/es/components/Range/Range.tokens.js +0 -2
  117. package/styled-components/es/components/Range/variations/_view/base.js +1 -1
  118. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  119. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  120. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  121. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
  122. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  123. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  124. package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -2
  125. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  126. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -0
  127. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  128. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  129. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +4 -0
  130. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  131. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -0
  132. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  133. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  134. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
  135. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  136. package/types/components/DatePicker/hooks/useDatePicker.d.ts +2 -1
  137. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  138. package/types/components/Range/Range.d.ts.map +1 -1
  139. package/types/components/Range/Range.tokens.d.ts +0 -2
  140. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  141. package/types/components/Range/variations/_view/base.d.ts.map +1 -1
  142. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  143. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +2 -0
  144. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  145. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
  146. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  147. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +2 -0
  148. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  149. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n leftHelperColorError: '--plasma-range__left-helper-color-error',\n leftHelperColorSuccess: '--plasma-range__left-helper-color-success',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperColorError","leftHelperColorSuccess","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
1
+ {"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- require('./base_1h18bi1.css');
1
+ require('./base_1fx3xc5.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport { StyledLabel, LeftHelper, StyledDivider, ContentWrapper, StyledIndicator } from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColor});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColor});\n }\n\n ${StyledIndicator} {\n background-color: var(${tokens.indicatorColor});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n\n &.${classes.rangeError}, &.${classes.rangeValueError} {\n color: var(${tokens.leftHelperColorError});\n }\n\n &.${classes.rangeSuccess}, &.${classes.rangeValueSuccess} {\n color: var(${tokens.leftHelperColorSuccess});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwChB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Range.tokens';\nimport { StyledLabel, LeftHelper, StyledDivider, ContentWrapper, StyledIndicator } from '../../Range.styles';\n\nexport const base = css`\n ${ContentWrapper} {\n background-color: var(${tokens.background});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n\n &.${classes.rangeError} {\n background-color: var(${tokens.backgroundError});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorError});\n }\n\n &.${classes.rangeSuccess} {\n background-color: var(${tokens.backgroundSuccess});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorSuccess});\n }\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColor});\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColor});\n }\n\n ${StyledIndicator} {\n background-color: var(${tokens.indicatorColor});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAgChB;;;;"}
@@ -1 +1 @@
1
- .bfrw0i0 .cfxtxl2{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .cfxtxl2.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .cfxtxl2.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .s1hiyoiq{color:var(--plasma-range__divider-color);}.bfrw0i0 .s14q3826{display:block;color:var(--plasma-range__label-color);}.bfrw0i0 .szi0aji{background-color:var(--plasma-range__indicator-color);}.bfrw0i0 .l1e6rwfy{color:var(--plasma-range__left-helper-color);}.bfrw0i0 .l1e6rwfy.range-error,.bfrw0i0 .l1e6rwfy.range-value-error{color:var(--plasma-range__left-helper-color-error);}.bfrw0i0 .l1e6rwfy.range-success,.bfrw0i0 .l1e6rwfy.range-value-success{color:var(--plasma-range__left-helper-color-success);}
1
+ .bfrw0i0 .cfxtxl2{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.bfrw0i0 .cfxtxl2.range-error{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.bfrw0i0 .cfxtxl2.range-success{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.bfrw0i0 .s1hiyoiq{color:var(--plasma-range__divider-color);}.bfrw0i0 .s14q3826{display:block;color:var(--plasma-range__label-color);}.bfrw0i0 .szi0aji{background-color:var(--plasma-range__indicator-color);}.bfrw0i0 .l1e6rwfy{color:var(--plasma-range__left-helper-color);}
package/cjs/index.css CHANGED
@@ -714,7 +714,7 @@
714
714
 
715
715
  .base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_cfxtxl2__7d0d71e0{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s1hiyoiq__7d0d71e0{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s14q3826__7d0d71e0{margin-bottom:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0{width:var(--plasma-range__indicator-size);height:var(--plasma-range__indicator-size);inset:var(--plasma-range__indicator-placement);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredAlignRight__7d0d71e0{inset:var(--plasma-range__indicator-placement-right);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredPlacementOuter__7d0d71e0{width:var(--plasma-range__indicator-size-outer);height:var(--plasma-range__indicator-size-outer);inset:var(--plasma-range__indicator-placement-outer);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_szi0aji__7d0d71e0.base_11sy7xv_requiredPlacementOuter__7d0d71e0.base_11sy7xv_requiredAlignRight__7d0d71e0{inset:var(--plasma-range__indicator-placement-outer-right);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_s15y5ylz__7d0d71e0{margin:var(--plasma-range__left-content-margin);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_suha98b__7d0d71e0{margin:var(--plasma-range__right-content-margin);}.base_11sy7xv_bc2if5b__7d0d71e0 .base_11sy7xv_l1e6rwfy__7d0d71e0{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
716
716
 
717
- .base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935.base_1h18bi1_rangeError__c6726935{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_cfxtxl2__c6726935.base_1h18bi1_rangeSuccess__c6726935{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_s1hiyoiq__c6726935{color:var(--plasma-range__divider-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_s14q3826__c6726935{display:block;color:var(--plasma-range__label-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_szi0aji__c6726935{background-color:var(--plasma-range__indicator-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935{color:var(--plasma-range__left-helper-color);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeError__c6726935,.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeValueError__c6726935{color:var(--plasma-range__left-helper-color-error);}.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeSuccess__c6726935,.base_1h18bi1_bfrw0i0__c6726935 .base_1h18bi1_l1e6rwfy__c6726935.base_1h18bi1_rangeValueSuccess__c6726935{color:var(--plasma-range__left-helper-color-success);}
717
+ .base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4.base_1fx3xc5_rangeError__d830c0b4{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_cfxtxl2__d830c0b4.base_1fx3xc5_rangeSuccess__d830c0b4{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_s1hiyoiq__d830c0b4{color:var(--plasma-range__divider-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_s14q3826__d830c0b4{display:block;color:var(--plasma-range__label-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_szi0aji__d830c0b4{background-color:var(--plasma-range__indicator-color);}.base_1fx3xc5_bfrw0i0__d830c0b4 .base_1fx3xc5_l1e6rwfy__d830c0b4{color:var(--plasma-range__left-helper-color);}
718
718
 
719
719
  .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
720
720
 
@@ -757,9 +757,9 @@
757
757
  .base_1w70zvk_b160pc19__ad28763c[readonly]{cursor:default;}.base_1w70zvk_b160pc19__ad28763c[readonly] .base_1w70zvk_lvfqi8__ad28763c{color:var(--plasma-date-picker__left-helper-color-readonly);}
758
758
 
759
759
 
760
- .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);}
761
- .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;}
762
- .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);}
760
+ .SingleDate_styles_17lyyyf_s15omatb__3d26212f{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_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerError__3d26212f{--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_17lyyyf_s15omatb__3d26212f.SingleDate_styles_17lyyyf_datePickerSuccess__3d26212f{--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);}
761
+ .SingleDate_styles_17lyyyf_boba7w3__3d26212f{display:inline-block;}.SingleDate_styles_17lyyyf_boba7w3__3d26212f .SingleDate_styles_17lyyyf_popoverWrapper__3d26212f,.SingleDate_styles_17lyyyf_boba7w3__3d26212f .SingleDate_styles_17lyyyf_popoverTarget__3d26212f{width:inherit;}
762
+
763
763
 
764
764
  .base_nqbt5h_bxpb4df__bce36654 .base_nqbt5h_ls94ai0__bce36654{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);}
765
765
 
@@ -770,9 +770,9 @@
770
770
  .base_1jzoeeg_bc1qq8l__fe94997b[readonly]{cursor:default;--plasma-date-picker-textfield-background-color-readonly:transparent;}.base_1jzoeeg_bc1qq8l__fe94997b[readonly] .base_1jzoeeg_ls94ai0__fe94997b{color:var(--plasma-date-picker__left-helper-color-readonly);}
771
771
 
772
772
 
773
- .RangeDate_styles_vzsqwo_s1sos0hp__96d06a42{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-range__indicator-size:var(--plasma-date-picker__indicator-size);--plasma-range__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-range__indicator-placement:var(--plasma-date-picker__indicator-placement);--plasma-range__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-range__indicator-placement-right:var(--plasma-date-picker__indicator-placement-right);--plasma-range__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
774
- .RangeDate_styles_vzsqwo_b1x6qh3t__96d06a42{display:inline-block;}
775
- .RangeDate_styles_vzsqwo_ls94ai0__96d06a42{color:var(--plasma-date-picker__left-helper-color);}.RangeDate_styles_vzsqwo_ls94ai0__96d06a42.RangeDate_styles_vzsqwo_datePickerError__96d06a42{color:var(--plasma-date-picker__left-helper-color-error);}.RangeDate_styles_vzsqwo_ls94ai0__96d06a42.RangeDate_styles_vzsqwo_datePickerSuccess__96d06a42{color:var(--plasma-date-picker__left-helper-color-success);}
773
+ .RangeDate_styles_rv97is_s1sos0hp__ce797d70{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-range__indicator-size:var(--plasma-date-picker__indicator-size);--plasma-range__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-range__indicator-placement:var(--plasma-date-picker__indicator-placement);--plasma-range__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-range__indicator-placement-right:var(--plasma-date-picker__indicator-placement-right);--plasma-range__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
774
+ .RangeDate_styles_rv97is_b1x6qh3t__ce797d70{display:inline-block;}
775
+
776
776
 
777
777
  .RangeDatePopover_styles_k7d8e5_s1ld9lms__201b6d44{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);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-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--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);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
778
778
  .RangeDatePopover_styles_k7d8e5_s1rn242y__201b6d44{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-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--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);}
@@ -145,6 +145,14 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
145
145
  });
146
146
  setPrevValue(value);
147
147
  }
148
+ if (!value) {
149
+ dispatch({
150
+ type: _types.ActionType.UPDATE_DATE,
151
+ payload: {
152
+ value: min || new Date()
153
+ }
154
+ });
155
+ }
148
156
  }, [value, prevValue]);
149
157
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
150
158
  ref: outerRootRef,
@@ -199,6 +199,14 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
199
199
  }
200
200
  setPrevValue(value);
201
201
  }
202
+ if (!value) {
203
+ dispatch({
204
+ type: _types.ActionType.UPDATE_DATE,
205
+ payload: {
206
+ value: min || new Date()
207
+ }
208
+ });
209
+ }
202
210
  }, [value, prevValue]);
203
211
  (0, _react.useEffect)(function () {
204
212
  setFirstDate(date);
@@ -66,8 +66,6 @@ var tokens = exports.tokens = {
66
66
  contentLabelInnerPadding: '--plasma-date-picker-placement_inner__content-padding',
67
67
  /** Токены вспомогательного текста */
68
68
  leftHelperColor: '--plasma-date-picker__left-helper-color',
69
- leftHelperColorError: '--plasma-date-picker__left-helper-color-error',
70
- leftHelperColorSuccess: '--plasma-date-picker__left-helper-color-success',
71
69
  leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
72
70
  leftHelperOffset: '--plasma-date-picker__left-helper-offset',
73
71
  leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
@@ -19,7 +19,7 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
19
19
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
20
20
  var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
21
21
  var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
22
- var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
22
+ var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
23
23
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
24
24
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
25
25
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -40,6 +40,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
40
40
  isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
41
41
  _ref$opened = _ref.opened,
42
42
  opened = _ref$opened === void 0 ? false : _ref$opened,
43
+ externalValue = _ref.value,
43
44
  label = _ref.label,
44
45
  leftHelper = _ref.leftHelper,
45
46
  contentLeft = _ref.contentLeft,
@@ -122,6 +123,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
122
123
  var rootRef = (0, _react.useRef)(null);
123
124
  var innerRefFirst = (0, _react.useRef)(null);
124
125
  var innerRefSecond = (0, _react.useRef)(null);
126
+ var _ref2 = externalValue || [],
127
+ _ref3 = _slicedToArray(_ref2, 2),
128
+ startExternalValue = _ref3[0],
129
+ endExternalValue = _ref3[1];
125
130
  var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
126
131
  _useState2 = _slicedToArray(_useState, 2),
127
132
  firstInputRef = _useState2[0],
@@ -134,24 +139,24 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
134
139
  _useState6 = _slicedToArray(_useState5, 2),
135
140
  isInnerOpen = _useState6[0],
136
141
  setIsInnerOpen = _useState6[1];
137
- var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang)),
142
+ var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(startExternalValue || defaultFirstDate, format, lang)),
138
143
  _useState8 = _slicedToArray(_useState7, 2),
139
144
  calendarFirstValue = _useState8[0],
140
145
  setCalendarFirstValue = _useState8[1];
141
146
  var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
142
- value: defaultFirstDate,
147
+ value: startExternalValue || defaultFirstDate,
143
148
  format: format,
144
149
  lang: lang
145
150
  })),
146
151
  _useState10 = _slicedToArray(_useState9, 2),
147
152
  inputFirstValue = _useState10[0],
148
153
  setInputFirstValue = _useState10[1];
149
- var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang)),
154
+ var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(endExternalValue || defaultSecondDate, format, lang)),
150
155
  _useState12 = _slicedToArray(_useState11, 2),
151
156
  calendarSecondValue = _useState12[0],
152
157
  setCalendarSecondValue = _useState12[1];
153
158
  var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
154
- value: defaultSecondDate,
159
+ value: endExternalValue || defaultSecondDate,
155
160
  format: format,
156
161
  lang: lang
157
162
  })),
@@ -166,8 +171,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
166
171
  _useState18 = _slicedToArray(_useState17, 2),
167
172
  secondTextFieldClicked = _useState18[0],
168
173
  setSecondTextFieldClicked = _useState18[1];
169
- var rangeErrorClass = firstValueError || secondValueError ? _DatePicker.classes.datePickerError : undefined;
170
- var rangeSuccessClass = firstValueSuccess || secondValueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
171
174
  var setFirstInputValue = function setFirstInputValue(value) {
172
175
  setInputFirstValue(value);
173
176
  if (onChange) {
@@ -210,7 +213,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
210
213
  onCommitDate: onCommitFirstDate
211
214
  }),
212
215
  handleChangeFirstValue = _useDatePicker.handleChangeValue,
213
- handleCommitFirstDate = _useDatePicker.handleCommitDate;
216
+ handleCommitFirstDate = _useDatePicker.handleCommitDate,
217
+ updateExternalFirstDate = _useDatePicker.updateExternalDate;
214
218
  var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
215
219
  currentValue: inputSecondValue,
216
220
  setInputValue: setSecondInputValue,
@@ -227,7 +231,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
227
231
  onCommitDate: onCommitSecondDate
228
232
  }),
229
233
  handleChangeSecondValue = _useDatePicker2.handleChangeValue,
230
- handleCommitSecondDate = _useDatePicker2.handleCommitDate;
234
+ handleCommitSecondDate = _useDatePicker2.handleCommitDate,
235
+ updateExternalSecondDate = _useDatePicker2.updateExternalDate;
231
236
  var handleToggle = function handleToggle(currentOpened, event) {
232
237
  var _firstInputRef$curren, _secondInputRef$curre;
233
238
  if (disabled || readOnly) {
@@ -316,10 +321,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
316
321
  handleToggle(false);
317
322
  }
318
323
  };
319
- var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
320
- var _ref3 = _slicedToArray(_ref2, 2),
321
- firstDate = _ref3[0],
322
- secondDate = _ref3[1];
324
+ var handleChangeCalendarValue = function handleChangeCalendarValue(_ref4, dateInfo) {
325
+ var _ref5 = _slicedToArray(_ref4, 2),
326
+ firstDate = _ref5[0],
327
+ secondDate = _ref5[1];
323
328
  if (firstDate) {
324
329
  handleCommitFirstDate(firstDate, false, true, dateInfo);
325
330
  }
@@ -395,43 +400,21 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
395
400
  return prevOpen !== opened && opened;
396
401
  });
397
402
  }, [opened]);
398
- (0, _react.useEffect)(function () {
399
- setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
400
- setInputFirstValue((0, _dateHelper.formatInputValue)({
401
- value: defaultFirstDate,
402
- format: format,
403
- lang: lang
404
- }));
405
- }, [defaultFirstDate]);
406
- (0, _react.useEffect)(function () {
407
- setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
408
- setInputSecondValue((0, _dateHelper.formatInputValue)({
409
- value: defaultSecondDate,
410
- format: format,
411
- lang: lang
412
- }));
413
- }, [defaultSecondDate]);
414
- (0, _react.useEffect)(function () {
415
- setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
416
- setInputFirstValue((0, _dateHelper.formatInputValue)({
417
- value: defaultFirstDate,
418
- format: format,
419
- lang: lang
420
- }));
421
- setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
422
- setInputSecondValue((0, _dateHelper.formatInputValue)({
423
- value: defaultSecondDate,
424
- format: format,
425
- lang: lang
426
- }));
427
- }, [format, lang]);
428
403
  (0, _react.useEffect)(function () {
429
404
  if (calendarFirstValue && calendarSecondValue) {
430
405
  setFullDateEntered(true);
431
406
  }
432
407
  }, [calendarFirstValue, calendarSecondValue]);
433
- var RootWrapper = (0, _react.useCallback)(function (_ref4) {
434
- var children = _ref4.children;
408
+ (0, _react.useLayoutEffect)(function () {
409
+ var externalDate = startExternalValue || defaultFirstDate;
410
+ updateExternalFirstDate(externalDate, setFirstInputValue, setCalendarFirstValue);
411
+ }, [startExternalValue, defaultFirstDate, format, lang]);
412
+ (0, _react.useLayoutEffect)(function () {
413
+ var externalDate = endExternalValue || defaultSecondDate;
414
+ updateExternalSecondDate(externalDate, setSecondInputValue, setCalendarSecondValue);
415
+ }, [endExternalValue, defaultSecondDate, format, lang]);
416
+ var RootWrapper = (0, _react.useCallback)(function (_ref6) {
417
+ var children = _ref6.children;
435
418
  return /*#__PURE__*/_react["default"].createElement(Root, {
436
419
  view: view,
437
420
  size: size,
@@ -475,9 +458,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
475
458
  rootWrapper: RootWrapper,
476
459
  onChangeStartOfRange: handleChangeStartOfRange,
477
460
  onChangeValue: handleChangeCalendarValue
478
- }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, {
479
- className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
480
- }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
461
+ }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
481
462
  name: name,
482
463
  type: "hidden",
483
464
  datatype: "datepicker-double",