@alfalab/core-components 48.0.0-beta.0 → 48.0.0-beta.191

package/calendar/moderncssm/components/calendar-mobile/Component.js

@@ -5,10 +5,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
 import isAfter from 'date-fns/isAfter';
-import isSameDay from 'date-fns/isSameDay';
 import isSameMonth from 'date-fns/isSameMonth';
-import isThisMonth from 'date-fns/isThisMonth';
-import lastDayOfMonth from 'date-fns/lastDayOfMonth';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
 import { ButtonMobile } from '../../../../button/moderncssm/mobile';
@@ -18,7 +15,7 @@ import { Typography } from '../../../../typography/moderncssm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { useCalendar } from '../../useCalendar.js';
 import { useRange } from '../../useRange.js';
-import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS, isRangeValue } from '../../utils.js';
+import { limitDate, dateArrayToHashTable, addonArrayToHashTable, generateMonths, generateWeeks, monthName, WEEKDAYS, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp } from '../../utils.js';
 import { DaysTable } from '../days-table/Component.js';
 import backdropTransitionStyles from './backdrop-transitions.module.css';
 import styles from './index.module.css';
@@ -34,6 +31,7 @@ import '../select-button/index.module.css';
 import '../month-year-header/index.module.css';
 import '../month-year-header/mobile.module.css';
 import '../months-table/Component.js';
+import 'date-fns/isThisMonth';
 import '../months-table/index.module.css';
 import '../period-slider/Component.js';
 import 'date-fns/endOfWeek';
@@ -62,6 +60,7 @@ import 'date-fns/isSameYear';
 import 'date-fns/isThisYear';
 import '../years-table/index.module.css';
 import '../../desktop/desktop.module.css';
+import 'date-fns/isSameDay';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 import '../../usePeriod.js';
@@ -70,6 +69,7 @@ import 'date-fns/eachMonthOfInterval';
 import 'date-fns/eachYearOfInterval';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';
@@ -156,43 +156,51 @@ const CalendarMonthOnlyView = ({ value, mode = 'single', rangeBehavior = 'clarif
         const date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex((m) => isSameMonth(date, m.date));
     }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
-    // заголовок должен становиться активным если выбран весь доступный период в месяце
     const isMonthActive = (currentMonthIndex) => {
-        if (value && isRangeValue(value)) {
-            const { date: initialMonthDate } = activeMonths[initialMonthIndex];
-            const { date: currentMonthDate } = activeMonths[currentMonthIndex];
-            const firstAvailableDayOfMonth = startOfMonth(initialMonthDate).getTime();
-            /**
-             * последний доступный день месяца в timestamp
-             * представлен в виде последнего календарного дня, либо в виде текущей даты для актуального месяца
-             */
-            const lastAvailableDayOfMonth = isThisMonth(initialMonthDate)
-                ? startOfDay(new Date()).getTime()
-                : lastDayOfMonth(initialMonthDate).getTime();
-            const { dateFrom, dateTo } = value;
-            if (dateFrom &&
-                dateTo &&
-                isSameMonth(initialMonthDate, currentMonthDate) &&
-                isSameDay(firstAvailableDayOfMonth, dateFrom) &&
-                isSameDay(lastAvailableDayOfMonth, dateTo)) {
-                return true;
-            }
+        if (!value || !isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            return false;
         }
-        return false;
+        const { dateFrom, dateTo } = value;
+        const { date: currentMonthDate } = activeMonths[currentMonthIndex];
+        const monthStartTimestamp = getMonthStartTimestamp(currentMonthDate);
+        const monthEndTimestamp = getMonthEndTimestamp(currentMonthDate);
+        // Проверяем, что выбранный диапазон полностью покрывает месяц
+        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
     };
     const handleClickMonthLabel = (index) => {
-        if (onChange) {
-            const { date } = activeMonths[index];
-            const firstAvailableDayOfMonth = startOfMonth(date).getTime();
-            const lastAvailableDayOfMonth = isThisMonth(date)
-                ? startOfDay(new Date()).getTime()
-                : lastDayOfMonth(date).getTime();
-            if (isMonthActive(index)) {
-                onChange();
-            }
-            else {
-                onChange(firstAvailableDayOfMonth, lastAvailableDayOfMonth);
-            }
+        // eslint-disable-next-line no-console
+        console.log(handleClickMonthLabel, onChange);
+        if (!onChange)
+            return;
+        const { date } = activeMonths[index];
+        const clickedMonthStartTimestamp = getMonthStartTimestamp(date);
+        const clickedMonthEndTimestamp = getMonthEndTimestamp(date);
+        if (!value || !isRangeValue(value) || !value.dateFrom || !value.dateTo) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+            return;
+        }
+        const { dateFrom, dateTo } = value;
+        const selectedRangeStartDate = new Date(dateFrom);
+        const selectedRangeEndDate = new Date(dateTo);
+        const selectedRangeStartTimestamp = getMonthStartTimestamp(selectedRangeStartDate);
+        const selectedRangeEndTimestamp = getMonthEndTimestamp(selectedRangeEndDate);
+        const isSingleMonthSelected = isSameMonth(selectedRangeStartDate, selectedRangeEndDate) &&
+            dateFrom <= selectedRangeStartTimestamp &&
+            dateTo >= selectedRangeEndTimestamp;
+        const isSameMonthClicked = isSameMonth(selectedRangeStartDate, date);
+        const isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
+            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
+        const isCorrectMonthRange = selectedRangeStartTimestamp === dateFrom && selectedRangeEndTimestamp === dateTo;
+        if (isSingleMonthSelected && isSameMonthClicked) {
+            onChange();
+        }
+        else if (isClickedMonthInsideRange || !isCorrectMonthRange) {
+            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
+        }
+        else {
+            const newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
+            const newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
+            onChange(newDateFrom, newDateTo);
         }
     };
     const getMonthLabel = (index, isClickableMonth) => {
@@ -202,7 +210,7 @@ const CalendarMonthOnlyView = ({ value, mode = 'single', rangeBehavior = 'clarif
         return `\u00A0${activeMonths[index].title}\u00A0`;
     };
     const renderMonth = (index) => {
-        const isAfterDate = isAfter(activeMonths[index].date, activeMonth);
+        const isAfterDate = isAfter(activeMonths[index].date, maxDate ?? new Date());
         return (React.createElement("div", { className: styles.daysTable, id: `month-${index}` },
             onMonthTitleClick ? (
             /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
@@ -224,6 +232,8 @@ const CalendarMonthOnlyViewHeader = () => (React.createElement("table", { classN
     React.createElement("thead", null,
         React.createElement("tr", null, WEEKDAYS.map((dayName) => (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)))))));
 const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, onMonthTitleClick, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, onApply, clickableMonth, ...restProps }, ref) => {
+    // eslint-disable-next-line no-console
+    console.log('CalendarMobile');
     const [modalRef, setModalRef] = useState();
     const monthOnlyView = selectorView === 'month-only';
     const handleClose = () => {

package/calendar/moderncssm/components/calendar-mobile/index.js

@@ -6,10 +6,7 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
-import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
-import 'date-fns/isThisMonth';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../../../button/moderncssm/mobile';
@@ -22,6 +19,7 @@ import '../days-table/Component.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
+import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../../../button/moderncssm/desktop';
@@ -35,6 +33,8 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';

package/calendar/moderncssm/components/days-table/Component.js

@@ -22,6 +22,7 @@ import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/days-table/index.js

@@ -22,6 +22,7 @@ import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/month-year-header/Component.js

@@ -17,6 +17,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/month-year-header/index.js

@@ -15,6 +15,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/period-slider/Component.js

@@ -20,6 +20,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/period-slider/index.js

@@ -20,6 +20,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/components/period-slider/utils.js

@@ -25,6 +25,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/desktop/index.js

@@ -25,6 +25,7 @@ import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
@@ -44,7 +45,6 @@ import '../components/month-year-header/index.module.css';
 import '../components/month-year-header/mobile.module.css';
 import '../components/months-table/Component.js';
 import 'date-fns/isSameMonth';
-import 'date-fns/isThisMonth';
 import '../components/months-table/index.module.css';
 import '../components/period-slider/Component.js';
 import '../../../icon-button/moderncssm';

package/calendar/moderncssm/index.js

@@ -8,10 +8,7 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
-import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
-import 'date-fns/isThisMonth';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/moderncssm/mobile';
@@ -24,6 +21,7 @@ import './components/days-table/Component.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
+import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../button/moderncssm/desktop';
@@ -37,6 +35,8 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';

package/calendar/moderncssm/mobile/index.js

@@ -6,10 +6,7 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
-import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
-import 'date-fns/isThisMonth';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../../button/moderncssm/mobile';
@@ -22,6 +19,7 @@ import '../components/days-table/Component.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
+import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../../button/moderncssm/desktop';
@@ -35,6 +33,8 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';

package/calendar/moderncssm/shared/index.js

@@ -15,6 +15,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/useCalendar.js

@@ -19,6 +19,7 @@ import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/useRange.js

@@ -15,6 +15,7 @@ import 'date-fns/format';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/isSameDay';
+import 'date-fns/isThisMonth';
 import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';

package/calendar/moderncssm/utils.d.ts

@@ -101,4 +101,6 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };
+declare const getMonthStartTimestamp: (date: Date) => number;
+declare const getMonthEndTimestamp: (date: Date) => number;
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };

package/calendar/moderncssm/utils.js

@@ -10,6 +10,7 @@ import format from 'date-fns/format';
 import isAfter from 'date-fns/isAfter';
 import isBefore from 'date-fns/isBefore';
 import isSameDay from 'date-fns/isSameDay';
+import isThisMonth from 'date-fns/isThisMonth';
 import lastDayOfMonth from 'date-fns/lastDayOfMonth';
 import max from 'date-fns/max';
 import min from 'date-fns/min';
@@ -218,5 +219,7 @@ function getCalendarMobileTestIds(dataTestId) {
 function isRangeValue(value) {
     return Boolean(value) && typeof value === 'object';
 }
+const getMonthStartTimestamp = (date) => startOfMonth(date).getTime();
+const getMonthEndTimestamp = (date) => isThisMonth(date) ? startOfDay(new Date()).getTime() : lastDayOfMonth(date).getTime();
 
-export { DATE_FORMAT, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, NATIVE_DATE_FORMAT, SUNDAY_INDEX, WEEKDAYS, addonArrayToHashTable, buildDay, buildMonth, dateArrayToHashTable, dateInLimits, formatDate, generateMonths, generateWeeks, generateYears, getCalendarMobileTestIds, getSelectionRange, isRangeValue, limitDate, modifyDateByShift, monthName, parseDateString, russianWeekDay, simulateTab };
+export { DATE_FORMAT, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, NATIVE_DATE_FORMAT, SUNDAY_INDEX, WEEKDAYS, addonArrayToHashTable, buildDay, buildMonth, dateArrayToHashTable, dateInLimits, formatDate, generateMonths, generateWeeks, generateYears, getCalendarMobileTestIds, getMonthEndTimestamp, getMonthStartTimestamp, getSelectionRange, isRangeValue, limitDate, modifyDateByShift, monthName, parseDateString, russianWeekDay, simulateTab };

package/calendar/utils.d.ts

@@ -101,4 +101,6 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };
+declare const getMonthStartTimestamp: (date: Date) => number;
+declare const getMonthEndTimestamp: (date: Date) => number;
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };

package/calendar/utils.js

@@ -12,6 +12,7 @@ var format = require('date-fns/format');
 var isAfter = require('date-fns/isAfter');
 var isBefore = require('date-fns/isBefore');
 var isSameDay = require('date-fns/isSameDay');
+var isThisMonth = require('date-fns/isThisMonth');
 var lastDayOfMonth = require('date-fns/lastDayOfMonth');
 var max = require('date-fns/max');
 var min = require('date-fns/min');
@@ -38,6 +39,7 @@ var format__default = /*#__PURE__*/_interopDefaultCompat(format);
 var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
 var isBefore__default = /*#__PURE__*/_interopDefaultCompat(isBefore);
 var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
+var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 var lastDayOfMonth__default = /*#__PURE__*/_interopDefaultCompat(lastDayOfMonth);
 var max__default = /*#__PURE__*/_interopDefaultCompat(max);
 var min__default = /*#__PURE__*/_interopDefaultCompat(min);
@@ -254,6 +256,10 @@ function getCalendarMobileTestIds(dataTestId) {
 function isRangeValue(value) {
     return Boolean(value) && typeof value === 'object';
 }
+var getMonthStartTimestamp = function (date) { return startOfMonth__default.default(date).getTime(); };
+var getMonthEndTimestamp = function (date) {
+    return isThisMonth__default.default(date) ? startOfDay__default.default(new Date()).getTime() : lastDayOfMonth__default.default(date).getTime();
+};
 
 exports.DATE_FORMAT = DATE_FORMAT;
 exports.DAYS_IN_WEEK = DAYS_IN_WEEK;
@@ -272,6 +278,8 @@ exports.generateMonths = generateMonths;
 exports.generateWeeks = generateWeeks;
 exports.generateYears = generateYears;
 exports.getCalendarMobileTestIds = getCalendarMobileTestIds;
+exports.getMonthEndTimestamp = getMonthEndTimestamp;
+exports.getMonthStartTimestamp = getMonthStartTimestamp;
 exports.getSelectionRange = getSelectionRange;
 exports.isRangeValue = isRangeValue;
 exports.limitDate = limitDate;

package/calendar-input/components/calendar-input/Component.js

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_1heez","block":"calendar-input__block_1heez","calendarContainer":"calendar-input__calendarContainer_1heez","calendarResponsive":"calendar-input__calendarResponsive_1heez","calendarIcon":"calendar-input__calendarIcon_1heez","nativeInput":"calendar-input__nativeInput_1heez"};
+var styles = {"component":"calendar-input__component_sypal","block":"calendar-input__block_sypal","calendarContainer":"calendar-input__calendarContainer_sypal","calendarResponsive":"calendar-input__calendarResponsive_sypal","calendarIcon":"calendar-input__calendarIcon_sypal","nativeInput":"calendar-input__nativeInput_sypal"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {

package/calendar-input/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9nhvy */
+/* hash: 2e3xk */
 :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 */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -50,31 +50,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_1heez {
+} .calendar-input__component_sypal {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_1heez {
+} .calendar-input__block_sypal {
     width: 100%;
-} .calendar-input__calendarContainer_1heez {
+} .calendar-input__calendarContainer_sypal {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_1heez {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_sypal {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_1heez {
+    } .calendar-input__calendarResponsive_sypal {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_1heez {
+} .calendar-input__calendarIcon_sypal {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_1heez:not(:only-child) {
+} .calendar-input__calendarIcon_sypal:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_1heez {
+    } .calendar-input__nativeInput_sypal {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -83,8 +83,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_1heez::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_sypal::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_1heez::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_sypal::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/esm/components/calendar-input/Component.js

@@ -11,7 +11,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-var styles = {"component":"calendar-input__component_1heez","block":"calendar-input__block_1heez","calendarContainer":"calendar-input__calendarContainer_1heez","calendarResponsive":"calendar-input__calendarResponsive_1heez","calendarIcon":"calendar-input__calendarIcon_1heez","nativeInput":"calendar-input__nativeInput_1heez"};
+var styles = {"component":"calendar-input__component_sypal","block":"calendar-input__block_sypal","calendarContainer":"calendar-input__calendarContainer_sypal","calendarResponsive":"calendar-input__calendarResponsive_sypal","calendarIcon":"calendar-input__calendarIcon_sypal","nativeInput":"calendar-input__nativeInput_sypal"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {

package/calendar-input/esm/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9nhvy */
+/* hash: 2e3xk */
 :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 */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -50,31 +50,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_1heez {
+} .calendar-input__component_sypal {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_1heez {
+} .calendar-input__block_sypal {
     width: 100%;
-} .calendar-input__calendarContainer_1heez {
+} .calendar-input__calendarContainer_sypal {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_1heez {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_sypal {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_1heez {
+    } .calendar-input__calendarResponsive_sypal {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_1heez {
+} .calendar-input__calendarIcon_sypal {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_1heez:not(:only-child) {
+} .calendar-input__calendarIcon_sypal:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_1heez {
+    } .calendar-input__nativeInput_sypal {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -83,8 +83,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_1heez::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_sypal::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_1heez::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_sypal::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/modern/components/calendar-input/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-const styles = {"component":"calendar-input__component_1heez","block":"calendar-input__block_1heez","calendarContainer":"calendar-input__calendarContainer_1heez","calendarResponsive":"calendar-input__calendarResponsive_1heez","calendarIcon":"calendar-input__calendarIcon_1heez","nativeInput":"calendar-input__nativeInput_1heez"};
+const styles = {"component":"calendar-input__component_sypal","block":"calendar-input__block_sypal","calendarContainer":"calendar-input__calendarContainer_sypal","calendarResponsive":"calendar-input__calendarResponsive_sypal","calendarIcon":"calendar-input__calendarIcon_sypal","nativeInput":"calendar-input__nativeInput_sypal"};
 require('./index.css');
 
 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) => {

package/calendar-input/modern/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 9nhvy */
+/* hash: 2e3xk */
 :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 */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -50,31 +50,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-8);
-} .calendar-input__component_1heez {
+} .calendar-input__component_sypal {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_1heez {
+} .calendar-input__block_sypal {
     width: 100%;
-} .calendar-input__calendarContainer_1heez {
+} .calendar-input__calendarContainer_sypal {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_1heez {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_sypal {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_1heez {
+    } .calendar-input__calendarResponsive_sypal {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_1heez {
+} .calendar-input__calendarIcon_sypal {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_1heez:not(:only-child) {
+} .calendar-input__calendarIcon_sypal:not(:only-child) {
         margin-right: var(--gap-4);
-    } .calendar-input__nativeInput_1heez {
+    } .calendar-input__nativeInput_sypal {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -83,8 +83,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_1heez::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_sypal::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_1heez::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_sypal::-webkit-inner-spin-button {
         display: none;
     }