@salutejs/plasma-new-hope 0.260.0-canary.1755.13157710356.0 → 0.260.0-canary.1757.13160270615.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  2. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  3. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  4. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  5. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  6. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  7. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  8. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  9. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  10. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  11. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
  12. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  13. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
  14. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  15. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  16. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  17. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  18. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
  19. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  20. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
  21. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  22. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  23. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  24. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  25. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  26. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  27. package/package.json +2 -2
  28. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  29. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  30. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  31. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  32. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
  33. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  34. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
  35. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
  36. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
  37. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
  38. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  39. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
  40. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  41. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
  42. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  43. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  44. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.260.0-canary.1755.13157710356.0",
3
+ "version": "0.260.0-canary.1757.13160270615.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": "dff1979b8f45c3402fe3ce992b7c5e11744df12d"
134
+ "gitHead": "1d04af7c0b515bf5c30ba6f16fc3cb8ad837bdeb"
135
135
  }
@@ -42,13 +42,15 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
42
42
  onSetSelected = _ref.onSetSelected,
43
43
  onKeyDown = _ref.onKeyDown,
44
44
  locale = _ref.locale;
45
+ var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
46
+ var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
45
47
  var _useMonths = (0, _hooks.useMonths)({
46
48
  date: currentDate,
47
49
  value: value,
48
50
  eventList: eventList,
49
51
  disabledList: disabledList,
50
- min: min,
51
- max: max,
52
+ min: minDate,
53
+ max: maxDate,
52
54
  locale: locale
53
55
  }),
54
56
  _useMonths2 = _slicedToArray(_useMonths, 2),
@@ -41,13 +41,15 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
41
41
  onHoverQuarter = _ref.onHoverQuarter,
42
42
  onSetSelected = _ref.onSetSelected,
43
43
  onKeyDown = _ref.onKeyDown;
44
+ var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
45
+ var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
44
46
  var _useQuarters = (0, _hooks.useQuarters)({
45
47
  date: currentDate,
46
48
  value: value,
47
49
  eventList: eventList,
48
50
  disabledList: disabledList,
49
- min: min,
50
- max: max
51
+ min: minDate,
52
+ max: maxDate
51
53
  }),
52
54
  _useQuarters2 = _slicedToArray(_useQuarters, 2),
53
55
  quarters = _useQuarters2[0],
@@ -42,14 +42,16 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
42
42
  onHoverYear = _ref.onHoverYear,
43
43
  onSetSelected = _ref.onSetSelected,
44
44
  onKeyDown = _ref.onKeyDown;
45
+ var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
46
+ var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
45
47
  var _useYears = (0, _hooks.useYears)({
46
48
  date: currentDate,
47
49
  value: value,
48
50
  startYear: startYear,
49
51
  eventList: eventList,
50
52
  disabledList: disabledList,
51
- min: min,
52
- max: max
53
+ min: minDate,
54
+ max: maxDate
53
55
  }),
54
56
  _useYears2 = _slicedToArray(_useYears, 2),
55
57
  years = _useYears2[0],
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
100
100
  isDouble={isDouble}
101
101
  date={date}
102
102
  value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- min={min}
104
- max={max}
105
103
  includeEdgeDates={includeEdgeDates}
106
104
  locale={locale}
107
105
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
+ {...(min && { min: new Date(min) })}
107
+ {...(max && { max: new Date(max) })}
108
108
  />
109
109
  );
110
110
  };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
146
146
  <CalendarDouble
147
147
  size={size}
148
148
  value={value}
149
- min={min}
150
- max={max}
151
149
  includeEdgeDates={includeEdgeDates}
152
150
  type={type}
153
151
  locale={locale}
154
152
  onChangeValue={handleOnChange}
153
+ {...(min && { min: new Date(min) })}
154
+ {...(max && { max: new Date(max) })}
155
155
  {...rest}
156
156
  />
157
157
  ) : (
158
158
  <CalendarBase
159
159
  size={size}
160
160
  value={value}
161
- min={min}
162
- max={max}
163
161
  includeEdgeDates={includeEdgeDates}
164
162
  type={type}
165
163
  locale={locale}
166
164
  onChangeValue={handleOnChange}
165
+ {...(min && { min: new Date(min) })}
166
+ {...(max && { max: new Date(max) })}
167
167
  {...rest}
168
168
  />
169
169
  );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
233
233
  <CalendarBaseRange
234
234
  size={size}
235
235
  value={values}
236
- min={min}
237
- max={max}
238
236
  includeEdgeDates={includeEdgeDates}
239
237
  type={type}
240
238
  onChangeValue={handleOnChange}
241
239
  locale={locale}
240
+ {...(min && { min: new Date(min) })}
241
+ {...(max && { max: new Date(max) })}
242
242
  {...rest}
243
243
  />
244
244
  ) : (
245
245
  <CalendarDoubleRange
246
246
  size={size}
247
247
  value={values}
248
- min={min}
249
- max={max}
250
248
  includeEdgeDates={includeEdgeDates}
251
249
  type={type}
252
250
  onChangeValue={handleOnChange}
253
251
  locale={locale}
252
+ {...(min && { min: new Date(min) })}
253
+ {...(max && { max: new Date(max) })}
254
254
  {...rest}
255
255
  />
256
256
  );
@@ -80,6 +80,8 @@ const StoryDefault = ({
80
80
  size,
81
81
  lang,
82
82
  format,
83
+ min,
84
+ max,
83
85
  ...rest
84
86
  }: StoryPropsDefault) => {
85
87
  const [isOpen, setIsOpen] = useState(false);
@@ -103,6 +105,8 @@ const StoryDefault = ({
103
105
  lang={lang}
104
106
  format={format}
105
107
  onCommitDate={() => setIsOpen(false)}
108
+ {...(min && { min: new Date(min) })}
109
+ {...(max && { max: new Date(max) })}
106
110
  {...rest}
107
111
  />
108
112
  );
@@ -188,6 +192,8 @@ const StoryRange = ({
188
192
  secondValueSuccess,
189
193
  size,
190
194
  lang,
195
+ min,
196
+ max,
191
197
  ...rest
192
198
  }: StoryPropsRange) => {
193
199
  const rangeRef = useRef<RangeInputRefs>(null);
@@ -240,6 +246,8 @@ const StoryRange = ({
240
246
  onChangeSecondValue(e, currentValue);
241
247
  }}
242
248
  lang={lang}
249
+ {...(min && { min: new Date(min) })}
250
+ {...(max && { max: new Date(max) })}
243
251
  {...dividerIconProps}
244
252
  {...rest}
245
253
  />
@@ -306,6 +314,8 @@ const StoryDeferred = ({
306
314
  valueError,
307
315
  valueSuccess,
308
316
  size,
317
+ min,
318
+ max,
309
319
  ...rest
310
320
  }: StoryPropsDefault) => {
311
321
  const [isOpen, setIsOpen] = useState(false);
@@ -338,6 +348,8 @@ const StoryDeferred = ({
338
348
  onChangeValue(e, currentValue);
339
349
  }}
340
350
  onCommitDate={() => setIsOpen(false)}
351
+ {...(min && { min: new Date(min) })}
352
+ {...(max && { max: new Date(max) })}
341
353
  {...rest}
342
354
  />
343
355
  </>
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
100
100
  isDouble={isDouble}
101
101
  date={date}
102
102
  value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- min={min}
104
- max={max}
105
103
  includeEdgeDates={includeEdgeDates}
106
104
  locale={locale}
107
105
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
+ {...(min && { min: new Date(min) })}
107
+ {...(max && { max: new Date(max) })}
108
108
  />
109
109
  );
110
110
  };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
146
146
  <CalendarDouble
147
147
  size={size}
148
148
  value={value}
149
- min={min}
150
- max={max}
151
149
  includeEdgeDates={includeEdgeDates}
152
150
  type={type}
153
151
  locale={locale}
154
152
  onChangeValue={handleOnChange}
153
+ {...(min && { min: new Date(min) })}
154
+ {...(max && { max: new Date(max) })}
155
155
  {...rest}
156
156
  />
157
157
  ) : (
158
158
  <CalendarBase
159
159
  size={size}
160
160
  value={value}
161
- min={min}
162
- max={max}
163
161
  includeEdgeDates={includeEdgeDates}
164
162
  type={type}
165
163
  locale={locale}
166
164
  onChangeValue={handleOnChange}
165
+ {...(min && { min: new Date(min) })}
166
+ {...(max && { max: new Date(max) })}
167
167
  {...rest}
168
168
  />
169
169
  );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
233
233
  <CalendarBaseRange
234
234
  size={size}
235
235
  value={values}
236
- min={min}
237
- max={max}
238
236
  includeEdgeDates={includeEdgeDates}
239
237
  type={type}
240
238
  onChangeValue={handleOnChange}
241
239
  locale={locale}
240
+ {...(min && { min: new Date(min) })}
241
+ {...(max && { max: new Date(max) })}
242
242
  {...rest}
243
243
  />
244
244
  ) : (
245
245
  <CalendarDoubleRange
246
246
  size={size}
247
247
  value={values}
248
- min={min}
249
- max={max}
250
248
  includeEdgeDates={includeEdgeDates}
251
249
  type={type}
252
250
  onChangeValue={handleOnChange}
253
251
  locale={locale}
252
+ {...(min && { min: new Date(min) })}
253
+ {...(max && { max: new Date(max) })}
254
254
  {...rest}
255
255
  />
256
256
  );
@@ -1,7 +1,7 @@
1
1
  import React, { ComponentProps, useEffect, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
7
  import { IconButton } from '../IconButton/IconButton';
@@ -80,6 +80,8 @@ const StoryDefault = ({
80
80
  size,
81
81
  lang,
82
82
  format,
83
+ min,
84
+ max,
83
85
  ...rest
84
86
  }: StoryPropsDefault) => {
85
87
  const [isOpen, setIsOpen] = useState(false);
@@ -103,6 +105,8 @@ const StoryDefault = ({
103
105
  lang={lang}
104
106
  format={format}
105
107
  onCommitDate={() => setIsOpen(false)}
108
+ {...(min && { min: new Date(min) })}
109
+ {...(max && { max: new Date(max) })}
106
110
  {...rest}
107
111
  />
108
112
  );
@@ -188,6 +192,8 @@ const StoryRange = ({
188
192
  secondValueSuccess,
189
193
  size,
190
194
  lang,
195
+ min,
196
+ max,
191
197
  ...rest
192
198
  }: StoryPropsRange) => {
193
199
  const rangeRef = useRef<RangeInputRefs>(null);
@@ -240,6 +246,8 @@ const StoryRange = ({
240
246
  onChangeSecondValue(e, currentValue);
241
247
  }}
242
248
  lang={lang}
249
+ {...(min && { min: new Date(min) })}
250
+ {...(max && { max: new Date(max) })}
243
251
  {...dividerIconProps}
244
252
  {...rest}
245
253
  />
@@ -306,6 +314,8 @@ const StoryDeferred = ({
306
314
  valueError,
307
315
  valueSuccess,
308
316
  size,
317
+ min,
318
+ max,
309
319
  ...rest
310
320
  }: StoryPropsDefault) => {
311
321
  const [isOpen, setIsOpen] = useState(false);
@@ -338,6 +348,8 @@ const StoryDeferred = ({
338
348
  onChangeValue(e, currentValue);
339
349
  }}
340
350
  onCommitDate={() => setIsOpen(false)}
351
+ {...(min && { min: new Date(min) })}
352
+ {...(max && { max: new Date(max) })}
341
353
  {...rest}
342
354
  />
343
355
  </>
@@ -35,13 +35,15 @@ export var CalendarMonths = function CalendarMonths(_ref) {
35
35
  onSetSelected = _ref.onSetSelected,
36
36
  onKeyDown = _ref.onKeyDown,
37
37
  locale = _ref.locale;
38
+ var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
39
+ var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
38
40
  var _useMonths = useMonths({
39
41
  date: currentDate,
40
42
  value: value,
41
43
  eventList: eventList,
42
44
  disabledList: disabledList,
43
- min: min,
44
- max: max,
45
+ min: minDate,
46
+ max: maxDate,
45
47
  locale: locale
46
48
  }),
47
49
  _useMonths2 = _slicedToArray(_useMonths, 2),
@@ -34,13 +34,15 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
34
34
  onHoverQuarter = _ref.onHoverQuarter,
35
35
  onSetSelected = _ref.onSetSelected,
36
36
  onKeyDown = _ref.onKeyDown;
37
+ var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
38
+ var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
37
39
  var _useQuarters = useQuarters({
38
40
  date: currentDate,
39
41
  value: value,
40
42
  eventList: eventList,
41
43
  disabledList: disabledList,
42
- min: min,
43
- max: max
44
+ min: minDate,
45
+ max: maxDate
44
46
  }),
45
47
  _useQuarters2 = _slicedToArray(_useQuarters, 2),
46
48
  quarters = _useQuarters2[0],
@@ -35,14 +35,16 @@ export var CalendarYears = function CalendarYears(_ref) {
35
35
  onHoverYear = _ref.onHoverYear,
36
36
  onSetSelected = _ref.onSetSelected,
37
37
  onKeyDown = _ref.onKeyDown;
38
+ var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
39
+ var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
38
40
  var _useYears = useYears({
39
41
  date: currentDate,
40
42
  value: value,
41
43
  startYear: startYear,
42
44
  eventList: eventList,
43
45
  disabledList: disabledList,
44
- min: min,
45
- max: max
46
+ min: minDate,
47
+ max: maxDate
46
48
  }),
47
49
  _useYears2 = _slicedToArray(_useYears, 2),
48
50
  years = _useYears2[0],
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
100
100
  isDouble={isDouble}
101
101
  date={date}
102
102
  value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- min={min}
104
- max={max}
105
103
  includeEdgeDates={includeEdgeDates}
106
104
  locale={locale}
107
105
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
+ {...(min && { min: new Date(min) })}
107
+ {...(max && { max: new Date(max) })}
108
108
  />
109
109
  );
110
110
  };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
146
146
  <CalendarDouble
147
147
  size={size}
148
148
  value={value}
149
- min={min}
150
- max={max}
151
149
  includeEdgeDates={includeEdgeDates}
152
150
  type={type}
153
151
  locale={locale}
154
152
  onChangeValue={handleOnChange}
153
+ {...(min && { min: new Date(min) })}
154
+ {...(max && { max: new Date(max) })}
155
155
  {...rest}
156
156
  />
157
157
  ) : (
158
158
  <CalendarBase
159
159
  size={size}
160
160
  value={value}
161
- min={min}
162
- max={max}
163
161
  includeEdgeDates={includeEdgeDates}
164
162
  type={type}
165
163
  locale={locale}
166
164
  onChangeValue={handleOnChange}
165
+ {...(min && { min: new Date(min) })}
166
+ {...(max && { max: new Date(max) })}
167
167
  {...rest}
168
168
  />
169
169
  );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
233
233
  <CalendarBaseRange
234
234
  size={size}
235
235
  value={values}
236
- min={min}
237
- max={max}
238
236
  includeEdgeDates={includeEdgeDates}
239
237
  type={type}
240
238
  onChangeValue={handleOnChange}
241
239
  locale={locale}
240
+ {...(min && { min: new Date(min) })}
241
+ {...(max && { max: new Date(max) })}
242
242
  {...rest}
243
243
  />
244
244
  ) : (
245
245
  <CalendarDoubleRange
246
246
  size={size}
247
247
  value={values}
248
- min={min}
249
- max={max}
250
248
  includeEdgeDates={includeEdgeDates}
251
249
  type={type}
252
250
  onChangeValue={handleOnChange}
253
251
  locale={locale}
252
+ {...(min && { min: new Date(min) })}
253
+ {...(max && { max: new Date(max) })}
254
254
  {...rest}
255
255
  />
256
256
  );
@@ -80,6 +80,8 @@ const StoryDefault = ({
80
80
  size,
81
81
  lang,
82
82
  format,
83
+ min,
84
+ max,
83
85
  ...rest
84
86
  }: StoryPropsDefault) => {
85
87
  const [isOpen, setIsOpen] = useState(false);
@@ -103,6 +105,8 @@ const StoryDefault = ({
103
105
  lang={lang}
104
106
  format={format}
105
107
  onCommitDate={() => setIsOpen(false)}
108
+ {...(min && { min: new Date(min) })}
109
+ {...(max && { max: new Date(max) })}
106
110
  {...rest}
107
111
  />
108
112
  );
@@ -188,6 +192,8 @@ const StoryRange = ({
188
192
  secondValueSuccess,
189
193
  size,
190
194
  lang,
195
+ min,
196
+ max,
191
197
  ...rest
192
198
  }: StoryPropsRange) => {
193
199
  const rangeRef = useRef<RangeInputRefs>(null);
@@ -240,6 +246,8 @@ const StoryRange = ({
240
246
  onChangeSecondValue(e, currentValue);
241
247
  }}
242
248
  lang={lang}
249
+ {...(min && { min: new Date(min) })}
250
+ {...(max && { max: new Date(max) })}
243
251
  {...dividerIconProps}
244
252
  {...rest}
245
253
  />
@@ -306,6 +314,8 @@ const StoryDeferred = ({
306
314
  valueError,
307
315
  valueSuccess,
308
316
  size,
317
+ min,
318
+ max,
309
319
  ...rest
310
320
  }: StoryPropsDefault) => {
311
321
  const [isOpen, setIsOpen] = useState(false);
@@ -338,6 +348,8 @@ const StoryDeferred = ({
338
348
  onChangeValue(e, currentValue);
339
349
  }}
340
350
  onCommitDate={() => setIsOpen(false)}
351
+ {...(min && { min: new Date(min) })}
352
+ {...(max && { max: new Date(max) })}
341
353
  {...rest}
342
354
  />
343
355
  </>
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
100
100
  isDouble={isDouble}
101
101
  date={date}
102
102
  value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- min={min}
104
- max={max}
105
103
  includeEdgeDates={includeEdgeDates}
106
104
  locale={locale}
107
105
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
+ {...(min && { min: new Date(min) })}
107
+ {...(max && { max: new Date(max) })}
108
108
  />
109
109
  );
110
110
  };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
146
146
  <CalendarDouble
147
147
  size={size}
148
148
  value={value}
149
- min={min}
150
- max={max}
151
149
  includeEdgeDates={includeEdgeDates}
152
150
  type={type}
153
151
  locale={locale}
154
152
  onChangeValue={handleOnChange}
153
+ {...(min && { min: new Date(min) })}
154
+ {...(max && { max: new Date(max) })}
155
155
  {...rest}
156
156
  />
157
157
  ) : (
158
158
  <CalendarBase
159
159
  size={size}
160
160
  value={value}
161
- min={min}
162
- max={max}
163
161
  includeEdgeDates={includeEdgeDates}
164
162
  type={type}
165
163
  locale={locale}
166
164
  onChangeValue={handleOnChange}
165
+ {...(min && { min: new Date(min) })}
166
+ {...(max && { max: new Date(max) })}
167
167
  {...rest}
168
168
  />
169
169
  );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
233
233
  <CalendarBaseRange
234
234
  size={size}
235
235
  value={values}
236
- min={min}
237
- max={max}
238
236
  includeEdgeDates={includeEdgeDates}
239
237
  type={type}
240
238
  onChangeValue={handleOnChange}
241
239
  locale={locale}
240
+ {...(min && { min: new Date(min) })}
241
+ {...(max && { max: new Date(max) })}
242
242
  {...rest}
243
243
  />
244
244
  ) : (
245
245
  <CalendarDoubleRange
246
246
  size={size}
247
247
  value={values}
248
- min={min}
249
- max={max}
250
248
  includeEdgeDates={includeEdgeDates}
251
249
  type={type}
252
250
  onChangeValue={handleOnChange}
253
251
  locale={locale}
252
+ {...(min && { min: new Date(min) })}
253
+ {...(max && { max: new Date(max) })}
254
254
  {...rest}
255
255
  />
256
256
  );
@@ -1,7 +1,7 @@
1
1
  import React, { ComponentProps, useEffect, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
7
  import { IconButton } from '../IconButton/IconButton';
@@ -80,6 +80,8 @@ const StoryDefault = ({
80
80
  size,
81
81
  lang,
82
82
  format,
83
+ min,
84
+ max,
83
85
  ...rest
84
86
  }: StoryPropsDefault) => {
85
87
  const [isOpen, setIsOpen] = useState(false);
@@ -103,6 +105,8 @@ const StoryDefault = ({
103
105
  lang={lang}
104
106
  format={format}
105
107
  onCommitDate={() => setIsOpen(false)}
108
+ {...(min && { min: new Date(min) })}
109
+ {...(max && { max: new Date(max) })}
106
110
  {...rest}
107
111
  />
108
112
  );
@@ -188,6 +192,8 @@ const StoryRange = ({
188
192
  secondValueSuccess,
189
193
  size,
190
194
  lang,
195
+ min,
196
+ max,
191
197
  ...rest
192
198
  }: StoryPropsRange) => {
193
199
  const rangeRef = useRef<RangeInputRefs>(null);
@@ -240,6 +246,8 @@ const StoryRange = ({
240
246
  onChangeSecondValue(e, currentValue);
241
247
  }}
242
248
  lang={lang}
249
+ {...(min && { min: new Date(min) })}
250
+ {...(max && { max: new Date(max) })}
243
251
  {...dividerIconProps}
244
252
  {...rest}
245
253
  />
@@ -306,6 +314,8 @@ const StoryDeferred = ({
306
314
  valueError,
307
315
  valueSuccess,
308
316
  size,
317
+ min,
318
+ max,
309
319
  ...rest
310
320
  }: StoryPropsDefault) => {
311
321
  const [isOpen, setIsOpen] = useState(false);
@@ -338,6 +348,8 @@ const StoryDeferred = ({
338
348
  onChangeValue(e, currentValue);
339
349
  }}
340
350
  onCommitDate={() => setIsOpen(false)}
351
+ {...(min && { min: new Date(min) })}
352
+ {...(max && { max: new Date(max) })}
341
353
  {...rest}
342
354
  />
343
355
  </>
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8KxD,CAAC"}
1
+ {"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyLxD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2K5D,CAAC"}
1
+ {"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqL5D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+KtD,CAAC"}
1
+ {"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0LtD,CAAC"}