@alfalab/core-components-date-time-input 3.0.3 → 3.0.4
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-d871952b.d.ts → Component-8c7cc928.d.ts} +0 -0
- package/{Component-d871952b.js → Component-8c7cc928.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/date-time-input/Component.js +1 -1
- package/components/date-time-input/index.css +17 -21
- package/components/date-time-input/index.d.ts +1 -1
- package/components/date-time-input/index.js +1 -1
- package/cssm/components/date-time-input/index.module.css +16 -20
- package/desktop.js +1 -1
- package/esm/{Component-ae2ff721.d.ts → Component-b7383138.d.ts} +0 -0
- package/esm/{Component-ae2ff721.js → Component-b7383138.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/date-time-input/Component.js +1 -1
- package/esm/components/date-time-input/index.css +17 -21
- package/esm/components/date-time-input/index.d.ts +1 -1
- package/esm/components/date-time-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/date-time-input/Component.js +1 -1
- package/modern/components/date-time-input/index.css +17 -21
- package/package.json +3 -3
- package/responsive.js +1 -1
|
File without changes
|
|
@@ -56,7 +56,7 @@ function __rest(s, e) {
|
|
|
56
56
|
return t;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
var styles = {"component":"date-time-
|
|
59
|
+
var styles = {"component":"date-time-input__component_6plu2","calendarContainer":"date-time-input__calendarContainer_6plu2","calendarResponsive":"date-time-input__calendarResponsive_6plu2","block":"date-time-input__block_6plu2"};
|
|
60
60
|
require('./components/date-time-input/index.css')
|
|
61
61
|
|
|
62
62
|
/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
|
package/Component.desktop.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-8c7cc928";
|
|
3
3
|
type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view'>;
|
|
4
4
|
declare const DateTimeInputDesktop: FC<DateTimeInputDesktopProps>;
|
|
5
5
|
export { DateTimeInputDesktopProps, DateTimeInputDesktop };
|
package/Component.desktop.js
CHANGED
package/Component.mobile.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-8c7cc928";
|
|
3
3
|
type DateTimeInputMobileProps = Omit<DateTimeInputProps, 'view'>;
|
|
4
4
|
declare const DateTimeInputMobile: FC<DateTimeInputMobileProps>;
|
|
5
5
|
export { DateTimeInputMobileProps, DateTimeInputMobile };
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_dateTimeInput_Component = require('./Component-
|
|
3
|
+
var components_dateTimeInput_Component = require('./Component-8c7cc928.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 { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-8c7cc928";
|
|
3
3
|
type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view'> & {
|
|
4
4
|
/**
|
|
5
5
|
* Контрольная точка, с нее начинается desktop версия
|
package/Component.responsive.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_dateTimeInput_Component = require('./Component-
|
|
3
|
+
var components_dateTimeInput_Component = require('./Component-8c7cc928.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var hooks = require('@alfalab/hooks');
|
|
6
6
|
var Component_desktop = require('./Component.desktop.js');
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ixhy */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
11
|
-
--gap-m: 16px;
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
14
|
--border-radius-m: 8px;
|
|
15
|
-
}
|
|
16
|
-
:
|
|
15
|
+
} :root {
|
|
16
|
+
--gap-m: 16px;
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} :root {
|
|
17
20
|
--calendar-width: 344px;
|
|
18
21
|
|
|
19
22
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -35,30 +38,23 @@
|
|
|
35
38
|
/* disabled */
|
|
36
39
|
|
|
37
40
|
/* marker */
|
|
38
|
-
}
|
|
39
|
-
:root {
|
|
41
|
+
} :root {
|
|
40
42
|
--calendar-popover-border-radius: var(--border-radius-m);
|
|
41
|
-
}
|
|
42
|
-
.date-time-input__component_oixy4 {
|
|
43
|
+
} .date-time-input__component_6plu2 {
|
|
43
44
|
display: inline-block;
|
|
44
45
|
outline: none;
|
|
45
46
|
position: relative;
|
|
46
|
-
}
|
|
47
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
47
|
+
} .date-time-input__calendarContainer_6plu2 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
border-radius: var(--calendar-popover-border-radius)
|
|
51
|
-
}
|
|
52
|
-
@media (max-width: 374px) {
|
|
53
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
51
|
+
} @media (max-width: 374px) { .date-time-input__calendarContainer_6plu2 {
|
|
54
52
|
width: 100%;
|
|
55
53
|
min-width: 288px
|
|
56
54
|
}
|
|
57
|
-
}
|
|
58
|
-
.date-time-input__calendarResponsive_oixy4 {
|
|
55
|
+
} .date-time-input__calendarResponsive_6plu2 {
|
|
59
56
|
width: var(--calendar-width);
|
|
60
57
|
padding: 0 var(--gap-m);
|
|
61
|
-
}
|
|
62
|
-
.date-time-input__block_oixy4 {
|
|
58
|
+
} .date-time-input__block_6plu2 {
|
|
63
59
|
width: 100%;
|
|
64
60
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-8c7cc928";
|
|
@@ -1,18 +1,21 @@
|
|
|
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 {
|
|
10
|
-
--gap-m: 16px;
|
|
11
|
-
}
|
|
12
|
-
:root {
|
|
12
|
+
} :root {
|
|
13
13
|
--border-radius-m: 8px;
|
|
14
|
-
}
|
|
15
|
-
:
|
|
14
|
+
} :root {
|
|
15
|
+
--gap-m: 16px;
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
16
19
|
--calendar-width: 344px;
|
|
17
20
|
|
|
18
21
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -34,30 +37,23 @@
|
|
|
34
37
|
/* disabled */
|
|
35
38
|
|
|
36
39
|
/* marker */
|
|
37
|
-
}
|
|
38
|
-
:root {
|
|
40
|
+
} :root {
|
|
39
41
|
--calendar-popover-border-radius: var(--border-radius-m);
|
|
40
|
-
}
|
|
41
|
-
.component {
|
|
42
|
+
} .component {
|
|
42
43
|
display: inline-block;
|
|
43
44
|
outline: none;
|
|
44
45
|
position: relative;
|
|
45
|
-
}
|
|
46
|
-
.calendarContainer {
|
|
46
|
+
} .calendarContainer {
|
|
47
47
|
display: inline-block;
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
border-radius: var(--calendar-popover-border-radius)
|
|
50
|
-
}
|
|
51
|
-
@media (max-width: 374px) {
|
|
52
|
-
.calendarContainer {
|
|
50
|
+
} @media (max-width: 374px) { .calendarContainer {
|
|
53
51
|
width: 100%;
|
|
54
52
|
min-width: 288px
|
|
55
53
|
}
|
|
56
|
-
}
|
|
57
|
-
.calendarResponsive {
|
|
54
|
+
} .calendarResponsive {
|
|
58
55
|
width: var(--calendar-width);
|
|
59
56
|
padding: 0 var(--gap-m);
|
|
60
|
-
}
|
|
61
|
-
.block {
|
|
57
|
+
} .block {
|
|
62
58
|
width: 100%;
|
|
63
59
|
}
|
package/desktop.js
CHANGED
|
File without changes
|
|
@@ -48,7 +48,7 @@ function __rest(s, e) {
|
|
|
48
48
|
return t;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
var styles = {"component":"date-time-
|
|
51
|
+
var styles = {"component":"date-time-input__component_6plu2","calendarContainer":"date-time-input__calendarContainer_6plu2","calendarResponsive":"date-time-input__calendarResponsive_6plu2","block":"date-time-input__block_6plu2"};
|
|
52
52
|
require('./components/date-time-input/index.css')
|
|
53
53
|
|
|
54
54
|
/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-b7383138";
|
|
3
3
|
type DateTimeInputDesktopProps = Omit<DateTimeInputProps, 'view'>;
|
|
4
4
|
declare const DateTimeInputDesktop: FC<DateTimeInputDesktopProps>;
|
|
5
5
|
export { DateTimeInputDesktopProps, DateTimeInputDesktop };
|
package/esm/Component.desktop.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-b7383138";
|
|
3
3
|
type DateTimeInputMobileProps = Omit<DateTimeInputProps, 'view'>;
|
|
4
4
|
declare const DateTimeInputMobile: FC<DateTimeInputMobileProps>;
|
|
5
5
|
export { DateTimeInputMobileProps, DateTimeInputMobile };
|
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as DateTimeInput, _ as __assign } from './Component-
|
|
1
|
+
import { D as DateTimeInput, _ as __assign } from './Component-b7383138.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 { DateTimeInputProps } from "./Component-
|
|
2
|
+
import { DateTimeInputProps } from "./Component-b7383138";
|
|
3
3
|
type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, '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-b7383138.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { DateTimeInputDesktop } from './Component.desktop.js';
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ixhy */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
11
|
-
--gap-m: 16px;
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
14
|
--border-radius-m: 8px;
|
|
15
|
-
}
|
|
16
|
-
:
|
|
15
|
+
} :root {
|
|
16
|
+
--gap-m: 16px;
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} :root {
|
|
17
20
|
--calendar-width: 344px;
|
|
18
21
|
|
|
19
22
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -35,30 +38,23 @@
|
|
|
35
38
|
/* disabled */
|
|
36
39
|
|
|
37
40
|
/* marker */
|
|
38
|
-
}
|
|
39
|
-
:root {
|
|
41
|
+
} :root {
|
|
40
42
|
--calendar-popover-border-radius: var(--border-radius-m);
|
|
41
|
-
}
|
|
42
|
-
.date-time-input__component_oixy4 {
|
|
43
|
+
} .date-time-input__component_6plu2 {
|
|
43
44
|
display: inline-block;
|
|
44
45
|
outline: none;
|
|
45
46
|
position: relative;
|
|
46
|
-
}
|
|
47
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
47
|
+
} .date-time-input__calendarContainer_6plu2 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
border-radius: var(--calendar-popover-border-radius)
|
|
51
|
-
}
|
|
52
|
-
@media (max-width: 374px) {
|
|
53
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
51
|
+
} @media (max-width: 374px) { .date-time-input__calendarContainer_6plu2 {
|
|
54
52
|
width: 100%;
|
|
55
53
|
min-width: 288px
|
|
56
54
|
}
|
|
57
|
-
}
|
|
58
|
-
.date-time-input__calendarResponsive_oixy4 {
|
|
55
|
+
} .date-time-input__calendarResponsive_6plu2 {
|
|
59
56
|
width: var(--calendar-width);
|
|
60
57
|
padding: 0 var(--gap-m);
|
|
61
|
-
}
|
|
62
|
-
.date-time-input__block_oixy4 {
|
|
58
|
+
} .date-time-input__block_6plu2 {
|
|
63
59
|
width: 100%;
|
|
64
60
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-b7383138";
|
package/esm/desktop.js
CHANGED
package/esm/index.js
CHANGED
package/esm/mobile.js
CHANGED
package/esm/responsive.js
CHANGED
package/index.js
CHANGED
package/mobile.js
CHANGED
|
@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
|
|
|
11
11
|
import 'date-fns/isValid';
|
|
12
12
|
import 'date-fns/parse';
|
|
13
13
|
|
|
14
|
-
const styles = {"component":"date-time-
|
|
14
|
+
const styles = {"component":"date-time-input__component_6plu2","calendarContainer":"date-time-input__calendarContainer_6plu2","calendarResponsive":"date-time-input__calendarResponsive_6plu2","block":"date-time-input__block_6plu2"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ixhy */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
11
|
-
--gap-m: 16px;
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
14
|
--border-radius-m: 8px;
|
|
15
|
-
}
|
|
16
|
-
:
|
|
15
|
+
} :root {
|
|
16
|
+
--gap-m: 16px;
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} :root {
|
|
17
20
|
--calendar-width: 344px;
|
|
18
21
|
|
|
19
22
|
/* Кнопки выбора месяцев и годов */
|
|
@@ -35,30 +38,23 @@
|
|
|
35
38
|
/* disabled */
|
|
36
39
|
|
|
37
40
|
/* marker */
|
|
38
|
-
}
|
|
39
|
-
:root {
|
|
41
|
+
} :root {
|
|
40
42
|
--calendar-popover-border-radius: var(--border-radius-m);
|
|
41
|
-
}
|
|
42
|
-
.date-time-input__component_oixy4 {
|
|
43
|
+
} .date-time-input__component_6plu2 {
|
|
43
44
|
display: inline-block;
|
|
44
45
|
outline: none;
|
|
45
46
|
position: relative;
|
|
46
|
-
}
|
|
47
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
47
|
+
} .date-time-input__calendarContainer_6plu2 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
box-sizing: border-box;
|
|
50
50
|
border-radius: var(--calendar-popover-border-radius)
|
|
51
|
-
}
|
|
52
|
-
@media (max-width: 374px) {
|
|
53
|
-
.date-time-input__calendarContainer_oixy4 {
|
|
51
|
+
} @media (max-width: 374px) { .date-time-input__calendarContainer_6plu2 {
|
|
54
52
|
width: 100%;
|
|
55
53
|
min-width: 288px
|
|
56
54
|
}
|
|
57
|
-
}
|
|
58
|
-
.date-time-input__calendarResponsive_oixy4 {
|
|
55
|
+
} .date-time-input__calendarResponsive_6plu2 {
|
|
59
56
|
width: var(--calendar-width);
|
|
60
57
|
padding: 0 var(--gap-m);
|
|
61
|
-
}
|
|
62
|
-
.date-time-input__block_oixy4 {
|
|
58
|
+
} .date-time-input__block_6plu2 {
|
|
63
59
|
width: 100%;
|
|
64
60
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-date-time-input",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-calendar": "^6.2.
|
|
18
|
+
"@alfalab/core-components-calendar": "^6.2.6",
|
|
19
19
|
"@alfalab/core-components-input": "^11.1.4",
|
|
20
20
|
"@alfalab/core-components-icon-button": "^6.0.4",
|
|
21
|
-
"@alfalab/core-components-popover": "^6.0.
|
|
21
|
+
"@alfalab/core-components-popover": "^6.0.6",
|
|
22
22
|
"@alfalab/hooks": "^1.13.0",
|
|
23
23
|
"classnames": "^2.3.1"
|
|
24
24
|
}
|