@alfalab/core-components-calendar-input 8.2.0 → 8.2.2
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-98dcf994.d.ts → Component-517c7068.d.ts} +0 -0
- package/{Component-98dcf994.js → Component-517c7068.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 +11 -11
- package/components/calendar-input/index.d.ts +1 -1
- package/components/calendar-input/index.js +1 -1
- package/cssm/index.d.ts +2 -1
- package/desktop.js +1 -1
- package/esm/{Component-8d1a1461.d.ts → Component-4f5186cc.d.ts} +0 -0
- package/esm/{Component-8d1a1461.js → Component-4f5186cc.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 +11 -11
- 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.d.ts +2 -1
- package/esm/index.js +1 -1
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/index.d.ts +2 -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 +11 -11
- package/modern/index.d.ts +2 -1
- 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_10079","block":"calendar-input__block_10079","calendarContainer":"calendar-input__calendarContainer_10079","calendarResponsive":"calendar-input__calendarResponsive_10079","calendarIcon":"calendar-input__calendarIcon_10079","nativeInput":"calendar-input__nativeInput_10079"};
|
|
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-517c7068";
|
|
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-517c7068";
|
|
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-517c7068.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-517c7068";
|
|
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-517c7068.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var hooks = require('@alfalab/hooks');
|
|
6
6
|
var Component_desktop = require('./Component.desktop.js');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1s9l4 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-primary: #0b1f35;
|
|
4
4
|
}
|
|
@@ -44,39 +44,39 @@
|
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
46
|
}
|
|
47
|
-
.calendar-
|
|
47
|
+
.calendar-input__component_10079 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
outline: none;
|
|
50
50
|
position: relative;
|
|
51
51
|
}
|
|
52
|
-
.calendar-
|
|
52
|
+
.calendar-input__block_10079 {
|
|
53
53
|
width: 100%;
|
|
54
54
|
}
|
|
55
|
-
.calendar-
|
|
55
|
+
.calendar-input__calendarContainer_10079 {
|
|
56
56
|
display: inline-block;
|
|
57
57
|
box-sizing: border-box;
|
|
58
58
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
59
|
}
|
|
60
60
|
@media (max-width: 374px) {
|
|
61
|
-
.calendar-
|
|
61
|
+
.calendar-input__calendarContainer_10079 {
|
|
62
62
|
width: 100%;
|
|
63
63
|
min-width: 288px
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
.calendar-
|
|
66
|
+
.calendar-input__calendarResponsive_10079 {
|
|
67
67
|
width: var(--calendar-width);
|
|
68
68
|
padding: 0 var(--gap-m);
|
|
69
69
|
}
|
|
70
|
-
.calendar-
|
|
70
|
+
.calendar-input__calendarIcon_10079 {
|
|
71
71
|
width: 24px;
|
|
72
72
|
height: 24px;
|
|
73
73
|
display: block;
|
|
74
74
|
color: var(--calendar-input-icon-color)
|
|
75
75
|
}
|
|
76
|
-
.calendar-
|
|
76
|
+
.calendar-input__calendarIcon_10079:not(:only-child) {
|
|
77
77
|
margin-right: var(--gap-2xs);
|
|
78
78
|
}
|
|
79
|
-
.calendar-
|
|
79
|
+
.calendar-input__nativeInput_10079 {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
position: absolute;
|
|
82
82
|
top: 0;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
appearance: none;
|
|
88
88
|
z-index: 1
|
|
89
89
|
}
|
|
90
|
-
.calendar-
|
|
90
|
+
.calendar-input__nativeInput_10079::-webkit-calendar-picker-indicator {
|
|
91
91
|
display: none;
|
|
92
92
|
}
|
|
93
|
-
.calendar-
|
|
93
|
+
.calendar-input__nativeInput_10079::-webkit-inner-spin-button {
|
|
94
94
|
display: none;
|
|
95
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-517c7068";
|
package/cssm/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { CalendarInputResponsive as CalendarInput
|
|
1
|
+
export { CalendarInputResponsive as CalendarInput } from "./responsive";
|
|
2
|
+
export type { CalendarInputResponsiveProps as CalendarInputProps } from "./responsive";
|
|
2
3
|
export * from "./utils";
|
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_10079","block":"calendar-input__block_10079","calendarContainer":"calendar-input__calendarContainer_10079","calendarResponsive":"calendar-input__calendarResponsive_10079","calendarIcon":"calendar-input__calendarIcon_10079","nativeInput":"calendar-input__nativeInput_10079"};
|
|
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-4f5186cc";
|
|
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-4f5186cc";
|
|
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-4f5186cc.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-4f5186cc";
|
|
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-4f5186cc.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { CalendarInputDesktop } from './Component.desktop.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1s9l4 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-primary: #0b1f35;
|
|
4
4
|
}
|
|
@@ -44,39 +44,39 @@
|
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
46
|
}
|
|
47
|
-
.calendar-
|
|
47
|
+
.calendar-input__component_10079 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
outline: none;
|
|
50
50
|
position: relative;
|
|
51
51
|
}
|
|
52
|
-
.calendar-
|
|
52
|
+
.calendar-input__block_10079 {
|
|
53
53
|
width: 100%;
|
|
54
54
|
}
|
|
55
|
-
.calendar-
|
|
55
|
+
.calendar-input__calendarContainer_10079 {
|
|
56
56
|
display: inline-block;
|
|
57
57
|
box-sizing: border-box;
|
|
58
58
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
59
|
}
|
|
60
60
|
@media (max-width: 374px) {
|
|
61
|
-
.calendar-
|
|
61
|
+
.calendar-input__calendarContainer_10079 {
|
|
62
62
|
width: 100%;
|
|
63
63
|
min-width: 288px
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
.calendar-
|
|
66
|
+
.calendar-input__calendarResponsive_10079 {
|
|
67
67
|
width: var(--calendar-width);
|
|
68
68
|
padding: 0 var(--gap-m);
|
|
69
69
|
}
|
|
70
|
-
.calendar-
|
|
70
|
+
.calendar-input__calendarIcon_10079 {
|
|
71
71
|
width: 24px;
|
|
72
72
|
height: 24px;
|
|
73
73
|
display: block;
|
|
74
74
|
color: var(--calendar-input-icon-color)
|
|
75
75
|
}
|
|
76
|
-
.calendar-
|
|
76
|
+
.calendar-input__calendarIcon_10079:not(:only-child) {
|
|
77
77
|
margin-right: var(--gap-2xs);
|
|
78
78
|
}
|
|
79
|
-
.calendar-
|
|
79
|
+
.calendar-input__nativeInput_10079 {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
position: absolute;
|
|
82
82
|
top: 0;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
appearance: none;
|
|
88
88
|
z-index: 1
|
|
89
89
|
}
|
|
90
|
-
.calendar-
|
|
90
|
+
.calendar-input__nativeInput_10079::-webkit-calendar-picker-indicator {
|
|
91
91
|
display: none;
|
|
92
92
|
}
|
|
93
|
-
.calendar-
|
|
93
|
+
.calendar-input__nativeInput_10079::-webkit-inner-spin-button {
|
|
94
94
|
display: none;
|
|
95
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../Component-
|
|
1
|
+
export * from "../../Component-4f5186cc";
|
package/esm/desktop.js
CHANGED
package/esm/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { CalendarInputResponsive as CalendarInput
|
|
1
|
+
export { CalendarInputResponsive as CalendarInput } from "./responsive";
|
|
2
|
+
export type { CalendarInputResponsiveProps as CalendarInputProps } from "./responsive";
|
|
2
3
|
export * from "./utils";
|
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-4f5186cc.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.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { CalendarInputResponsive as CalendarInput
|
|
1
|
+
export { CalendarInputResponsive as CalendarInput } from "./responsive";
|
|
2
|
+
export type { CalendarInputResponsiveProps as CalendarInputProps } from "./responsive";
|
|
2
3
|
export * from "./utils";
|
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_10079","block":"calendar-input__block_10079","calendarContainer":"calendar-input__calendarContainer_10079","calendarResponsive":"calendar-input__calendarResponsive_10079","calendarIcon":"calendar-input__calendarIcon_10079","nativeInput":"calendar-input__nativeInput_10079"};
|
|
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,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1s9l4 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-primary: #0b1f35;
|
|
4
4
|
}
|
|
@@ -44,39 +44,39 @@
|
|
|
44
44
|
--calendar-input-icon-color: var(--color-light-graphic-primary);
|
|
45
45
|
--calendar-input-popover-border-radius: var(--border-radius-m);
|
|
46
46
|
}
|
|
47
|
-
.calendar-
|
|
47
|
+
.calendar-input__component_10079 {
|
|
48
48
|
display: inline-block;
|
|
49
49
|
outline: none;
|
|
50
50
|
position: relative;
|
|
51
51
|
}
|
|
52
|
-
.calendar-
|
|
52
|
+
.calendar-input__block_10079 {
|
|
53
53
|
width: 100%;
|
|
54
54
|
}
|
|
55
|
-
.calendar-
|
|
55
|
+
.calendar-input__calendarContainer_10079 {
|
|
56
56
|
display: inline-block;
|
|
57
57
|
box-sizing: border-box;
|
|
58
58
|
border-radius: var(--calendar-input-popover-border-radius)
|
|
59
59
|
}
|
|
60
60
|
@media (max-width: 374px) {
|
|
61
|
-
.calendar-
|
|
61
|
+
.calendar-input__calendarContainer_10079 {
|
|
62
62
|
width: 100%;
|
|
63
63
|
min-width: 288px
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
.calendar-
|
|
66
|
+
.calendar-input__calendarResponsive_10079 {
|
|
67
67
|
width: var(--calendar-width);
|
|
68
68
|
padding: 0 var(--gap-m);
|
|
69
69
|
}
|
|
70
|
-
.calendar-
|
|
70
|
+
.calendar-input__calendarIcon_10079 {
|
|
71
71
|
width: 24px;
|
|
72
72
|
height: 24px;
|
|
73
73
|
display: block;
|
|
74
74
|
color: var(--calendar-input-icon-color)
|
|
75
75
|
}
|
|
76
|
-
.calendar-
|
|
76
|
+
.calendar-input__calendarIcon_10079:not(:only-child) {
|
|
77
77
|
margin-right: var(--gap-2xs);
|
|
78
78
|
}
|
|
79
|
-
.calendar-
|
|
79
|
+
.calendar-input__nativeInput_10079 {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
position: absolute;
|
|
82
82
|
top: 0;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
appearance: none;
|
|
88
88
|
z-index: 1
|
|
89
89
|
}
|
|
90
|
-
.calendar-
|
|
90
|
+
.calendar-input__nativeInput_10079::-webkit-calendar-picker-indicator {
|
|
91
91
|
display: none;
|
|
92
92
|
}
|
|
93
|
-
.calendar-
|
|
93
|
+
.calendar-input__nativeInput_10079::-webkit-inner-spin-button {
|
|
94
94
|
display: none;
|
|
95
95
|
}
|
package/modern/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { CalendarInputResponsive as CalendarInput
|
|
1
|
+
export { CalendarInputResponsive as CalendarInput } from "./responsive";
|
|
2
|
+
export type { CalendarInputResponsiveProps as CalendarInputProps } from "./responsive";
|
|
2
3
|
export * from "./utils";
|
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.2",
|
|
4
4
|
"description": "Calendar input component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,8 +18,8 @@
|
|
|
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.
|
|
22
|
-
"@alfalab/core-components-date-input": "^4.1.
|
|
21
|
+
"@alfalab/core-components-calendar": "^6.2.2",
|
|
22
|
+
"@alfalab/core-components-date-input": "^4.1.3",
|
|
23
23
|
"@alfalab/core-components-popover": "^6.0.5",
|
|
24
24
|
"@alfalab/hooks": "^1.7.0",
|
|
25
25
|
"classnames": "^2.3.1",
|