@alfalab/core-components 36.5.1-beta.0 → 36.5.1

package/calendar-range/components/divider/Component.js

@@ -0,0 +1,23 @@
+var React = require('react');
+var cn = require('classnames');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"component":"calendar-range__component_1tbg6","outer":"calendar-range__outer_1tbg6","s":"calendar-range__s_1tbg6","m":"calendar-range__m_1tbg6","l":"calendar-range__l_1tbg6","xl":"calendar-range__xl_1tbg6"};
+require('./index.css');
+
+var Divider = function (_a) {
+    var _b;
+    var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
+    var outer = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.label) &&
+        (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.labelView) === 'outer' &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
+    var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
+    return React__default.default.createElement("span", { className: cn__default.default(styles.component, styles[size], (_b = {}, _b[styles.outer] = outer, _b)) });
+};
+
+exports.Divider = Divider;

package/calendar-range/components/divider/index.css

@@ -0,0 +1,75 @@
+/* hash: 1udsd */
+:root {
+    --color-light-graphic-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+:root {
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* holidays */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
+}
+.calendar-range__component_1tbg6 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: 0 var(--gap-xs)
+}
+.calendar-range__component_1tbg6:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-graphic-primary);
+    }
+.calendar-range__outer_1tbg6 {
+    position: relative;
+
+    /* FormControl .above height + margin-bottom */
+    top: 24px;
+}
+.calendar-range__s_1tbg6 {
+    height: var(--size-s-height);
+}
+.calendar-range__m_1tbg6 {
+    height: var(--size-m-height);
+}
+.calendar-range__l_1tbg6 {
+    height: var(--size-l-height);
+}
+.calendar-range__xl_1tbg6 {
+    height: var(--size-xl-height);
+}

package/calendar-range/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/calendar-range/components/divider/index.js

@@ -0,0 +1,7 @@
+var components_divider_Component = require('./Component.js');
+require('react');
+require('classnames');
+
+
+
+exports.Divider = components_divider_Component.Divider;

package/calendar-range/cssm/Component.js

@@ -6,6 +6,8 @@ require('classnames');
 require('date-fns/startOfMonth');
 require('../../calendar-input/cssm');
 require('../../date-input/cssm');
+require('./components/divider/Component.js');
+require('./components/divider/index.module.css');
 require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');

package/calendar-range/cssm/components/divider/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../../Component";
+type Props = {
+    inputFromProps?: CalendarRangeProps['inputFromProps'];
+    inputToProps?: CalendarRangeProps['inputToProps'];
+};
+declare const Divider: FC<Props>;
+export { Divider };

package/calendar-range/cssm/components/divider/Component.js

@@ -0,0 +1,22 @@
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Divider = function (_a) {
+    var _b;
+    var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
+    var outer = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.label) &&
+        (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.labelView) === 'outer' &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
+    var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
+    return React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[size], (_b = {}, _b[styles__default.default.outer] = outer, _b)) });
+};
+
+exports.Divider = Divider;

package/calendar-range/cssm/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/calendar-range/cssm/components/divider/index.js

@@ -0,0 +1,8 @@
+var components_divider_Component = require('./Component.js');
+require('react');
+require('classnames');
+require('./index.module.css');
+
+
+
+exports.Divider = components_divider_Component.Divider;

package/calendar-range/cssm/components/divider/index.module.css

@@ -0,0 +1,74 @@
+:root {
+    --color-light-graphic-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+:root {
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* holidays */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
+}
+.component {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: 0 var(--gap-xs)
+}
+.component:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-graphic-primary);
+    }
+.outer {
+    position: relative;
+
+    /* FormControl .above height + margin-bottom */
+    top: 24px;
+}
+.s {
+    height: var(--size-s-height);
+}
+.m {
+    height: var(--size-m-height);
+}
+.l {
+    height: var(--size-l-height);
+}
+.xl {
+    height: var(--size-xl-height);
+}

package/calendar-range/cssm/index.js

@@ -6,6 +6,8 @@ require('classnames');
 require('date-fns/startOfMonth');
 require('../../calendar-input/cssm');
 require('../../date-input/cssm');
+require('./components/divider/Component.js');
+require('./components/divider/index.module.css');
 require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');

package/calendar-range/cssm/views/index.module.css

@@ -1,6 +1,3 @@
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
 :root {
 
     /* Hard */
@@ -9,9 +6,6 @@
 
     /* Hard up */
 }
-:root {
-    --gap-xs: 8px;
-}
 :root {
     --calendar-inner-width: 280px;
 
@@ -47,21 +41,6 @@
 .component *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.divider {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.divider:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }
 .static .calendar {
         width: var(--calendar-inner-width);
     }

package/calendar-range/cssm/views/popover.js

@@ -4,8 +4,10 @@ var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsCalendarInput = require('../../../calendar-input/cssm');
 var coreComponentsDateInput = require('../../../date-input/cssm');
+var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var styles = require('./index.module.css');
+require('../components/divider/index.module.css');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');
@@ -114,7 +116,7 @@ var CalendarRangePopover = function (_a) {
     }, [hasValidateError]);
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
         React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default.default.createElement("span", { className: styles__default.default.divider }),
+        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 

package/calendar-range/cssm/views/static.js

@@ -9,9 +9,11 @@ var subMonths = require('date-fns/subMonths');
 var coreComponentsCalendar = require('../../../calendar/cssm');
 var coreComponentsCalendarInput = require('../../../calendar-input/cssm');
 var coreComponentsDateInput = require('../../../date-input/cssm');
+var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
 var styles = require('./index.module.css');
+require('../components/divider/index.module.css');
 require('date-fns/isEqual');
 require('date-fns/min');
 
@@ -163,7 +165,7 @@ var CalendarRangeStatic = function (_a) {
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
             React__default.default.createElement(CalendarFromComponent, tslib_es6.__assign({}, calendarFromProps, { className: cn__default.default(styles__default.default.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
-        React__default.default.createElement("span", { className: styles__default.default.divider }),
+        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement("div", null,
             React__default.default.createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'

package/calendar-range/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-8bb8e118.js';
+import { _ as __rest, a as __assign } from './index.module-1aaed941.js';
 import React from 'react';
 import { CalendarRangePopover } from './views/popover.js';
 import { CalendarRangeStatic } from './views/static.js';
@@ -6,6 +6,7 @@ import 'classnames';
 import 'date-fns/startOfMonth';
 import '../../calendar-input/esm';
 import '../../date-input/esm';
+import './components/divider/Component.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/esm/components/divider/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../../Component";
+type Props = {
+    inputFromProps?: CalendarRangeProps['inputFromProps'];
+    inputToProps?: CalendarRangeProps['inputToProps'];
+};
+declare const Divider: FC<Props>;
+export { Divider };

package/calendar-range/esm/components/divider/Component.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import cn from 'classnames';
+
+var styles = {"component":"calendar-range__component_1tbg6","outer":"calendar-range__outer_1tbg6","s":"calendar-range__s_1tbg6","m":"calendar-range__m_1tbg6","l":"calendar-range__l_1tbg6","xl":"calendar-range__xl_1tbg6"};
+require('./index.css');
+
+var Divider = function (_a) {
+    var _b;
+    var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
+    var outer = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.label) &&
+        (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.labelView) === 'outer' &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
+        (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
+    var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
+    return React.createElement("span", { className: cn(styles.component, styles[size], (_b = {}, _b[styles.outer] = outer, _b)) });
+};
+
+export { Divider };

package/calendar-range/esm/components/divider/index.css

@@ -0,0 +1,75 @@
+/* hash: 1udsd */
+:root {
+    --color-light-graphic-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+:root {
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* holidays */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
+}
+.calendar-range__component_1tbg6 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: 0 var(--gap-xs)
+}
+.calendar-range__component_1tbg6:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-graphic-primary);
+    }
+.calendar-range__outer_1tbg6 {
+    position: relative;
+
+    /* FormControl .above height + margin-bottom */
+    top: 24px;
+}
+.calendar-range__s_1tbg6 {
+    height: var(--size-s-height);
+}
+.calendar-range__m_1tbg6 {
+    height: var(--size-m-height);
+}
+.calendar-range__l_1tbg6 {
+    height: var(--size-l-height);
+}
+.calendar-range__xl_1tbg6 {
+    height: var(--size-xl-height);
+}

package/calendar-range/esm/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/calendar-range/esm/components/divider/index.js

@@ -0,0 +1,3 @@
+export { Divider } from './Component.js';
+import 'react';
+import 'classnames';

package/calendar-range/esm/index.js

@@ -1,10 +1,11 @@
 export { CalendarRange } from './Component.js';
-import './index.module-8bb8e118.js';
+import './index.module-1aaed941.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';
 import '../../calendar-input/esm';
 import '../../date-input/esm';
+import './components/divider/Component.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/esm/{index.module-8bb8e118.js → index.module-1aaed941.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_1ci3b","divider":"calendar-range__divider_1ci3b","static":"calendar-range__static_1ci3b","calendar":"calendar-range__calendar_1ci3b"};
+var styles = {"component":"calendar-range__component_1ci3b","static":"calendar-range__static_1ci3b","calendar":"calendar-range__calendar_1ci3b"};
 require('./views/index.css');
 
 export { __rest as _, __assign as a, styles as s };

package/calendar-range/esm/views/index.css

@@ -1,7 +1,4 @@
 /* hash: 1y02j */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
 :root {
 
     /* Hard */
@@ -10,9 +7,6 @@
 
     /* Hard up */
 }
-:root {
-    --gap-xs: 8px;
-}
 :root {
     --calendar-inner-width: 280px;
 
@@ -48,21 +42,6 @@
 .calendar-range__component_1ci3b *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_1ci3b {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1ci3b:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }
 .calendar-range__static_1ci3b .calendar-range__calendar_1ci3b {
         width: var(--calendar-inner-width);
     }

package/calendar-range/esm/views/popover.js

@@ -1,9 +1,10 @@
-import { s as styles, a as __assign } from '../index.module-8bb8e118.js';
+import { s as styles, a as __assign } from '../index.module-1aaed941.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/esm';
 import { isCompleteDateInput } from '../../../date-input/esm';
+import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
@@ -106,7 +107,7 @@ var CalendarRangePopover = function (_a) {
     }, [hasValidateError]);
     return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
         React.createElement(CalendarInput, __assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React.createElement("span", { className: styles.divider }),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React.createElement(CalendarInput, __assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 

package/calendar-range/esm/views/static.js

@@ -1,4 +1,4 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-8bb8e118.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-1aaed941.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import addMonths from 'date-fns/addMonths';
@@ -9,6 +9,7 @@ import subMonths from 'date-fns/subMonths';
 import { usePeriodWithReset, Calendar } from '../../../calendar/esm';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/esm';
 import { isCompleteDateInput, DateInput } from '../../../date-input/esm';
+import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
 import 'date-fns/isEqual';
@@ -151,7 +152,7 @@ var CalendarRangeStatic = function (_a) {
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
             React.createElement(CalendarFromComponent, __assign({}, calendarFromProps, { className: cn(styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime() }, rangeProps))),
-        React.createElement("span", { className: styles.divider }),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React.createElement("div", null,
             React.createElement(DateInput, __assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'

package/calendar-range/index.js

@@ -1,11 +1,12 @@
 var Component = require('./Component.js');
-require('./index.module-c0530d45.js');
+require('./index.module-255b4286.js');
 require('react');
 require('./views/popover.js');
 require('classnames');
 require('date-fns/startOfMonth');
 require('../calendar-input');
 require('../date-input');
+require('./components/divider/Component.js');
 require('./hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');

package/calendar-range/{index.module-c0530d45.js → index.module-255b4286.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_1ci3b","divider":"calendar-range__divider_1ci3b","static":"calendar-range__static_1ci3b","calendar":"calendar-range__calendar_1ci3b"};
+var styles = {"component":"calendar-range__component_1ci3b","static":"calendar-range__static_1ci3b","calendar":"calendar-range__calendar_1ci3b"};
 require('./views/index.css');
 
 exports.__rest = __rest;

package/calendar-range/modern/Component.js

@@ -5,12 +5,13 @@ import 'classnames';
 import 'date-fns/startOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
+import './components/divider/Component.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-dd31cc23.js';
+import './index.module-491eb220.js';
 import 'date-fns/endOfMonth';
 import '../../calendar/modern';
 import './hooks.js';

package/calendar-range/modern/components/divider/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../../Component";
+type Props = {
+    inputFromProps?: CalendarRangeProps['inputFromProps'];
+    inputToProps?: CalendarRangeProps['inputToProps'];
+};
+declare const Divider: FC<Props>;
+export { Divider };

package/calendar-range/modern/components/divider/Component.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cn from 'classnames';
+
+const styles = {"component":"calendar-range__component_1tbg6","outer":"calendar-range__outer_1tbg6","s":"calendar-range__s_1tbg6","m":"calendar-range__m_1tbg6","l":"calendar-range__l_1tbg6","xl":"calendar-range__xl_1tbg6"};
+require('./index.css');
+
+const Divider = ({ inputFromProps, inputToProps }) => {
+    const outer = inputFromProps?.label &&
+        inputFromProps?.labelView === 'outer' &&
+        inputToProps?.label &&
+        inputToProps?.labelView === 'outer';
+    const size = inputFromProps?.size || inputToProps?.size || 's';
+    return React.createElement("span", { className: cn(styles.component, styles[size], { [styles.outer]: outer }) });
+};
+
+export { Divider };