@alfalab/core-components 41.1.0 → 41.3.0

package/calendar/modern/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 12x68 */
+/* hash: w4g8i */
 :root {
 } /* deprecated */ :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 */
 } :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 */
@@ -49,18 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_kgvu5 {
+} .cc-calendar .calendar__yearsTable_d3b3t {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } .cc-calendar .calendar__yearsTable_kgvu5.calendar__responsive_kgvu5 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_d3b3t {
+            padding-top: var(--gap-xs)
+    }
+        } .cc-calendar .calendar__yearsTable_d3b3t.calendar__responsive_d3b3t {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_kgvu5.calendar__responsive_kgvu5 .calendar__inner_kgvu5 {
+        } .cc-calendar .calendar__yearsTable_d3b3t.calendar__responsive_d3b3t .calendar__inner_d3b3t {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_kgvu5.calendar__responsive_kgvu5 .calendar__button_kgvu5 {
+            } .cc-calendar .calendar__yearsTable_d3b3t.calendar__responsive_d3b3t .calendar__button_d3b3t {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_kgvu5 {
+            } .cc-calendar .calendar__inner_d3b3t {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -69,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_kgvu5 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_d3b3t {
             left: 16px
     }
-        } .cc-calendar .calendar__button_kgvu5 {
+        } .cc-calendar .calendar__button_d3b3t {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_kgvu5:nth-child(3n) {
+    } .cc-calendar .calendar__button_d3b3t:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_kgvu5 {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_d3b3t {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_kgvu5:nth-child(3n) {
+            .cc-calendar .calendar__button_d3b3t:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_kgvu5:nth-child(2n) {
+            .cc-calendar .calendar__button_d3b3t:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_kgvu5 {
+            } .cc-calendar .calendar__button_d3b3t {
 
             height: 36px
     }

package/calendar/modern/desktop.css

@@ -1,4 +1,4 @@
-/* hash: diksy */
+/* hash: 1wk2l */
 :root {
 } /* deprecated */ :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 */
 } :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 */
@@ -40,27 +40,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_o6i72 {
+} .calendar__component_9xvm3 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_o6i72 {
+} @media (max-width: 374px) { .calendar__component_9xvm3 {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_o6i72.calendar__responsive_o6i72 {
+    } .calendar__component_9xvm3.calendar__responsive_9xvm3 {
         width: 100%
-    } .calendar__component_o6i72.calendar__responsive_o6i72 .calendar__period_o6i72 {
+    } .calendar__component_9xvm3.calendar__responsive_9xvm3 .calendar__period_9xvm3 {
             width: 100%;
-        } .calendar__component_o6i72.calendar__responsive_o6i72 .calendar__monthYear_o6i72 {
+        } .calendar__component_9xvm3.calendar__responsive_9xvm3 .calendar__monthYear_9xvm3 {
             width: 100%;
-        } .calendar__component_o6i72.calendar__responsive_o6i72 .calendar__container_o6i72 {
+        } .calendar__component_9xvm3.calendar__responsive_9xvm3 .calendar__container_9xvm3 {
             width: 100%;
-        } .calendar__container_o6i72 {
+        } .calendar__container_9xvm3 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -68,24 +68,24 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} @media (max-width: 374px) { .calendar__container_o6i72 {
+} @media (max-width: 374px) { .calendar__container_9xvm3 {
         width: 288px
 }
-    } .calendar__sixWeeks_o6i72 {
+    } .calendar__sixWeeks_9xvm3 {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_o6i72 {
+} @media (max-width: 374px) { .calendar__sixWeeks_9xvm3 {
         height: 361px
 }
-    } .calendar__period_o6i72 {
+    } .calendar__period_9xvm3 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_o6i72 {
+} @media (max-width: 374px) { .calendar__period_9xvm3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_o6i72 {
+    } .calendar__monthYear_9xvm3 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_o6i72 {
+} @media (max-width: 374px) { .calendar__monthYear_9xvm3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/modern/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-85dc6f98.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-76ca361b.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/modern/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-85dc6f98.js';
+export { a as CalendarMobile } from './Component.responsive-76ca361b.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-85dc6f98";
+export * from "./Component.responsive-76ca361b";
 export {};

package/calendar/modern/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-85dc6f98.js';
+export { C as CalendarResponsive } from './Component.responsive-76ca361b.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

package/calendar/modern/typings.d.ts

@@ -1,10 +1,17 @@
+import { ReactNode } from 'react';
 type SpecialDays = Record<number, boolean>;
+type DayAddons = {
+    date: Date | number;
+    addon: ReactNode;
+};
+type SpecialDaysAddon = Record<number, ReactNode>;
 type Day = {
     date: Date;
     disabled?: boolean;
     event?: boolean;
     selected?: boolean;
     holiday?: boolean;
+    dayAddon?: ReactNode;
 };
 type Month = {
     date: Date;
@@ -13,4 +20,4 @@ type Month = {
 type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
 type View = 'years' | 'months' | 'days';
 type SelectorView = 'month-only' | 'full';
-export { SpecialDays, Day, Month, DateShift, View, SelectorView };
+export { SpecialDays, DayAddons, SpecialDaysAddon, Day, Month, DateShift, View, SelectorView };

package/calendar/modern/useCalendar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, Month, View } from "./typings";
+import { Day, DayAddons, Month, View } from "./typings";
 type UseCalendarProps = {
     /**
      * Активный вид (выбор дней, месяцев, лет)
@@ -46,8 +46,12 @@ type UseCalendarProps = {
      * Обработчик выбора даты
      */
     onChange?: (date: number) => void;
+    /**
+     * Дополнительный контент под числом
+     */
+    dayAddons?: DayAddons[];
 };
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, onMonthChange, onChange, }: UseCalendarProps): {
+declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
     activeMonth: Date;
     weeks: Day[][];
     months: Month[];

package/calendar/modern/useCalendar.js

@@ -8,7 +8,7 @@ import isSameYear from 'date-fns/isSameYear';
 import setYear from 'date-fns/setYear';
 import startOfMonth from 'date-fns/startOfMonth';
 import subYears from 'date-fns/subYears';
-import { dateArrayToHashTable, generateWeeks, generateMonths, generateYears, limitDate, simulateTab, modifyDateByShift, MONTHS_IN_YEAR } from './utils.js';
+import { dateArrayToHashTable, addonArrayToHashTable, generateWeeks, generateMonths, generateYears, limitDate, simulateTab, modifyDateByShift, MONTHS_IN_YEAR } from './utils.js';
 import 'date-fns/addDays';
 import 'date-fns/eachDayOfInterval';
 import 'date-fns/eachMonthOfInterval';
@@ -28,7 +28,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, selected, events, offDays, holidays, onMonthChange, onChange, }) {
+function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }) {
     const [monthState, setMonthState] = useState(defaultMonth);
     const [highlighted, setHighlighted] = useState();
     const uncontrolled = month === undefined;
@@ -42,6 +42,7 @@ function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, sel
     const eventsMap = useMemo(() => dateArrayToHashTable(events || []), [events]);
     const offDaysMap = useMemo(() => dateArrayToHashTable(offDays || []), [offDays]);
     const holidaysMap = useMemo(() => dateArrayToHashTable(holidays || []), [holidays]);
+    const dayAddonsMap = useMemo(() => addonArrayToHashTable(dayAddons || []), [dayAddons]);
     const weeks = useMemo(() => generateWeeks(activeMonth, {
         minDate,
         maxDate,
@@ -49,7 +50,8 @@ function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, sel
         eventsMap,
         offDaysMap,
         holidaysMap,
-    }), [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap, holidaysMap]);
+        dayAddonsMap,
+    }), [maxDate, minDate, selected, dayAddonsMap, activeMonth, eventsMap, offDaysMap, holidaysMap]);
     const months = useMemo(() => generateMonths(activeMonth, { minMonth, maxMonth }), [minMonth, maxMonth, activeMonth]);
     const years = useMemo(() => generateYears(minDate || subYears(new Date(), 100), maxDate || addYears(new Date(), 1)), [minDate, maxDate]);
     const setMonth = useCallback((newMonth) => {

package/calendar/modern/utils.d.ts

@@ -1,4 +1,5 @@
-import { DateShift, Day, Month, SpecialDays } from "./typings";
+import { ReactNode } from 'react';
+import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings";
 declare const DAYS_IN_WEEK = 7;
 declare const MONTHS_IN_YEAR = 12;
 declare const SUNDAY_INDEX = 6;
@@ -20,6 +21,7 @@ declare function generateWeeks(month: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
     holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
 }): Day[][];
 /**
  * Возвращает массив с месяцами для переданного года
@@ -42,6 +44,7 @@ declare function buildDay(day: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
     holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
 }): Day;
 /**
  * Добавляет метаданные для переданного месяца
@@ -66,6 +69,7 @@ declare function monthName(month: Date): string;
  * Превращает массив в объект, у которого ключи составляются из элементов массива
  */
 declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
+declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
 /**
  * Возвращает корректный отрезок дат для выделения
  */
@@ -81,4 +85,4 @@ declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date,
 declare function simulateTab(node: HTMLElement): void;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-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, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };
+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 };

package/calendar/modern/utils.js

@@ -85,7 +85,7 @@ function generateYears(minYear, maxYear) {
  * Добавляет метаданные для переданного дня
  */
 function buildDay(day, options) {
-    const { minDate, maxDate, selected, eventsMap = {}, offDaysMap = {}, holidaysMap = {}, } = options;
+    const { minDate, maxDate, selected, eventsMap = {}, offDaysMap = {}, holidaysMap = {}, dayAddonsMap = {}, } = options;
     const off = offDaysMap[day.getTime()];
     const disabled = (minDate && isBefore(day, minDate)) || (maxDate && isAfter(day, maxDate));
     return {
@@ -94,6 +94,7 @@ function buildDay(day, options) {
         event: eventsMap[day.getTime()],
         holiday: holidaysMap[day.getTime()],
         selected: selected && isSameDay(day, selected),
+        dayAddon: dayAddonsMap[day.getTime()],
     };
 }
 /**
@@ -138,6 +139,12 @@ function dateArrayToHashTable(arr) {
         return acc;
     }, {});
 }
+function addonArrayToHashTable(arr) {
+    return arr.reduce((acc, v) => {
+        acc[startOfDay(v.date).getTime()] = v.addon;
+        return acc;
+    }, {});
+}
 /**
  * Возвращает корректный отрезок дат для выделения
  */
@@ -194,4 +201,4 @@ function simulateTab(node) {
 const formatDate = (date, dateFormat = DATE_FORMAT) => format(date, dateFormat);
 const parseDateString = (value, dateFormat = DATE_FORMAT) => parse(value, dateFormat, new Date());
 
-export { DATE_FORMAT, DAYS_IN_WEEK, MONTHS, MONTHS_IN_YEAR, NATIVE_DATE_FORMAT, SUNDAY_INDEX, WEEKDAYS, buildDay, buildMonth, dateArrayToHashTable, dateInLimits, formatDate, generateMonths, generateWeeks, generateYears, getSelectionRange, 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, getSelectionRange, limitDate, modifyDateByShift, monthName, parseDateString, russianWeekDay, simulateTab };

package/calendar/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-09f53b84";
+export * from "./Component.responsive-6faa5f67";
 export {};

package/calendar/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-09f53b84.js');
+var components_calendarMobile_Component = require('./Component.responsive-6faa5f67.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/typings.d.ts

@@ -1,10 +1,17 @@
+import { ReactNode } from 'react';
 type SpecialDays = Record<number, boolean>;
+type DayAddons = {
+    date: Date | number;
+    addon: ReactNode;
+};
+type SpecialDaysAddon = Record<number, ReactNode>;
 type Day = {
     date: Date;
     disabled?: boolean;
     event?: boolean;
     selected?: boolean;
     holiday?: boolean;
+    dayAddon?: ReactNode;
 };
 type Month = {
     date: Date;
@@ -13,4 +20,4 @@ type Month = {
 type DateShift = 'prev' | 'prevWeek' | 'prevMonth' | 'startOfWeek' | 'next' | 'nextWeek' | 'nextMonth' | 'endOfWeek';
 type View = 'years' | 'months' | 'days';
 type SelectorView = 'month-only' | 'full';
-export { SpecialDays, Day, Month, DateShift, View, SelectorView };
+export { SpecialDays, DayAddons, SpecialDaysAddon, Day, Month, DateShift, View, SelectorView };

package/calendar/useCalendar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, Month, View } from "./typings";
+import { Day, DayAddons, Month, View } from "./typings";
 type UseCalendarProps = {
     /**
      * Активный вид (выбор дней, месяцев, лет)
@@ -46,8 +46,12 @@ type UseCalendarProps = {
      * Обработчик выбора даты
      */
     onChange?: (date: number) => void;
+    /**
+     * Дополнительный контент под числом
+     */
+    dayAddons?: DayAddons[];
 };
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, onMonthChange, onChange, }: UseCalendarProps): {
+declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
     activeMonth: Date;
     weeks: Day[][];
     months: Month[];

package/calendar/useCalendar.js

@@ -43,7 +43,7 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var subYears__default = /*#__PURE__*/_interopDefaultCompat(subYears);
 
 function useCalendar(_a) {
-    var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, holidays = _a.holidays, onMonthChange = _a.onMonthChange, onChange = _a.onChange;
+    var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, holidays = _a.holidays, dayAddons = _a.dayAddons, onMonthChange = _a.onMonthChange, onChange = _a.onChange;
     var _c = React.useState(defaultMonth), monthState = _c[0], setMonthState = _c[1];
     var _d = React.useState(), highlighted = _d[0], setHighlighted = _d[1];
     var uncontrolled = month === undefined;
@@ -57,6 +57,7 @@ function useCalendar(_a) {
     var eventsMap = React.useMemo(function () { return utils.dateArrayToHashTable(events || []); }, [events]);
     var offDaysMap = React.useMemo(function () { return utils.dateArrayToHashTable(offDays || []); }, [offDays]);
     var holidaysMap = React.useMemo(function () { return utils.dateArrayToHashTable(holidays || []); }, [holidays]);
+    var dayAddonsMap = React.useMemo(function () { return utils.addonArrayToHashTable(dayAddons || []); }, [dayAddons]);
     var weeks = React.useMemo(function () {
         return utils.generateWeeks(activeMonth, {
             minDate: minDate,
@@ -65,8 +66,9 @@ function useCalendar(_a) {
             eventsMap: eventsMap,
             offDaysMap: offDaysMap,
             holidaysMap: holidaysMap,
+            dayAddonsMap: dayAddonsMap,
         });
-    }, [maxDate, minDate, selected, activeMonth, eventsMap, offDaysMap, holidaysMap]);
+    }, [maxDate, minDate, selected, dayAddonsMap, activeMonth, eventsMap, offDaysMap, holidaysMap]);
     var months = React.useMemo(function () { return utils.generateMonths(activeMonth, { minMonth: minMonth, maxMonth: maxMonth }); }, [minMonth, maxMonth, activeMonth]);
     var years = React.useMemo(function () {
         return utils.generateYears(minDate || subYears__default.default(new Date(), 100), maxDate || addYears__default.default(new Date(), 1));

package/calendar/utils.d.ts

@@ -1,4 +1,5 @@
-import { DateShift, Day, Month, SpecialDays } from "./typings";
+import { ReactNode } from 'react';
+import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings";
 declare const DAYS_IN_WEEK = 7;
 declare const MONTHS_IN_YEAR = 12;
 declare const SUNDAY_INDEX = 6;
@@ -20,6 +21,7 @@ declare function generateWeeks(month: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
     holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
 }): Day[][];
 /**
  * Возвращает массив с месяцами для переданного года
@@ -42,6 +44,7 @@ declare function buildDay(day: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
     holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
 }): Day;
 /**
  * Добавляет метаданные для переданного месяца
@@ -66,6 +69,7 @@ declare function monthName(month: Date): string;
  * Превращает массив в объект, у которого ключи составляются из элементов массива
  */
 declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
+declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
 /**
  * Возвращает корректный отрезок дат для выделения
  */
@@ -81,4 +85,4 @@ declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date,
 declare function simulateTab(node: HTMLElement): void;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
 declare const parseDateString: (value: string, dateFormat?: string) => Date;
-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, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };
+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 };

package/calendar/utils.js

@@ -113,7 +113,7 @@ function generateYears(minYear, maxYear) {
  * Добавляет метаданные для переданного дня
  */
 function buildDay(day, options) {
-    var minDate = options.minDate, maxDate = options.maxDate, selected = options.selected, _a = options.eventsMap, eventsMap = _a === void 0 ? {} : _a, _b = options.offDaysMap, offDaysMap = _b === void 0 ? {} : _b, _c = options.holidaysMap, holidaysMap = _c === void 0 ? {} : _c;
+    var minDate = options.minDate, maxDate = options.maxDate, selected = options.selected, _a = options.eventsMap, eventsMap = _a === void 0 ? {} : _a, _b = options.offDaysMap, offDaysMap = _b === void 0 ? {} : _b, _c = options.holidaysMap, holidaysMap = _c === void 0 ? {} : _c, _d = options.dayAddonsMap, dayAddonsMap = _d === void 0 ? {} : _d;
     var off = offDaysMap[day.getTime()];
     var disabled = (minDate && isBefore__default.default(day, minDate)) || (maxDate && isAfter__default.default(day, maxDate));
     return {
@@ -122,6 +122,7 @@ function buildDay(day, options) {
         event: eventsMap[day.getTime()],
         holiday: holidaysMap[day.getTime()],
         selected: selected && isSameDay__default.default(day, selected),
+        dayAddon: dayAddonsMap[day.getTime()],
     };
 }
 /**
@@ -166,6 +167,12 @@ function dateArrayToHashTable(arr) {
         return acc;
     }, {});
 }
+function addonArrayToHashTable(arr) {
+    return arr.reduce(function (acc, v) {
+        acc[startOfDay__default.default(v.date).getTime()] = v.addon;
+        return acc;
+    }, {});
+}
 /**
  * Возвращает корректный отрезок дат для выделения
  */
@@ -236,6 +243,7 @@ exports.MONTHS_IN_YEAR = MONTHS_IN_YEAR;
 exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
 exports.SUNDAY_INDEX = SUNDAY_INDEX;
 exports.WEEKDAYS = WEEKDAYS;
+exports.addonArrayToHashTable = addonArrayToHashTable;
 exports.buildDay = buildDay;
 exports.buildMonth = buildMonth;
 exports.dateArrayToHashTable = dateArrayToHashTable;

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

@@ -19,7 +19,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_2m1i4","block":"calendar-input__block_2m1i4","calendarContainer":"calendar-input__calendarContainer_2m1i4","calendarResponsive":"calendar-input__calendarResponsive_2m1i4","calendarIcon":"calendar-input__calendarIcon_2m1i4","nativeInput":"calendar-input__nativeInput_2m1i4"};
+var styles = {"component":"calendar-input__component_qcz0y","block":"calendar-input__block_qcz0y","calendarContainer":"calendar-input__calendarContainer_qcz0y","calendarResponsive":"calendar-input__calendarResponsive_qcz0y","calendarIcon":"calendar-input__calendarIcon_qcz0y","nativeInput":"calendar-input__nativeInput_qcz0y"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: z6x97 */
+/* hash: 1j2hp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -44,32 +44,32 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_2m1i4 {
+} .calendar-input__component_qcz0y {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_2m1i4 {
+} .calendar-input__block_qcz0y {
     width: 100%;
-} .calendar-input__calendarContainer_2m1i4 {
+} .calendar-input__calendarContainer_qcz0y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_2m1i4 {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_qcz0y {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_2m1i4 {
+    } .calendar-input__calendarResponsive_qcz0y {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .calendar-input__calendarIcon_2m1i4 {
+} .calendar-input__calendarIcon_qcz0y {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_2m1i4:not(:only-child) {
+} .calendar-input__calendarIcon_qcz0y:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_2m1i4 {
+    } .calendar-input__nativeInput_qcz0y {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -79,8 +79,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_2m1i4::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_qcz0y::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_2m1i4::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_qcz0y::-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_2m1i4","block":"calendar-input__block_2m1i4","calendarContainer":"calendar-input__calendarContainer_2m1i4","calendarResponsive":"calendar-input__calendarResponsive_2m1i4","calendarIcon":"calendar-input__calendarIcon_2m1i4","nativeInput":"calendar-input__nativeInput_2m1i4"};
+var styles = {"component":"calendar-input__component_qcz0y","block":"calendar-input__block_qcz0y","calendarContainer":"calendar-input__calendarContainer_qcz0y","calendarResponsive":"calendar-input__calendarResponsive_qcz0y","calendarIcon":"calendar-input__calendarIcon_qcz0y","nativeInput":"calendar-input__nativeInput_qcz0y"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: z6x97 */
+/* hash: 1j2hp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -44,32 +44,32 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_2m1i4 {
+} .calendar-input__component_qcz0y {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_2m1i4 {
+} .calendar-input__block_qcz0y {
     width: 100%;
-} .calendar-input__calendarContainer_2m1i4 {
+} .calendar-input__calendarContainer_qcz0y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_2m1i4 {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_qcz0y {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_2m1i4 {
+    } .calendar-input__calendarResponsive_qcz0y {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .calendar-input__calendarIcon_2m1i4 {
+} .calendar-input__calendarIcon_qcz0y {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_2m1i4:not(:only-child) {
+} .calendar-input__calendarIcon_qcz0y:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_2m1i4 {
+    } .calendar-input__nativeInput_qcz0y {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -79,8 +79,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_2m1i4::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_qcz0y::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_2m1i4::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_qcz0y::-webkit-inner-spin-button {
         display: none;
     }