@alfalab/core-components-calendar-input 8.2.4 → 8.2.6
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.
- package/{Component-339bca77.d.ts → Component-719f2c9e.d.ts} +0 -0
- package/{Component-339bca77.js → Component-719f2c9e.js} +1 -1
- package/Component.desktop.d.ts +1 -1
- package/Component.desktop.js +1 -1
- package/Component.mobile.d.ts +1 -1
- package/Component.mobile.js +1 -1
- package/Component.responsive.d.ts +1 -1
- package/Component.responsive.js +1 -1
- package/components/calendar-input/Component.js +1 -1
- package/components/calendar-input/index.css +22 -33
- package/components/calendar-input/index.d.ts +1 -1
- package/components/calendar-input/index.js +1 -1
- package/cssm/components/calendar-input/index.module.css +21 -32
- package/cssm/stories.module.css +10 -4
- package/desktop.js +1 -1
- package/esm/{Component-34dcb485.d.ts → Component-0d1b12a6.d.ts} +0 -0
- package/esm/{Component-34dcb485.js → Component-0d1b12a6.js} +1 -1
- package/esm/Component.desktop.d.ts +1 -1
- package/esm/Component.desktop.js +1 -1
- package/esm/Component.mobile.d.ts +1 -1
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.responsive.d.ts +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/components/calendar-input/Component.js +1 -1
- package/esm/components/calendar-input/index.css +22 -33
- package/esm/components/calendar-input/index.d.ts +1 -1
- package/esm/components/calendar-input/index.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/index.js +1 -1
- package/mobile.js +1 -1
- package/modern/components/calendar-input/Component.js +1 -1
- package/modern/components/calendar-input/index.css +22 -33
- package/package.json +3 -3
- package/responsive.js +1 -1
|
File without changes
|
|
@@ -54,7 +54,7 @@ function __rest(s, e) {
|
|
|
54
54
|
return t;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
var styles = {"component":"calendar-
|
|
57
|
+
var styles = {"component":"calendar-input__component_1120j","block":"calendar-input__block_1120j","calendarContainer":"calendar-input__calendarContainer_1120j","calendarResponsive":"calendar-input__calendarResponsive_1120j","calendarIcon":"calendar-input__calendarIcon_1120j","nativeInput":"calendar-input__nativeInput_1120j"};
|
|
58
58
|
require('./components/calendar-input/index.css')
|
|
59
59
|
|
|
60
60
|
var CalendarInput = React.forwardRef(function (_a, ref) {
|
package/Component.desktop.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-719f2c9e";
|
|
3
3
|
type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;
|
|
4
4
|
declare const CalendarInputDesktop: FC<CalendarInputDesktopProps>;
|
|
5
5
|
export { CalendarInputDesktopProps, CalendarInputDesktop };
|
package/Component.desktop.js
CHANGED
package/Component.mobile.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-719f2c9e";
|
|
3
3
|
type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
|
|
4
4
|
declare const CalendarInputMobile: FC<CalendarInputMobileProps>;
|
|
5
5
|
export { CalendarInputMobileProps, CalendarInputMobile };
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_calendarInput_Component = require('./Component-
|
|
3
|
+
var components_calendarInput_Component = require('./Component-719f2c9e.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsCalendar = require('@alfalab/core-components-calendar');
|
|
6
6
|
require('react-merge-refs');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-719f2c9e";
|
|
3
3
|
type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
|
|
4
4
|
/**
|
|
5
5
|
* Контрольная точка, с нее начинается desktop версия
|
package/Component.responsive.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_calendarInput_Component = require('./Component-
|
|
3
|
+
var components_calendarInput_Component = require('./Component-719f2c9e.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var hooks = require('@alfalab/hooks');
|
|
6
6
|
var Component_desktop = require('./Component.desktop.js');
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: up3ps */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-graphic-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:
|
|
14
|
+
} :root {
|
|
15
|
+
--border-radius-m: 8px;
|
|
16
|
+
} :root {
|
|
14
17
|
--gap-2xs: 4px;
|
|
15
18
|
--gap-m: 16px;
|
|
16
|
-
}
|
|
17
|
-
:root {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
21
22
|
--calendar-width: 344px;
|
|
22
23
|
|
|
23
24
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -39,44 +40,34 @@
|
|
|
39
40
|
/* disabled */
|
|
40
41
|
|
|
41
42
|
/* marker */
|
|
42
|
-
}
|
|
43
|
-
:root {
|
|
43
|
+
} :root {
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
|
-
}
|
|
47
|
-
.calendar-input__component_2mx3a {
|
|
46
|
+
} .calendar-input__component_1120j {
|
|
48
47
|
display: inline-block;
|
|
49
48
|
outline: none;
|
|
50
49
|
position: relative;
|
|
51
|
-
}
|
|
52
|
-
.calendar-input__block_2mx3a {
|
|
50
|
+
} .calendar-input__block_1120j {
|
|
53
51
|
width: 100%;
|
|
54
|
-
}
|
|
55
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
52
|
+
} .calendar-input__calendarContainer_1120j {
|
|
56
53
|
display: inline-block;
|
|
57
54
|
box-sizing: border-box;
|
|
58
55
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
|
-
}
|
|
60
|
-
@media (max-width: 374px) {
|
|
61
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
56
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1120j {
|
|
62
57
|
width: 100%;
|
|
63
58
|
min-width: 288px
|
|
64
59
|
}
|
|
65
|
-
}
|
|
66
|
-
.calendar-input__calendarResponsive_2mx3a {
|
|
60
|
+
} .calendar-input__calendarResponsive_1120j {
|
|
67
61
|
width: var(--calendar-width);
|
|
68
62
|
padding: 0 var(--gap-m);
|
|
69
|
-
}
|
|
70
|
-
.calendar-input__calendarIcon_2mx3a {
|
|
63
|
+
} .calendar-input__calendarIcon_1120j {
|
|
71
64
|
width: 24px;
|
|
72
65
|
height: 24px;
|
|
73
66
|
display: block;
|
|
74
67
|
color: var(--calendar-input-icon-color)
|
|
75
|
-
}
|
|
76
|
-
.calendar-input__calendarIcon_2mx3a:not(:only-child) {
|
|
68
|
+
} .calendar-input__calendarIcon_1120j:not(:only-child) {
|
|
77
69
|
margin-right: var(--gap-2xs);
|
|
78
|
-
}
|
|
79
|
-
.calendar-input__nativeInput_2mx3a {
|
|
70
|
+
} .calendar-input__nativeInput_1120j {
|
|
80
71
|
opacity: 0;
|
|
81
72
|
position: absolute;
|
|
82
73
|
top: 0;
|
|
@@ -86,10 +77,8 @@
|
|
|
86
77
|
-webkit-appearance: none;
|
|
87
78
|
appearance: none;
|
|
88
79
|
z-index: 1
|
|
89
|
-
}
|
|
90
|
-
.calendar-input__nativeInput_2mx3a::-webkit-calendar-picker-indicator {
|
|
80
|
+
} .calendar-input__nativeInput_1120j::-webkit-calendar-picker-indicator {
|
|
91
81
|
display: none;
|
|
92
|
-
}
|
|
93
|
-
.calendar-input__nativeInput_2mx3a::-webkit-inner-spin-button {
|
|
82
|
+
} .calendar-input__nativeInput_1120j::-webkit-inner-spin-button {
|
|
94
83
|
display: none;
|
|
95
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-719f2c9e";
|
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
2
3
|
--color-light-graphic-primary: #0b1f35;
|
|
3
|
-
}
|
|
4
|
-
:root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
5
7
|
|
|
6
8
|
/* Hard */
|
|
7
9
|
|
|
8
10
|
/* Up */
|
|
9
11
|
|
|
10
12
|
/* Hard up */
|
|
11
|
-
}
|
|
12
|
-
:
|
|
13
|
+
} :root {
|
|
14
|
+
--border-radius-m: 8px;
|
|
15
|
+
} :root {
|
|
13
16
|
--gap-2xs: 4px;
|
|
14
17
|
--gap-m: 16px;
|
|
15
|
-
}
|
|
16
|
-
:root {
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
:root {
|
|
18
|
+
} :root {
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
20
21
|
--calendar-width: 344px;
|
|
21
22
|
|
|
22
23
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -38,44 +39,34 @@
|
|
|
38
39
|
/* disabled */
|
|
39
40
|
|
|
40
41
|
/* marker */
|
|
41
|
-
}
|
|
42
|
-
:root {
|
|
42
|
+
} :root {
|
|
43
43
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
44
44
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
45
|
-
}
|
|
46
|
-
.component {
|
|
45
|
+
} .component {
|
|
47
46
|
display: inline-block;
|
|
48
47
|
outline: none;
|
|
49
48
|
position: relative;
|
|
50
|
-
}
|
|
51
|
-
.block {
|
|
49
|
+
} .block {
|
|
52
50
|
width: 100%;
|
|
53
|
-
}
|
|
54
|
-
.calendarContainer {
|
|
51
|
+
} .calendarContainer {
|
|
55
52
|
display: inline-block;
|
|
56
53
|
box-sizing: border-box;
|
|
57
54
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
58
|
-
}
|
|
59
|
-
@media (max-width: 374px) {
|
|
60
|
-
.calendarContainer {
|
|
55
|
+
} @media (max-width: 374px) { .calendarContainer {
|
|
61
56
|
width: 100%;
|
|
62
57
|
min-width: 288px
|
|
63
58
|
}
|
|
64
|
-
}
|
|
65
|
-
.calendarResponsive {
|
|
59
|
+
} .calendarResponsive {
|
|
66
60
|
width: var(--calendar-width);
|
|
67
61
|
padding: 0 var(--gap-m);
|
|
68
|
-
}
|
|
69
|
-
.calendarIcon {
|
|
62
|
+
} .calendarIcon {
|
|
70
63
|
width: 24px;
|
|
71
64
|
height: 24px;
|
|
72
65
|
display: block;
|
|
73
66
|
color: var(--calendar-input-icon-color)
|
|
74
|
-
}
|
|
75
|
-
.calendarIcon:not(:only-child) {
|
|
67
|
+
} .calendarIcon:not(:only-child) {
|
|
76
68
|
margin-right: var(--gap-2xs);
|
|
77
|
-
}
|
|
78
|
-
.nativeInput {
|
|
69
|
+
} .nativeInput {
|
|
79
70
|
opacity: 0;
|
|
80
71
|
position: absolute;
|
|
81
72
|
top: 0;
|
|
@@ -85,10 +76,8 @@
|
|
|
85
76
|
-webkit-appearance: none;
|
|
86
77
|
appearance: none;
|
|
87
78
|
z-index: 1
|
|
88
|
-
}
|
|
89
|
-
.nativeInput::-webkit-calendar-picker-indicator {
|
|
79
|
+
} .nativeInput::-webkit-calendar-picker-indicator {
|
|
90
80
|
display: none;
|
|
91
|
-
}
|
|
92
|
-
.nativeInput::-webkit-inner-spin-button {
|
|
81
|
+
} .nativeInput::-webkit-inner-spin-button {
|
|
93
82
|
display: none;
|
|
94
83
|
}
|
package/cssm/stories.module.css
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
3
|
+
} :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
2
6
|
|
|
3
7
|
/* Hard */
|
|
4
8
|
|
|
5
9
|
/* Up */
|
|
6
10
|
|
|
7
11
|
/* Hard up */
|
|
8
|
-
}
|
|
9
|
-
:root {
|
|
12
|
+
} :root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
10
17
|
--calendar-width: 344px;
|
|
11
18
|
|
|
12
19
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -28,7 +35,6 @@
|
|
|
28
35
|
/* disabled */
|
|
29
36
|
|
|
30
37
|
/* marker */
|
|
31
|
-
}
|
|
32
|
-
.calendarWidth {
|
|
38
|
+
} .calendarWidth {
|
|
33
39
|
width: var(--calendar-width);
|
|
34
40
|
}
|
package/desktop.js
CHANGED
|
File without changes
|
|
@@ -46,7 +46,7 @@ function __rest(s, e) {
|
|
|
46
46
|
return t;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
var styles = {"component":"calendar-
|
|
49
|
+
var styles = {"component":"calendar-input__component_1120j","block":"calendar-input__block_1120j","calendarContainer":"calendar-input__calendarContainer_1120j","calendarResponsive":"calendar-input__calendarResponsive_1120j","calendarIcon":"calendar-input__calendarIcon_1120j","nativeInput":"calendar-input__nativeInput_1120j"};
|
|
50
50
|
require('./components/calendar-input/index.css')
|
|
51
51
|
|
|
52
52
|
var CalendarInput = forwardRef(function (_a, ref) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-0d1b12a6";
|
|
3
3
|
type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;
|
|
4
4
|
declare const CalendarInputDesktop: FC<CalendarInputDesktopProps>;
|
|
5
5
|
export { CalendarInputDesktopProps, CalendarInputDesktop };
|
package/esm/Component.desktop.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-0d1b12a6";
|
|
3
3
|
type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
|
|
4
4
|
declare const CalendarInputMobile: FC<CalendarInputMobileProps>;
|
|
5
5
|
export { CalendarInputMobileProps, CalendarInputMobile };
|
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as CalendarInput, _ as __assign } from './Component-
|
|
1
|
+
import { C as CalendarInput, _ as __assign } from './Component-0d1b12a6.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { CalendarMobile } from '@alfalab/core-components-calendar/esm';
|
|
4
4
|
import 'react-merge-refs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from "./Component-
|
|
2
|
+
import { CalendarInputProps } from "./Component-0d1b12a6";
|
|
3
3
|
type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
|
|
4
4
|
/**
|
|
5
5
|
* Контрольная точка, с нее начинается desktop версия
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as __rest, _ as __assign } from './Component-
|
|
1
|
+
import { a as __rest, _ as __assign } from './Component-0d1b12a6.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { CalendarInputDesktop } from './Component.desktop.js';
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: up3ps */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-graphic-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:
|
|
14
|
+
} :root {
|
|
15
|
+
--border-radius-m: 8px;
|
|
16
|
+
} :root {
|
|
14
17
|
--gap-2xs: 4px;
|
|
15
18
|
--gap-m: 16px;
|
|
16
|
-
}
|
|
17
|
-
:root {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
21
22
|
--calendar-width: 344px;
|
|
22
23
|
|
|
23
24
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -39,44 +40,34 @@
|
|
|
39
40
|
/* disabled */
|
|
40
41
|
|
|
41
42
|
/* marker */
|
|
42
|
-
}
|
|
43
|
-
:root {
|
|
43
|
+
} :root {
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
|
-
}
|
|
47
|
-
.calendar-input__component_2mx3a {
|
|
46
|
+
} .calendar-input__component_1120j {
|
|
48
47
|
display: inline-block;
|
|
49
48
|
outline: none;
|
|
50
49
|
position: relative;
|
|
51
|
-
}
|
|
52
|
-
.calendar-input__block_2mx3a {
|
|
50
|
+
} .calendar-input__block_1120j {
|
|
53
51
|
width: 100%;
|
|
54
|
-
}
|
|
55
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
52
|
+
} .calendar-input__calendarContainer_1120j {
|
|
56
53
|
display: inline-block;
|
|
57
54
|
box-sizing: border-box;
|
|
58
55
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
|
-
}
|
|
60
|
-
@media (max-width: 374px) {
|
|
61
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
56
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1120j {
|
|
62
57
|
width: 100%;
|
|
63
58
|
min-width: 288px
|
|
64
59
|
}
|
|
65
|
-
}
|
|
66
|
-
.calendar-input__calendarResponsive_2mx3a {
|
|
60
|
+
} .calendar-input__calendarResponsive_1120j {
|
|
67
61
|
width: var(--calendar-width);
|
|
68
62
|
padding: 0 var(--gap-m);
|
|
69
|
-
}
|
|
70
|
-
.calendar-input__calendarIcon_2mx3a {
|
|
63
|
+
} .calendar-input__calendarIcon_1120j {
|
|
71
64
|
width: 24px;
|
|
72
65
|
height: 24px;
|
|
73
66
|
display: block;
|
|
74
67
|
color: var(--calendar-input-icon-color)
|
|
75
|
-
}
|
|
76
|
-
.calendar-input__calendarIcon_2mx3a:not(:only-child) {
|
|
68
|
+
} .calendar-input__calendarIcon_1120j:not(:only-child) {
|
|
77
69
|
margin-right: var(--gap-2xs);
|
|
78
|
-
}
|
|
79
|
-
.calendar-input__nativeInput_2mx3a {
|
|
70
|
+
} .calendar-input__nativeInput_1120j {
|
|
80
71
|
opacity: 0;
|
|
81
72
|
position: absolute;
|
|
82
73
|
top: 0;
|
|
@@ -86,10 +77,8 @@
|
|
|
86
77
|
-webkit-appearance: none;
|
|
87
78
|
appearance: none;
|
|
88
79
|
z-index: 1
|
|
89
|
-
}
|
|
90
|
-
.calendar-input__nativeInput_2mx3a::-webkit-calendar-picker-indicator {
|
|
80
|
+
} .calendar-input__nativeInput_1120j::-webkit-calendar-picker-indicator {
|
|
91
81
|
display: none;
|
|
92
|
-
}
|
|
93
|
-
.calendar-input__nativeInput_2mx3a::-webkit-inner-spin-button {
|
|
82
|
+
} .calendar-input__nativeInput_1120j::-webkit-inner-spin-button {
|
|
94
83
|
display: none;
|
|
95
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-0d1b12a6";
|
package/esm/desktop.js
CHANGED
package/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { CalendarInputResponsive as CalendarInput } from './Component.responsive.js';
|
|
2
2
|
export { DATE_FORMAT, DATE_MASK, IS_BROWSER, NATIVE_DATE_FORMAT, SUPPORTS_INPUT_TYPE_DATE, formatDate, isInputDateSupported, isValidInputValue, parseDateString } from './utils.js';
|
|
3
|
-
import './Component-
|
|
3
|
+
import './Component-0d1b12a6.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'react-merge-refs';
|
|
6
6
|
import 'classnames';
|
package/esm/mobile.js
CHANGED
package/esm/responsive.js
CHANGED
package/index.js
CHANGED
package/mobile.js
CHANGED
|
@@ -10,7 +10,7 @@ import 'date-fns/format';
|
|
|
10
10
|
import 'date-fns/isSameDay';
|
|
11
11
|
import 'date-fns/parse';
|
|
12
12
|
|
|
13
|
-
const styles = {"component":"calendar-
|
|
13
|
+
const styles = {"component":"calendar-input__component_1120j","block":"calendar-input__block_1120j","calendarContainer":"calendar-input__calendarContainer_1120j","calendarResponsive":"calendar-input__calendarResponsive_1120j","calendarIcon":"calendar-input__calendarIcon_1120j","nativeInput":"calendar-input__nativeInput_1120j"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
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, onKeyDown, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: up3ps */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-graphic-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:
|
|
14
|
+
} :root {
|
|
15
|
+
--border-radius-m: 8px;
|
|
16
|
+
} :root {
|
|
14
17
|
--gap-2xs: 4px;
|
|
15
18
|
--gap-m: 16px;
|
|
16
|
-
}
|
|
17
|
-
:root {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
21
22
|
--calendar-width: 344px;
|
|
22
23
|
|
|
23
24
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -39,44 +40,34 @@
|
|
|
39
40
|
/* disabled */
|
|
40
41
|
|
|
41
42
|
/* marker */
|
|
42
|
-
}
|
|
43
|
-
:root {
|
|
43
|
+
} :root {
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
|
-
}
|
|
47
|
-
.calendar-input__component_2mx3a {
|
|
46
|
+
} .calendar-input__component_1120j {
|
|
48
47
|
display: inline-block;
|
|
49
48
|
outline: none;
|
|
50
49
|
position: relative;
|
|
51
|
-
}
|
|
52
|
-
.calendar-input__block_2mx3a {
|
|
50
|
+
} .calendar-input__block_1120j {
|
|
53
51
|
width: 100%;
|
|
54
|
-
}
|
|
55
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
52
|
+
} .calendar-input__calendarContainer_1120j {
|
|
56
53
|
display: inline-block;
|
|
57
54
|
box-sizing: border-box;
|
|
58
55
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
|
-
}
|
|
60
|
-
@media (max-width: 374px) {
|
|
61
|
-
.calendar-input__calendarContainer_2mx3a {
|
|
56
|
+
} @media (max-width: 374px) { .calendar-input__calendarContainer_1120j {
|
|
62
57
|
width: 100%;
|
|
63
58
|
min-width: 288px
|
|
64
59
|
}
|
|
65
|
-
}
|
|
66
|
-
.calendar-input__calendarResponsive_2mx3a {
|
|
60
|
+
} .calendar-input__calendarResponsive_1120j {
|
|
67
61
|
width: var(--calendar-width);
|
|
68
62
|
padding: 0 var(--gap-m);
|
|
69
|
-
}
|
|
70
|
-
.calendar-input__calendarIcon_2mx3a {
|
|
63
|
+
} .calendar-input__calendarIcon_1120j {
|
|
71
64
|
width: 24px;
|
|
72
65
|
height: 24px;
|
|
73
66
|
display: block;
|
|
74
67
|
color: var(--calendar-input-icon-color)
|
|
75
|
-
}
|
|
76
|
-
.calendar-input__calendarIcon_2mx3a:not(:only-child) {
|
|
68
|
+
} .calendar-input__calendarIcon_1120j:not(:only-child) {
|
|
77
69
|
margin-right: var(--gap-2xs);
|
|
78
|
-
}
|
|
79
|
-
.calendar-input__nativeInput_2mx3a {
|
|
70
|
+
} .calendar-input__nativeInput_1120j {
|
|
80
71
|
opacity: 0;
|
|
81
72
|
position: absolute;
|
|
82
73
|
top: 0;
|
|
@@ -86,10 +77,8 @@
|
|
|
86
77
|
-webkit-appearance: none;
|
|
87
78
|
appearance: none;
|
|
88
79
|
z-index: 1
|
|
89
|
-
}
|
|
90
|
-
.calendar-input__nativeInput_2mx3a::-webkit-calendar-picker-indicator {
|
|
80
|
+
} .calendar-input__nativeInput_1120j::-webkit-calendar-picker-indicator {
|
|
91
81
|
display: none;
|
|
92
|
-
}
|
|
93
|
-
.calendar-input__nativeInput_2mx3a::-webkit-inner-spin-button {
|
|
82
|
+
} .calendar-input__nativeInput_1120j::-webkit-inner-spin-button {
|
|
94
83
|
display: none;
|
|
95
84
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-calendar-input",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.6",
|
|
4
4
|
"description": "Calendar input component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@alfalab/core-components-calendar": "^6.2.
|
|
21
|
+
"@alfalab/core-components-calendar": "^6.2.6",
|
|
22
22
|
"@alfalab/core-components-date-input": "^4.1.4",
|
|
23
|
-
"@alfalab/core-components-popover": "^6.0.
|
|
23
|
+
"@alfalab/core-components-popover": "^6.0.6",
|
|
24
24
|
"@alfalab/hooks": "^1.7.0",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
26
26
|
"date-fns": "^2.16.1",
|