@salutejs/plasma-new-hope 0.324.0-canary.1970.15071087422.0 → 0.324.0-canary.1972.15071772993.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 (396) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +2 -11
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  17. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  18. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  19. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  20. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  21. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  24. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  25. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  26. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  30. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  31. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  32. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  36. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  37. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  38. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  42. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  43. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  44. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  46. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  47. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +7 -9
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  52. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  53. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
  54. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -2
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  65. package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
  66. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  67. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  68. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  69. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  70. package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
  71. package/cjs/index.css +24 -34
  72. package/cjs/index.js +0 -6
  73. package/cjs/index.js.map +1 -1
  74. package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -11
  75. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  76. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  77. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  78. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  79. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  80. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  81. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  82. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  83. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  84. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  85. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  86. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  87. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  88. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  89. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  90. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
  91. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  92. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  93. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  94. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  95. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  96. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  97. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  98. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  99. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  100. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  101. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  102. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  103. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  104. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  105. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  106. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  107. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  108. package/emotion/cjs/index.js +0 -11
  109. package/emotion/es/components/Calendar/Calendar.tokens.js +2 -11
  110. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  111. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  112. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  113. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  114. package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
  115. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  116. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  117. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  118. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  119. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  120. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  121. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  122. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  123. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  124. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  125. package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -9
  126. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  127. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  128. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  129. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  130. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  131. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  132. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  133. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  134. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  135. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  136. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  137. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  138. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  139. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  140. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  141. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  142. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  143. package/emotion/es/index.js +1 -2
  144. package/es/components/Calendar/Calendar.tokens.js +2 -11
  145. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  146. package/es/components/Calendar/Calendar.types.js.map +1 -1
  147. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  148. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  149. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  150. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  151. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  152. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  153. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  154. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  155. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  156. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  157. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  158. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  159. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  160. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  161. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  162. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  163. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  164. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  165. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  166. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  167. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  168. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  169. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  170. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  171. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  172. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  173. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  174. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  175. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  176. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  177. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  178. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  179. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  180. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  182. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  183. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  184. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  185. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  186. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  187. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  188. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  189. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  190. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  191. package/es/components/DatePicker/DatePicker.tokens.js +7 -10
  192. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  193. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  194. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  195. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  196. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
  197. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  198. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  199. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  200. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  201. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  202. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  203. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -3
  204. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  205. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  206. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  207. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  208. package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
  209. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  210. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  211. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  212. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  213. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
  214. package/es/index.css +24 -34
  215. package/es/index.js +0 -3
  216. package/es/index.js.map +1 -1
  217. package/package.json +2 -2
  218. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -11
  219. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  220. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  221. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  222. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  223. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  224. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  225. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  226. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  227. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  228. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  229. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  230. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  231. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  232. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  233. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  234. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
  235. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  236. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  237. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  238. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  239. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  240. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  241. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  242. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  243. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  244. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  245. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  246. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  247. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  248. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  249. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  250. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  251. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  252. package/styled-components/cjs/index.js +0 -11
  253. package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -11
  254. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  255. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  256. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  257. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  258. package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
  259. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  260. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  261. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  262. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  263. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  264. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  265. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  266. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  267. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  268. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  269. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -9
  270. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  271. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  272. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  273. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  274. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  275. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  276. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  277. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  278. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  279. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  280. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  281. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  282. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  283. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  284. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  285. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  286. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  287. package/styled-components/es/index.js +1 -2
  288. package/types/components/Calendar/Calendar.tokens.d.ts +1 -10
  289. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  290. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  291. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  292. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  293. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  294. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  295. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  296. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  297. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  298. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  299. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  300. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  301. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  302. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  303. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  304. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  305. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  306. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  307. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  308. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  309. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  310. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  311. package/types/components/DatePicker/DatePicker.tokens.d.ts +5 -8
  312. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  313. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  314. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  315. package/types/components/DatePicker/DatePickerBase.types.d.ts +19 -0
  316. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  317. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  318. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  319. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  320. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  321. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  322. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  323. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  324. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  325. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  326. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  327. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  328. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  329. package/types/index.d.ts +0 -1
  330. package/types/index.d.ts.map +1 -1
  331. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  332. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  333. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  334. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  335. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  336. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  337. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  338. package/cjs/components/PaginationDots/PaginationDot.js +0 -58
  339. package/cjs/components/PaginationDots/PaginationDot.js.map +0 -1
  340. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  341. package/cjs/components/PaginationDots/PaginationDots.js +0 -33
  342. package/cjs/components/PaginationDots/PaginationDots.js.map +0 -1
  343. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  344. package/cjs/components/PaginationDots/SmartPaginationDots.css +0 -5
  345. package/cjs/components/PaginationDots/SmartPaginationDots.js +0 -46
  346. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  347. package/cjs/components/PaginationDots/usePaginationDots.js +0 -40
  348. package/cjs/components/PaginationDots/usePaginationDots.js.map +0 -1
  349. package/emotion/cjs/components/PaginationDots/PaginationDot.js +0 -34
  350. package/emotion/cjs/components/PaginationDots/PaginationDots.js +0 -34
  351. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  352. package/emotion/cjs/components/PaginationDots/index.js +0 -26
  353. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  354. package/emotion/es/components/PaginationDots/PaginationDot.js +0 -27
  355. package/emotion/es/components/PaginationDots/PaginationDots.js +0 -27
  356. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  357. package/emotion/es/components/PaginationDots/index.js +0 -3
  358. package/emotion/es/components/PaginationDots/usePaginationDots.js +0 -32
  359. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  360. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  361. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  362. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  363. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  364. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  365. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  366. package/es/components/PaginationDots/PaginationDot.js +0 -53
  367. package/es/components/PaginationDots/PaginationDot.js.map +0 -1
  368. package/es/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  369. package/es/components/PaginationDots/PaginationDots.js +0 -28
  370. package/es/components/PaginationDots/PaginationDots.js.map +0 -1
  371. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  372. package/es/components/PaginationDots/SmartPaginationDots.css +0 -5
  373. package/es/components/PaginationDots/SmartPaginationDots.js +0 -38
  374. package/es/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  375. package/es/components/PaginationDots/usePaginationDots.js +0 -36
  376. package/es/components/PaginationDots/usePaginationDots.js.map +0 -1
  377. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +0 -32
  378. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +0 -23
  379. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  380. package/styled-components/cjs/components/PaginationDots/index.js +0 -26
  381. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  382. package/styled-components/es/components/PaginationDots/PaginationDot.js +0 -25
  383. package/styled-components/es/components/PaginationDots/PaginationDots.js +0 -17
  384. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  385. package/styled-components/es/components/PaginationDots/index.js +0 -3
  386. package/styled-components/es/components/PaginationDots/usePaginationDots.js +0 -32
  387. package/types/components/PaginationDots/PaginationDot.d.ts +0 -20
  388. package/types/components/PaginationDots/PaginationDot.d.ts.map +0 -1
  389. package/types/components/PaginationDots/PaginationDots.d.ts +0 -14
  390. package/types/components/PaginationDots/PaginationDots.d.ts.map +0 -1
  391. package/types/components/PaginationDots/SmartPaginationDots.d.ts +0 -14
  392. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +0 -1
  393. package/types/components/PaginationDots/index.d.ts +0 -6
  394. package/types/components/PaginationDots/index.d.ts.map +0 -1
  395. package/types/components/PaginationDots/usePaginationDots.d.ts +0 -14
  396. package/types/components/PaginationDots/usePaginationDots.d.ts.map +0 -1
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.datePickerRangeRoot = exports.datePickerRangeConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
+ var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
9
10
  var _utils = /*#__PURE__*/require("../../../utils");
10
11
  var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
11
12
  var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -20,10 +21,14 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
20
21
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
21
22
  var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
22
23
  var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
23
- 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", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "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"];
24
+ 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", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarWidth", "calendarHeight", "stretch", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
25
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
24
26
  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); }
25
27
  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; }
26
28
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
29
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
30
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
31
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
27
32
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
28
33
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
34
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -112,6 +117,9 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
112
117
  _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
113
118
  closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
114
119
  offset = _ref.offset,
120
+ calendarWidth = _ref.calendarWidth,
121
+ calendarHeight = _ref.calendarHeight,
122
+ stretch = _ref.stretch,
115
123
  onToggle = _ref.onToggle,
116
124
  onChange = _ref.onChange,
117
125
  onChangeFirstValue = _ref.onChangeFirstValue,
@@ -493,21 +501,25 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
493
501
  (0, _react.useLayoutEffect)(function () {
494
502
  updateExternalSecondDate(defaultSecondDate);
495
503
  }, [defaultSecondDate, format, lang]);
496
- var RootWrapper = (0, _react.useCallback)(function (_ref6) {
497
- var children = _ref6.children;
504
+ var RootWrapper = (0, _react.useCallback)(/*#__PURE__*/(0, _react.forwardRef)(function (_ref6, rootWrapperRef) {
505
+ var children = _ref6.children,
506
+ rootWrapperClassName = _ref6.className,
507
+ onClick = _ref6.onClick;
498
508
  return /*#__PURE__*/_react["default"].createElement(Root, {
509
+ ref: rootWrapperRef,
499
510
  view: view,
500
511
  size: size,
501
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
512
+ className: rootWrapperClassName,
502
513
  disabled: disabled,
503
- readOnly: !disabled && readOnly
514
+ readOnly: !disabled && readOnly,
515
+ onClick: onClick
504
516
  }, children);
505
- }, [view, size, disabled, readOnly]);
517
+ }), [view, size, disabled, readOnly]);
506
518
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
507
519
  ref: rootRef,
508
520
  view: view,
509
521
  size: size,
510
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
522
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
511
523
  disabled: disabled,
512
524
  readOnly: !disabled && readOnly
513
525
  }, rest), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
@@ -532,15 +544,19 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
532
544
  closeOnOverlayClick: closeOnOverlayClick,
533
545
  closeOnEsc: closeOnEsc,
534
546
  offset: offset,
547
+ stretch: stretch,
548
+ calendarWidth: calendarWidth,
549
+ calendarHeight: calendarHeight,
535
550
  type: type,
536
551
  onToggle: handleToggle,
537
552
  lang: lang,
538
553
  isDoubleCalendar: isDoubleCalendar,
539
554
  rootWrapper: RootWrapper,
540
555
  onChangeStartOfRange: handleChangeStartOfRange,
541
- onChangeValue: handleChangeCalendarValue
556
+ onChangeValue: handleChangeCalendarValue,
557
+ setIsInnerOpen: setIsInnerOpen
542
558
  }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, {
543
- className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
559
+ className: (0, _classnames["default"])(rangeErrorClass, rangeSuccessClass)
544
560
  }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
545
561
  name: name,
546
562
  type: "hidden",
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
24
24
  var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
25
25
  componentId: "plasma-new-hope__sc-14j95rs-1"
26
26
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePicker.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePicker.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePicker.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePicker.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePicker.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
27
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
27
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root, StyledRange);
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);
@@ -4,11 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RangeDatePopover = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
7
+ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
8
+ var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
8
9
  var _utils = /*#__PURE__*/require("../../../../utils");
9
10
  var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
11
+ var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
10
12
  var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
11
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
+ 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); }
15
+ 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; }
16
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
17
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
19
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
12
20
  var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
13
21
  var Root = _ref.rootWrapper,
14
22
  target = _ref.target,
@@ -38,14 +46,35 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
38
46
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
39
47
  closeOnEsc = _ref.closeOnEsc,
40
48
  offset = _ref.offset,
49
+ calendarWidth = _ref.calendarWidth,
50
+ calendarHeight = _ref.calendarHeight,
51
+ stretch = _ref.stretch,
41
52
  type = _ref.type,
42
53
  size = _ref.size,
43
54
  _ref$lang = _ref.lang,
44
55
  lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
56
+ disabled = _ref.disabled,
57
+ readOnly = _ref.readOnly,
58
+ setIsInnerOpen = _ref.setIsInnerOpen,
45
59
  onChangeValue = _ref.onChangeValue,
46
60
  onChangeStartOfRange = _ref.onChangeStartOfRange,
47
61
  onToggle = _ref.onToggle;
48
62
  var innerIsOpen = Boolean(isOpen || opened);
63
+ var calendarRootRef = (0, _react.useRef)(null);
64
+ var doubleCalendarRootRef = (0, _react.useRef)(null);
65
+ var calendarWidthValue = calendarWidth ? (0, _utils.getSizeValueFromProp)(calendarWidth, 'rem') : undefined;
66
+ var calendarHeightValue = calendarHeight ? (0, _utils.getSizeValueFromProp)(calendarHeight, 'rem') : undefined;
67
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
68
+ if (disabled || readOnly) {
69
+ return;
70
+ }
71
+ if (innerIsOpen && stretch && (event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current))) {
72
+ setIsInnerOpen(false);
73
+ if (onToggle) {
74
+ onToggle(false, event);
75
+ }
76
+ }
77
+ };
49
78
  if (isDoubleCalendar) {
50
79
  return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
51
80
  opened: innerIsOpen,
@@ -59,7 +88,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
59
88
  isFocusTrapped: false,
60
89
  target: target,
61
90
  preventOverflow: false
62
- }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
91
+ }, /*#__PURE__*/_react["default"].createElement(Root, {
92
+ ref: doubleCalendarRootRef,
93
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
94
+ onClick: handleCalendarRootClick
95
+ }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
96
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
97
+ innerWidth: calendarWidthValue,
98
+ innerHeight: calendarHeightValue,
63
99
  size: size,
64
100
  value: calendarValue,
65
101
  eventList: eventList,
@@ -93,7 +129,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
93
129
  target: target,
94
130
  preventOverflow: false,
95
131
  closeOnEsc: closeOnEsc
96
- }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
132
+ }, /*#__PURE__*/_react["default"].createElement(Root, {
133
+ ref: calendarRootRef,
134
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
135
+ onClick: handleCalendarRootClick
136
+ }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
137
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
138
+ innerWidth: calendarWidthValue,
139
+ innerHeight: calendarHeightValue,
97
140
  size: size,
98
141
  value: calendarValue,
99
142
  eventList: eventList,
@@ -20,7 +20,19 @@ var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
20
20
  // NOTE: переопределение токенов Calendar
21
21
  var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
22
22
  componentId: "plasma-new-hope__sc-vflcna-0"
23
- })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
23
+ })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _DatePicker.pivateTokens.calendarDoubleWidth, _DatePicker.tokens.calendarWidth, function (_ref) {
24
+ var innerWidth = _ref.innerWidth;
25
+ return innerWidth || "var(".concat(_DatePicker.pivateTokens.calendarDoubleWidth, ")");
26
+ }, function (_ref2) {
27
+ var innerHeight = _ref2.innerHeight;
28
+ return innerHeight || "var(".concat(_DatePicker.tokens.calendarHeight, ")");
29
+ });
24
30
  var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
25
31
  componentId: "plasma-new-hope__sc-vflcna-1"
26
- })(["", ""], _DatePickerBase.baseCalendarTokens);
32
+ })(["", " width:", ";height:", ";"], _DatePickerBase.baseCalendarTokens, function (_ref3) {
33
+ var innerWidth = _ref3.innerWidth;
34
+ return innerWidth || "var(".concat(_DatePicker.tokens.calendarWidth, ")");
35
+ }, function (_ref4) {
36
+ var innerHeight = _ref4.innerHeight;
37
+ return innerHeight || "var(".concat(_DatePicker.tokens.calendarHeight, ")");
38
+ });
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.datePickerRoot = exports.datePickerConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
+ var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
9
10
  var _utils = /*#__PURE__*/require("../../../utils");
10
11
  var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
11
12
  var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -18,10 +19,14 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
18
19
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
19
20
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
20
21
  var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
21
- var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
22
+ var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarWidth", "calendarHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
23
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
22
24
  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); }
23
25
  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; }
24
26
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
27
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
28
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
29
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
25
30
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
26
31
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
27
32
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -94,6 +99,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
94
99
  _ref$closeOnEsc = _ref.closeOnEsc,
95
100
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
96
101
  offset = _ref.offset,
102
+ calendarWidth = _ref.calendarWidth,
103
+ calendarHeight = _ref.calendarHeight,
104
+ stretch = _ref.stretch,
97
105
  onChangeValue = _ref.onChangeValue,
98
106
  onCommitDate = _ref.onCommitDate,
99
107
  onToggle = _ref.onToggle,
@@ -107,6 +115,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
107
115
  }
108
116
  var inputRef = (0, _react.useRef)(null);
109
117
  var innerRef = (0, _react.useRef)(null);
118
+ var calendarRootRef = (0, _react.useRef)(null);
110
119
  var _useState = (0, _react.useState)(opened),
111
120
  _useState2 = _slicedToArray(_useState, 2),
112
121
  isInnerOpen = _useState2[0],
@@ -136,6 +145,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
136
145
  _useState8 = _slicedToArray(_useState7, 2),
137
146
  inputValue = _useState8[0],
138
147
  setInputValue = _useState8[1];
148
+ var calendarWidthValue = calendarWidth ? (0, _utils.getSizeValueFromProp)(calendarWidth, 'rem') : undefined;
149
+ var calendarHeightValue = calendarHeight ? (0, _utils.getSizeValueFromProp)(calendarHeight, 'rem') : undefined;
139
150
  var _useDatePicker = (0, _useDatePicker2.useDatePicker)({
140
151
  currentValue: inputValue,
141
152
  format: format,
@@ -180,6 +191,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
180
191
  }
181
192
  setIsInnerOpen(isCalendarOpen);
182
193
  };
194
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
195
+ if (disabled || readOnly) {
196
+ return;
197
+ }
198
+ if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
199
+ setIsInnerOpen(false);
200
+ if (onToggle) {
201
+ onToggle(false, event);
202
+ }
203
+ }
204
+ };
183
205
  var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
184
206
  isCalendarOpen: isInnerOpen,
185
207
  format: format,
@@ -200,7 +222,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
200
222
  };
201
223
  var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
202
224
  ref: inputRef,
203
- className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass),
225
+ className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),
204
226
  value: inputValue,
205
227
  size: size,
206
228
  readOnly: readOnly,
@@ -237,7 +259,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
237
259
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
238
260
  view: view,
239
261
  size: size,
240
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
262
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
241
263
  disabled: disabled,
242
264
  readOnly: !disabled && readOnly,
243
265
  ref: ref
@@ -254,12 +276,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
254
276
  target: DatePickerInput,
255
277
  preventOverflow: false
256
278
  }, /*#__PURE__*/_react["default"].createElement(Root, {
279
+ ref: calendarRootRef,
257
280
  view: view,
258
281
  size: size,
259
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
282
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
260
283
  disabled: disabled,
261
- readOnly: !disabled && readOnly
284
+ readOnly: !disabled && readOnly,
285
+ onClick: handleCalendarRootClick
262
286
  }, /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
287
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
288
+ innerWidth: calendarWidthValue,
289
+ innerHeight: calendarHeightValue,
263
290
  size: size,
264
291
  value: calendarValue,
265
292
  type: type,
@@ -279,7 +306,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
279
306
  locale: lang,
280
307
  onChangeValue: handleCalendarPick
281
308
  }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, {
282
- className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass)
309
+ className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass)
283
310
  }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
284
311
  type: "hidden",
285
312
  datatype: "datepicker-single",
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
24
24
  var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
25
25
  componentId: "plasma-new-hope__sc-1ye0xbz-1"
26
26
  })(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePicker.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePicker.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePicker.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePicker.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePicker.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePicker.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
27
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
27
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root);
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);
@@ -81,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
81
81
  };
82
82
 
83
83
  const StoryDefault = (args: CalendarProps) => {
84
- const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
84
+ const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale, ...rest } = args;
85
85
  const [value, setValue] = useState(new Date(2023, 10, 16));
86
86
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
87
87
 
@@ -94,18 +94,23 @@ const StoryDefault = (args: CalendarProps) => {
94
94
  }, []);
95
95
 
96
96
  return (
97
- <Calendar
98
- size={size}
99
- isRange={isRange}
100
- isDouble={isDouble}
101
- date={date}
102
- value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- includeEdgeDates={includeEdgeDates}
104
- locale={locale}
105
- onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
- min={min}
107
- max={max}
108
- />
97
+ <div style={{ height: '100vh' }}>
98
+ <Calendar
99
+ size={size}
100
+ isRange={isRange}
101
+ isDouble={isDouble}
102
+ date={date}
103
+ includeEdgeDates={includeEdgeDates}
104
+ locale={locale}
105
+ min={min}
106
+ max={max}
107
+ {...rest}
108
+ value={(isRange ? valueRange : value) as Date & [Date, Date?]}
109
+ onChangeValue={
110
+ (isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
111
+ }
112
+ />
113
+ </div>
109
114
  );
110
115
  };
111
116
 
@@ -118,12 +123,13 @@ export const Default: StoryObj<CalendarProps> = {
118
123
  includeEdgeDates: false,
119
124
  size: 'm',
120
125
  locale: 'ru',
126
+ stretch: false,
121
127
  },
122
128
  render: (args) => <StoryDefault {...args} />,
123
129
  };
124
130
 
125
131
  const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
126
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
132
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
127
133
  const [value, setValue] = useState(new Date(2023, 6, 7));
128
134
  const [currentState, setCurrentState] = useState('Days');
129
135
 
@@ -170,10 +176,10 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
170
176
  };
171
177
 
172
178
  const calendarMap = {
173
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
174
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
175
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
176
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
179
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
180
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
181
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
182
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
177
183
  };
178
184
 
179
185
  return (
@@ -192,7 +198,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
192
198
  </TabItem>
193
199
  ))}
194
200
  </Tabs>
195
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
201
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
196
202
  </>
197
203
  );
198
204
  };
@@ -205,12 +211,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
205
211
  includeEdgeDates: false,
206
212
  displayDouble: false,
207
213
  locale: 'ru',
214
+ stretch: false,
208
215
  },
209
216
  render: (args) => <StoryBase {...args} />,
210
217
  };
211
218
 
212
219
  const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
213
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
220
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
214
221
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
215
222
  const [currentState, setCurrentState] = useState('Days');
216
223
 
@@ -232,35 +239,35 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
232
239
  return displayDouble ? (
233
240
  <CalendarBaseRange
234
241
  size={size}
235
- value={values}
236
242
  includeEdgeDates={includeEdgeDates}
237
243
  type={type}
238
- onChangeValue={handleOnChange}
239
244
  locale={locale}
240
245
  min={min}
241
246
  max={max}
242
247
  {...rest}
248
+ value={values}
249
+ onChangeValue={handleOnChange}
243
250
  />
244
251
  ) : (
245
252
  <CalendarDoubleRange
246
253
  size={size}
247
- value={values}
248
254
  includeEdgeDates={includeEdgeDates}
249
255
  type={type}
250
- onChangeValue={handleOnChange}
251
256
  locale={locale}
252
257
  min={min}
253
258
  max={max}
254
259
  {...rest}
260
+ value={values}
261
+ onChangeValue={handleOnChange}
255
262
  />
256
263
  );
257
264
  };
258
265
 
259
266
  const calendarMap = {
260
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
261
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
262
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
263
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
267
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
268
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
269
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
270
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
264
271
  };
265
272
 
266
273
  return (
@@ -279,7 +286,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
279
286
  </TabItem>
280
287
  ))}
281
288
  </Tabs>
282
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
289
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
283
290
  </>
284
291
  );
285
292
  };
@@ -292,6 +299,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
292
299
  includeEdgeDates: false,
293
300
  displayDouble: false,
294
301
  locale: 'ru',
302
+ stretch: false,
295
303
  },
296
304
  render: (args) => <StoryRange {...args} />,
297
305
  };