@alfalab/core-components-calendar-input 10.2.24 → 10.2.26

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.
@@ -141,6 +141,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
141
141
  allowSelectionFromEmptyRange?: boolean | undefined;
142
142
  hasHeader?: boolean | undefined;
143
143
  onApply?: (() => void) | undefined;
144
+ clickableMonth?: boolean | undefined;
144
145
  } & {
145
146
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
146
147
  yearsAmount?: number | undefined;
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
 
21
- var styles = {"component":"calendar-input__component_1sjd6","block":"calendar-input__block_1sjd6","calendarContainer":"calendar-input__calendarContainer_1sjd6","calendarResponsive":"calendar-input__calendarResponsive_1sjd6","calendarIcon":"calendar-input__calendarIcon_1sjd6","nativeInput":"calendar-input__nativeInput_1sjd6"};
21
+ var styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
22
22
  require('./index.css')
23
23
 
24
24
  var CalendarInput = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: wb7vt */
1
+ /* hash: 15wka */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -20,6 +20,7 @@
20
20
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-4: var(--gap-2xs);
23
24
  } :root {
24
25
  } :root {
25
26
  } :root {
@@ -47,31 +48,31 @@
47
48
  } :root {
48
49
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
49
50
  --calendar-input-popover-border-radius: var(--border-radius-m);
50
- } .calendar-input__component_1sjd6 {
51
+ } .calendar-input__component_1dy3w {
51
52
  display: inline-block;
52
53
  outline: none;
53
54
  position: relative;
54
- } .calendar-input__block_1sjd6 {
55
+ } .calendar-input__block_1dy3w {
55
56
  width: 100%;
56
- } .calendar-input__calendarContainer_1sjd6 {
57
+ } .calendar-input__calendarContainer_1dy3w {
57
58
  display: inline-block;
58
59
  box-sizing: border-box;
59
60
  border-radius: var(--calendar-input-popover-border-radius);
60
61
  border: 1px solid var(--color-light-neutral-300)
61
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1sjd6 {
62
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1dy3w {
62
63
  width: 100%;
63
64
  min-width: 288px
64
65
  }
65
- } .calendar-input__calendarResponsive_1sjd6 {
66
+ } .calendar-input__calendarResponsive_1dy3w {
66
67
  width: var(--calendar-width);
67
- } .calendar-input__calendarIcon_1sjd6 {
68
+ } .calendar-input__calendarIcon_1dy3w {
68
69
  width: 24px;
69
70
  height: 24px;
70
71
  display: block;
71
72
  color: var(--calendar-input-icon-color)
72
- } .calendar-input__calendarIcon_1sjd6:not(:only-child) {
73
- margin-right: var(--gap-2xs);
74
- } .calendar-input__nativeInput_1sjd6 {
73
+ } .calendar-input__calendarIcon_1dy3w:not(:only-child) {
74
+ margin-right: var(--gap-4);
75
+ } .calendar-input__nativeInput_1dy3w {
75
76
  opacity: 0;
76
77
  position: absolute;
77
78
  top: 0;
@@ -80,8 +81,8 @@
80
81
  height: 100%;
81
82
  appearance: none;
82
83
  z-index: 1
83
- } .calendar-input__nativeInput_1sjd6::-webkit-calendar-picker-indicator {
84
+ } .calendar-input__nativeInput_1dy3w::-webkit-calendar-picker-indicator {
84
85
  display: none;
85
- } .calendar-input__nativeInput_1sjd6::-webkit-inner-spin-button {
86
+ } .calendar-input__nativeInput_1dy3w::-webkit-inner-spin-button {
86
87
  display: none;
87
88
  }
@@ -141,6 +141,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
141
141
  allowSelectionFromEmptyRange?: boolean | undefined;
142
142
  hasHeader?: boolean | undefined;
143
143
  onApply?: (() => void) | undefined;
144
+ clickableMonth?: boolean | undefined;
144
145
  } & {
145
146
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
146
147
  yearsAmount?: number | undefined;
@@ -19,6 +19,7 @@
19
19
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-4: var(--gap-2xs);
22
23
  } :root {
23
24
  } :root {
24
25
  } :root {
@@ -69,7 +70,7 @@
69
70
  display: block;
70
71
  color: var(--calendar-input-icon-color)
71
72
  } .calendarIcon:not(:only-child) {
72
- margin-right: var(--gap-2xs);
73
+ margin-right: var(--gap-4);
73
74
  } .nativeInput {
74
75
  opacity: 0;
75
76
  position: absolute;
@@ -141,6 +141,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
141
141
  allowSelectionFromEmptyRange?: boolean | undefined;
142
142
  hasHeader?: boolean | undefined;
143
143
  onApply?: (() => void) | undefined;
144
+ clickableMonth?: boolean | undefined;
144
145
  } & {
145
146
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
146
147
  yearsAmount?: number | undefined;
@@ -8,7 +8,7 @@ import { Popover } from '@alfalab/core-components-popover/esm';
8
8
  import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
9
9
  import { SUPPORTS_INPUT_TYPE_DATE } from '../../utils.js';
10
10
 
11
- var styles = {"component":"calendar-input__component_1sjd6","block":"calendar-input__block_1sjd6","calendarContainer":"calendar-input__calendarContainer_1sjd6","calendarResponsive":"calendar-input__calendarResponsive_1sjd6","calendarIcon":"calendar-input__calendarIcon_1sjd6","nativeInput":"calendar-input__nativeInput_1sjd6"};
11
+ var styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
12
12
  require('./index.css')
13
13
 
14
14
  var CalendarInput = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: wb7vt */
1
+ /* hash: 15wka */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -20,6 +20,7 @@
20
20
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-4: var(--gap-2xs);
23
24
  } :root {
24
25
  } :root {
25
26
  } :root {
@@ -47,31 +48,31 @@
47
48
  } :root {
48
49
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
49
50
  --calendar-input-popover-border-radius: var(--border-radius-m);
50
- } .calendar-input__component_1sjd6 {
51
+ } .calendar-input__component_1dy3w {
51
52
  display: inline-block;
52
53
  outline: none;
53
54
  position: relative;
54
- } .calendar-input__block_1sjd6 {
55
+ } .calendar-input__block_1dy3w {
55
56
  width: 100%;
56
- } .calendar-input__calendarContainer_1sjd6 {
57
+ } .calendar-input__calendarContainer_1dy3w {
57
58
  display: inline-block;
58
59
  box-sizing: border-box;
59
60
  border-radius: var(--calendar-input-popover-border-radius);
60
61
  border: 1px solid var(--color-light-neutral-300)
61
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1sjd6 {
62
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1dy3w {
62
63
  width: 100%;
63
64
  min-width: 288px
64
65
  }
65
- } .calendar-input__calendarResponsive_1sjd6 {
66
+ } .calendar-input__calendarResponsive_1dy3w {
66
67
  width: var(--calendar-width);
67
- } .calendar-input__calendarIcon_1sjd6 {
68
+ } .calendar-input__calendarIcon_1dy3w {
68
69
  width: 24px;
69
70
  height: 24px;
70
71
  display: block;
71
72
  color: var(--calendar-input-icon-color)
72
- } .calendar-input__calendarIcon_1sjd6:not(:only-child) {
73
- margin-right: var(--gap-2xs);
74
- } .calendar-input__nativeInput_1sjd6 {
73
+ } .calendar-input__calendarIcon_1dy3w:not(:only-child) {
74
+ margin-right: var(--gap-4);
75
+ } .calendar-input__nativeInput_1dy3w {
75
76
  opacity: 0;
76
77
  position: absolute;
77
78
  top: 0;
@@ -80,8 +81,8 @@
80
81
  height: 100%;
81
82
  appearance: none;
82
83
  z-index: 1
83
- } .calendar-input__nativeInput_1sjd6::-webkit-calendar-picker-indicator {
84
+ } .calendar-input__nativeInput_1dy3w::-webkit-calendar-picker-indicator {
84
85
  display: none;
85
- } .calendar-input__nativeInput_1sjd6::-webkit-inner-spin-button {
86
+ } .calendar-input__nativeInput_1dy3w::-webkit-inner-spin-button {
86
87
  display: none;
87
88
  }
@@ -141,6 +141,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
141
141
  allowSelectionFromEmptyRange?: boolean | undefined;
142
142
  hasHeader?: boolean | undefined;
143
143
  onApply?: (() => void) | undefined;
144
+ clickableMonth?: boolean | undefined;
144
145
  } & {
145
146
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
146
147
  yearsAmount?: number | undefined;
@@ -7,7 +7,7 @@ import { Popover } from '@alfalab/core-components-popover/modern';
7
7
  import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
8
8
  import { SUPPORTS_INPUT_TYPE_DATE } from '../../utils.js';
9
9
 
10
- const styles = {"component":"calendar-input__component_1sjd6","block":"calendar-input__block_1sjd6","calendarContainer":"calendar-input__calendarContainer_1sjd6","calendarResponsive":"calendar-input__calendarResponsive_1sjd6","calendarIcon":"calendar-input__calendarIcon_1sjd6","nativeInput":"calendar-input__nativeInput_1sjd6"};
10
+ const styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
11
11
  require('./index.css')
12
12
 
13
13
  const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange = () => null, onInputChange, onCalendarChange, onCalendarOpen, onCalendarClose, onKeyDown, readOnly, disableUserInput = false, Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: wb7vt */
1
+ /* hash: 15wka */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -20,6 +20,7 @@
20
20
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-4: var(--gap-2xs);
23
24
  } :root {
24
25
  } :root {
25
26
  } :root {
@@ -47,31 +48,31 @@
47
48
  } :root {
48
49
  --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
49
50
  --calendar-input-popover-border-radius: var(--border-radius-m);
50
- } .calendar-input__component_1sjd6 {
51
+ } .calendar-input__component_1dy3w {
51
52
  display: inline-block;
52
53
  outline: none;
53
54
  position: relative;
54
- } .calendar-input__block_1sjd6 {
55
+ } .calendar-input__block_1dy3w {
55
56
  width: 100%;
56
- } .calendar-input__calendarContainer_1sjd6 {
57
+ } .calendar-input__calendarContainer_1dy3w {
57
58
  display: inline-block;
58
59
  box-sizing: border-box;
59
60
  border-radius: var(--calendar-input-popover-border-radius);
60
61
  border: 1px solid var(--color-light-neutral-300)
61
- } @media (max-width: 374px) { .calendar-input__calendarContainer_1sjd6 {
62
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1dy3w {
62
63
  width: 100%;
63
64
  min-width: 288px
64
65
  }
65
- } .calendar-input__calendarResponsive_1sjd6 {
66
+ } .calendar-input__calendarResponsive_1dy3w {
66
67
  width: var(--calendar-width);
67
- } .calendar-input__calendarIcon_1sjd6 {
68
+ } .calendar-input__calendarIcon_1dy3w {
68
69
  width: 24px;
69
70
  height: 24px;
70
71
  display: block;
71
72
  color: var(--calendar-input-icon-color)
72
- } .calendar-input__calendarIcon_1sjd6:not(:only-child) {
73
- margin-right: var(--gap-2xs);
74
- } .calendar-input__nativeInput_1sjd6 {
73
+ } .calendar-input__calendarIcon_1dy3w:not(:only-child) {
74
+ margin-right: var(--gap-4);
75
+ } .calendar-input__nativeInput_1dy3w {
75
76
  opacity: 0;
76
77
  position: absolute;
77
78
  top: 0;
@@ -80,8 +81,8 @@
80
81
  height: 100%;
81
82
  appearance: none;
82
83
  z-index: 1
83
- } .calendar-input__nativeInput_1sjd6::-webkit-calendar-picker-indicator {
84
+ } .calendar-input__nativeInput_1dy3w::-webkit-calendar-picker-indicator {
84
85
  display: none;
85
- } .calendar-input__nativeInput_1sjd6::-webkit-inner-spin-button {
86
+ } .calendar-input__nativeInput_1dy3w::-webkit-inner-spin-button {
86
87
  display: none;
87
88
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "10.2.24",
3
+ "version": "10.2.26",
4
4
  "description": "Calendar input component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-calendar": "^7.9.2",
19
- "@alfalab/core-components-date-input": "^4.3.36",
18
+ "@alfalab/core-components-calendar": "^7.10.1",
19
+ "@alfalab/core-components-date-input": "^4.3.37",
20
20
  "@alfalab/core-components-popover": "^6.2.5",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.139.0",
@@ -25,6 +25,6 @@
25
25
  "react-merge-refs": "^1.1.0",
26
26
  "tslib": "^2.4.0"
27
27
  },
28
- "themesVersion": "13.0.1",
28
+ "themesVersion": "13.0.2",
29
29
  "varsVersion": "9.11.1"
30
30
  }
@@ -39,7 +39,7 @@
39
39
  color: var(--calendar-input-icon-color);
40
40
 
41
41
  &:not(:only-child) {
42
- margin-right: var(--gap-2xs);
42
+ margin-right: var(--gap-4);
43
43
  }
44
44
  }
45
45