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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  5. package/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
  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 +48 -29
  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_rv97is.css → RangeDate.styles_vzsqwo.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 +23 -11
  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_17lyyyf.css → SingleDate.styles_4wd0mq.css} +1 -1
  20. package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -23
  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 +3 -1
  24. package/cjs/components/Range/Range.js.map +1 -1
  25. package/cjs/components/Range/Range.tokens.js +2 -0
  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_1fx3xc5.css → cjs/components/Range/variations/_view/base_1h18bi1.css} +1 -1
  30. package/cjs/index.css +7 -7
  31. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -8
  32. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  33. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
  34. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +48 -29
  35. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
  36. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +23 -11
  37. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  38. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -23
  39. package/emotion/cjs/components/Range/Range.js +3 -1
  40. package/emotion/cjs/components/Range/Range.tokens.js +2 -0
  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 +0 -8
  47. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  48. package/emotion/es/components/DatePicker/DatePicker.tokens.js +2 -0
  49. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +49 -30
  50. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -5
  51. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +24 -12
  52. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  53. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -23
  54. package/emotion/es/components/Range/Range.js +3 -1
  55. package/emotion/es/components/Range/Range.tokens.js +2 -0
  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 +0 -8
  62. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  63. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  64. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  65. package/es/components/DatePicker/DatePicker.tokens.js +2 -0
  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 +49 -30
  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_rv97is.css → RangeDate.styles_vzsqwo.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 +24 -12
  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_17lyyyf.css → SingleDate.styles_4wd0mq.css} +1 -1
  80. package/es/components/DatePicker/hooks/useDatePicker.js +1 -23
  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 +3 -1
  84. package/es/components/Range/Range.js.map +1 -1
  85. package/es/components/Range/Range.tokens.js +2 -0
  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_1fx3xc5.css → es/components/Range/variations/_view/base_1h18bi1.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 +0 -8
  93. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  94. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
  95. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +48 -29
  96. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  97. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +23 -11
  98. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  99. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -23
  100. package/styled-components/cjs/components/Range/Range.js +3 -1
  101. package/styled-components/cjs/components/Range/Range.tokens.js +2 -0
  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 +0 -8
  108. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +0 -8
  109. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +2 -0
  110. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +49 -30
  111. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  112. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +24 -12
  113. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  114. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -23
  115. package/styled-components/es/components/Range/Range.js +3 -1
  116. package/styled-components/es/components/Range/Range.tokens.js +2 -0
  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 +2 -0
  125. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  126. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
  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 +0 -4
  130. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  131. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +0 -2
  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 +0 -4
  135. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  136. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -2
  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 +2 -0
  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 +0 -2
  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 +0 -2
  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\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
+ {"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,4 +1,4 @@
1
- import './base_1fx3xc5.css';
1
+ import './base_1h18bi1.css';
2
2
  var base = "bfrw0i0";
3
3
 
4
4
  export { base };
@@ -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`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAgChB;;;;"}
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 +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);}
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);}
package/es/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_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);}
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);}
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_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
-
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);}
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_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
-
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);}
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);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.255.0-canary.1720.13074481962.0",
3
+ "version": "0.255.0-canary.1727.13074611241.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -131,5 +131,5 @@
131
131
  "sideEffects": [
132
132
  "*.css"
133
133
  ],
134
- "gitHead": "9b453c62ea7567ab998be59023a70b9751b2fe2d"
134
+ "gitHead": "d52cc5f4259f21c78d5dec5b9af36e49822c9133"
135
135
  }
@@ -145,14 +145,6 @@ 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
- }
156
148
  }, [value, prevValue]);
157
149
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
158
150
  ref: outerRootRef,
@@ -199,14 +199,6 @@ 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
- }
210
202
  }, [value, prevValue]);
211
203
  (0, _react.useEffect)(function () {
212
204
  setFirstDate(date);
@@ -66,6 +66,8 @@ 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',
69
71
  leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
70
72
  leftHelperOffset: '--plasma-date-picker__left-helper-offset',
71
73
  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", "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"];
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"];
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,7 +40,6 @@ 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,
44
43
  label = _ref.label,
45
44
  leftHelper = _ref.leftHelper,
46
45
  contentLeft = _ref.contentLeft,
@@ -123,10 +122,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
123
122
  var rootRef = (0, _react.useRef)(null);
124
123
  var innerRefFirst = (0, _react.useRef)(null);
125
124
  var innerRefSecond = (0, _react.useRef)(null);
126
- var _ref2 = externalValue || [],
127
- _ref3 = _slicedToArray(_ref2, 2),
128
- startExternalValue = _ref3[0],
129
- endExternalValue = _ref3[1];
130
125
  var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
131
126
  _useState2 = _slicedToArray(_useState, 2),
132
127
  firstInputRef = _useState2[0],
@@ -139,24 +134,24 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
139
134
  _useState6 = _slicedToArray(_useState5, 2),
140
135
  isInnerOpen = _useState6[0],
141
136
  setIsInnerOpen = _useState6[1];
142
- var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(startExternalValue || defaultFirstDate, format, lang)),
137
+ var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang)),
143
138
  _useState8 = _slicedToArray(_useState7, 2),
144
139
  calendarFirstValue = _useState8[0],
145
140
  setCalendarFirstValue = _useState8[1];
146
141
  var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
147
- value: startExternalValue || defaultFirstDate,
142
+ value: defaultFirstDate,
148
143
  format: format,
149
144
  lang: lang
150
145
  })),
151
146
  _useState10 = _slicedToArray(_useState9, 2),
152
147
  inputFirstValue = _useState10[0],
153
148
  setInputFirstValue = _useState10[1];
154
- var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(endExternalValue || defaultSecondDate, format, lang)),
149
+ var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang)),
155
150
  _useState12 = _slicedToArray(_useState11, 2),
156
151
  calendarSecondValue = _useState12[0],
157
152
  setCalendarSecondValue = _useState12[1];
158
153
  var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
159
- value: endExternalValue || defaultSecondDate,
154
+ value: defaultSecondDate,
160
155
  format: format,
161
156
  lang: lang
162
157
  })),
@@ -171,6 +166,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
171
166
  _useState18 = _slicedToArray(_useState17, 2),
172
167
  secondTextFieldClicked = _useState18[0],
173
168
  setSecondTextFieldClicked = _useState18[1];
169
+ var rangeErrorClass = firstValueError || secondValueError ? _DatePicker.classes.datePickerError : undefined;
170
+ var rangeSuccessClass = firstValueSuccess || secondValueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
174
171
  var setFirstInputValue = function setFirstInputValue(value) {
175
172
  setInputFirstValue(value);
176
173
  if (onChange) {
@@ -213,8 +210,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
213
210
  onCommitDate: onCommitFirstDate
214
211
  }),
215
212
  handleChangeFirstValue = _useDatePicker.handleChangeValue,
216
- handleCommitFirstDate = _useDatePicker.handleCommitDate,
217
- updateExternalFirstDate = _useDatePicker.updateExternalDate;
213
+ handleCommitFirstDate = _useDatePicker.handleCommitDate;
218
214
  var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
219
215
  currentValue: inputSecondValue,
220
216
  setInputValue: setSecondInputValue,
@@ -231,8 +227,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
231
227
  onCommitDate: onCommitSecondDate
232
228
  }),
233
229
  handleChangeSecondValue = _useDatePicker2.handleChangeValue,
234
- handleCommitSecondDate = _useDatePicker2.handleCommitDate,
235
- updateExternalSecondDate = _useDatePicker2.updateExternalDate;
230
+ handleCommitSecondDate = _useDatePicker2.handleCommitDate;
236
231
  var handleToggle = function handleToggle(currentOpened, event) {
237
232
  var _firstInputRef$curren, _secondInputRef$curre;
238
233
  if (disabled || readOnly) {
@@ -321,10 +316,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
321
316
  handleToggle(false);
322
317
  }
323
318
  };
324
- var handleChangeCalendarValue = function handleChangeCalendarValue(_ref4, dateInfo) {
325
- var _ref5 = _slicedToArray(_ref4, 2),
326
- firstDate = _ref5[0],
327
- secondDate = _ref5[1];
319
+ var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
320
+ var _ref3 = _slicedToArray(_ref2, 2),
321
+ firstDate = _ref3[0],
322
+ secondDate = _ref3[1];
328
323
  if (firstDate) {
329
324
  handleCommitFirstDate(firstDate, false, true, dateInfo);
330
325
  }
@@ -400,21 +395,43 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
400
395
  return prevOpen !== opened && opened;
401
396
  });
402
397
  }, [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]);
403
428
  (0, _react.useEffect)(function () {
404
429
  if (calendarFirstValue && calendarSecondValue) {
405
430
  setFullDateEntered(true);
406
431
  }
407
432
  }, [calendarFirstValue, calendarSecondValue]);
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;
433
+ var RootWrapper = (0, _react.useCallback)(function (_ref4) {
434
+ var children = _ref4.children;
418
435
  return /*#__PURE__*/_react["default"].createElement(Root, {
419
436
  view: view,
420
437
  size: size,
@@ -458,7 +475,9 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
458
475
  rootWrapper: RootWrapper,
459
476
  onChangeStartOfRange: handleChangeStartOfRange,
460
477
  onChangeValue: handleChangeCalendarValue
461
- }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
478
+ }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, {
479
+ className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
480
+ }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
462
481
  name: name,
463
482
  type: "hidden",
464
483
  datatype: "datepicker-double",
@@ -27,4 +27,4 @@ var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["defa
27
27
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
28
28
  var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-14j95rs-2"
30
- })([""]);
30
+ })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
17
17
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
18
18
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
19
19
  var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
20
- var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
20
+ var _excluded = ["className", "opened", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
21
21
  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); }
22
22
  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; }
23
23
  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); }
@@ -34,7 +34,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
34
34
  var className = _ref.className,
35
35
  _ref$opened = _ref.opened,
36
36
  opened = _ref$opened === void 0 ? false : _ref$opened,
37
- value = _ref.value,
38
37
  label = _ref.label,
39
38
  _ref$labelPlacement = _ref.labelPlacement,
40
39
  labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
@@ -103,12 +102,12 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
103
102
  _useState2 = _slicedToArray(_useState, 2),
104
103
  isInnerOpen = _useState2[0],
105
104
  setIsInnerOpen = _useState2[1];
106
- var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(value || defaultDate, format, lang)),
105
+ var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang)),
107
106
  _useState4 = _slicedToArray(_useState3, 2),
108
107
  calendarValue = _useState4[0],
109
108
  setCalendarValue = _useState4[1];
110
109
  var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)({
111
- value: value || defaultDate,
110
+ value: defaultDate,
112
111
  format: format,
113
112
  lang: lang
114
113
  })),
@@ -138,8 +137,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
138
137
  datePickerErrorClass = _useDatePicker.datePickerErrorClass,
139
138
  datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
140
139
  handleChangeValue = _useDatePicker.handleChangeValue,
141
- handleCommitDate = _useDatePicker.handleCommitDate,
142
- updateExternalDate = _useDatePicker.updateExternalDate;
140
+ handleCommitDate = _useDatePicker.handleCommitDate;
143
141
  var handleToggle = function handleToggle(opened, event) {
144
142
  if (disabled || readOnly) {
145
143
  return;
@@ -191,10 +189,22 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
191
189
  return prevOpen !== opened && opened;
192
190
  });
193
191
  }, [opened]);
194
- (0, _react.useLayoutEffect)(function () {
195
- var externalDate = value || defaultDate;
196
- updateExternalDate(externalDate, setInputValue, setCalendarValue);
197
- }, [value, defaultDate, format, lang]);
192
+ (0, _react.useEffect)(function () {
193
+ setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
194
+ setInputValue((0, _dateHelper.formatInputValue)({
195
+ value: defaultDate,
196
+ format: format,
197
+ lang: lang
198
+ }));
199
+ }, [defaultDate]);
200
+ (0, _react.useEffect)(function () {
201
+ setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
202
+ setInputValue((0, _dateHelper.formatInputValue)({
203
+ value: defaultDate,
204
+ format: format,
205
+ lang: lang
206
+ }));
207
+ }, [format, lang]);
198
208
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
199
209
  view: view,
200
210
  size: size,
@@ -240,7 +250,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
240
250
  onChangeValue: function onChangeValue(date, dateInfo) {
241
251
  return handleCommitDate(date, false, true, dateInfo);
242
252
  }
243
- }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
253
+ }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, {
254
+ className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass)
255
+ }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
244
256
  type: "hidden",
245
257
  datatype: "datepicker-single",
246
258
  name: name,
@@ -27,4 +27,4 @@ var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["defa
27
27
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
28
28
  var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-1ye0xbz-2"
30
- })([""]);
30
+ })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
@@ -122,32 +122,10 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
122
122
  }
123
123
  });
124
124
  };
125
- var updateExternalDate = function updateExternalDate(externalDate, inputSetter, calendarSetter) {
126
- inputSetter((0, _dateHelper.formatInputValue)({
127
- value: externalDate,
128
- format: format,
129
- lang: lang
130
- }));
131
- if (!format) {
132
- calendarSetter((0, _dateHelper.formatCalendarValue)(externalDate, undefined, lang));
133
- return;
134
- }
135
- if (!externalDate) {
136
- calendarSetter(undefined);
137
- return;
138
- }
139
- var _getDateFromFormat2 = (0, _dateHelper.getDateFromFormat)(externalDate, undefined, lang),
140
- newDate = _getDateFromFormat2.value,
141
- isError = _getDateFromFormat2.isError;
142
- if (!isError) {
143
- calendarSetter((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
144
- }
145
- };
146
125
  return {
147
126
  datePickerErrorClass: datePickerErrorClass,
148
127
  datePickerSuccessClass: datePickerSuccessClass,
149
128
  handleChangeValue: handleChangeValue,
150
- handleCommitDate: handleCommitDate,
151
- updateExternalDate: updateExternalDate
129
+ handleCommitDate: handleCommitDate
152
130
  };
153
131
  };