@hh.ru/magritte-ui-date-picker 6.2.3 → 6.2.4

package/AsyncDataLoader.js

@@ -4,7 +4,7 @@ import { useContext, useState, useMemo } from 'react';
 import classnames from 'classnames';
 import { AsyncDataContext } from './AsyncDataContext.js';
 import { Loader } from '@hh.ru/magritte-ui-loader';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 
 const AsyncDataLoader = ({ children, stretched }) => {
   const asyncDataContext = useContext(AsyncDataContext);

package/DatePicker/DatePicker.js

@@ -16,7 +16,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
 import 'date-fns';

package/DatePicker/DayPicker.js

@@ -6,7 +6,7 @@ import { isToday, format, isSameMonth, isSameDay } from 'date-fns';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useModifierDatesFunc } from '../useModifierDatesFunc.js';
 import { useDayPickerDates } from '../utils.js';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '../useModifierDates.js';
 import 'date-fns/constants';

package/DatePicker/MobileDatePickerWithScroll.js

@@ -13,7 +13,7 @@ import { YearPicker } from '../YearPicker.js';
 import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useMobileHorizontalScroll } from '../useMobileHorizontalScroll.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/DatePicker/UncontrolledDatePicker.js

@@ -8,7 +8,7 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-DAswpkAp.js';
+import '../date-picker-B1s-y5tT.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
 import 'date-fns';

package/Header.js

@@ -8,7 +8,7 @@ import { makeYearsInterval } from './utils.js';
 import { IconDynamic } from '@hh.ru/magritte-ui-icon';
 import { ChevronLeftOutlinedSize24, ChevronDownOutlinedSize16, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 import 'date-fns/constants';
 
 const Header = ({
@@ -53,6 +53,7 @@ const Header = ({
         children: showHeaderDate && /* @__PURE__ */ jsx(IconDynamic, { children: /* @__PURE__ */ jsxs(
           "button",
           {
+            type: "button",
             className: classnames(styles.headerDate, { [styles.headerDateActive]: activeHeader }),
             "data-qa": "date-picker-header-date",
             disabled: !activeHeader,

package/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["src/Header.tsx"],"sourcesContent":["import { FC, Fragment } from 'react';\nimport classnames from 'classnames';\nimport { format } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { DateType, Calendar, BaseDatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { makeYearsInterval } from '@hh.ru/magritte-ui-date-picker/utils';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport {\n    ChevronLeftOutlinedSize24,\n    ChevronRightOutlinedSize24,\n    ChevronDownOutlinedSize16,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './date-picker.less';\n\nexport const Header: FC<\n    Pick<\n        BaseDatePickerProps,\n        | 'stretched'\n        | 'activeHeader'\n        | 'alignHeader'\n        | 'headerMonthFormat'\n        | 'locale'\n        | 'showControls'\n        | 'showHeaderDate'\n    > & {\n        calendar: Calendar;\n        displayDate: DateType;\n        goToNextPeriod?: VoidFunction;\n        goToPrevPeriod?: VoidFunction;\n        showNextControl?: boolean;\n        showPrevControl?: boolean;\n        switchCalendar?: VoidFunction;\n    }\n> = ({\n    calendar,\n    displayDate,\n    stretched,\n    activeHeader: _activeHeader = true,\n    alignHeader = 'center',\n    goToNextPeriod,\n    goToPrevPeriod,\n    headerMonthFormat = 'mm',\n    locale,\n    showControls = true,\n    showHeaderDate = true,\n    showNextControl = true,\n    showPrevControl = true,\n    switchCalendar,\n}) => {\n    const forceDisabled = useDisabled();\n    const activeHeader = _activeHeader && !forceDisabled;\n\n    if (!showControls && !showHeaderDate) {\n        return null;\n    }\n\n    return (\n        <div className={classnames(styles.headerWrapper, { [styles.stretched]: stretched })}>\n            <div className={styles.header} data-qa=\"date-picker-header\">\n                {showControls && (\n                    <div className={styles.control}>\n                        {showPrevControl && goToPrevPeriod && (\n                            <ChevronLeftOutlinedSize24\n                                padding={8}\n                                onClick={goToPrevPeriod}\n                                initialColor=\"secondary\"\n                                data-qa=\"date-picker-prev-control\"\n                                borderRadius=\"halfHeight\"\n                            />\n                        )}\n                    </div>\n                )}\n                <div\n                    className={classnames({\n                        [styles.headerDateWrapperCenter]: alignHeader === 'center',\n                        [styles.headerDateWrapperLeft]: alignHeader === 'left',\n                    })}\n                >\n                    {showHeaderDate && (\n                        <IconDynamic>\n                            <button\n                                className={classnames(styles.headerDate, { [styles.headerDateActive]: activeHeader })}\n                                data-qa=\"date-picker-header-date\"\n                                disabled={!activeHeader}\n                                onClick={switchCalendar}\n                            >\n                                <Text Element={'span'} typography=\"subtitle-1-semibold\" transform=\"capitalize\">\n                                    {calendar === 'day' &&\n                                        format(displayDate, headerMonthFormat.endsWith('yyyy') ? 'LLLL yyyy' : 'LLLL', {\n                                            locale,\n                                        })}\n                                    {calendar === 'month' && format(displayDate, 'yyyy', { locale })}\n                                    {calendar === 'year' && (\n                                        <Fragment>\n                                            {format(makeYearsInterval(displayDate).start, 'yyyy', { locale })}\n                                            {` – `}\n                                            {format(makeYearsInterval(displayDate).end, 'yyyy', { locale })}\n                                        </Fragment>\n                                    )}\n                                </Text>\n                                {activeHeader && (\n                                    <ChevronDownOutlinedSize16 initialColor=\"primary\" highlightedColor={'primary'} />\n                                )}\n                            </button>\n                        </IconDynamic>\n                    )}\n                </div>\n                {showControls && (\n                    <div className={styles.control}>\n                        {showNextControl && goToNextPeriod && (\n                            <ChevronRightOutlinedSize24\n                                padding={8}\n                                initialColor=\"secondary\"\n                                onClick={goToNextPeriod}\n                                data-qa=\"date-picker-next-control\"\n                                borderRadius=\"halfHeight\"\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["src/Header.tsx"],"sourcesContent":["import { FC, Fragment } from 'react';\nimport classnames from 'classnames';\nimport { format } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { DateType, Calendar, BaseDatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { makeYearsInterval } from '@hh.ru/magritte-ui-date-picker/utils';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport {\n    ChevronLeftOutlinedSize24,\n    ChevronRightOutlinedSize24,\n    ChevronDownOutlinedSize16,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './date-picker.less';\n\nexport const Header: FC<\n    Pick<\n        BaseDatePickerProps,\n        | 'stretched'\n        | 'activeHeader'\n        | 'alignHeader'\n        | 'headerMonthFormat'\n        | 'locale'\n        | 'showControls'\n        | 'showHeaderDate'\n    > & {\n        calendar: Calendar;\n        displayDate: DateType;\n        goToNextPeriod?: VoidFunction;\n        goToPrevPeriod?: VoidFunction;\n        showNextControl?: boolean;\n        showPrevControl?: boolean;\n        switchCalendar?: VoidFunction;\n    }\n> = ({\n    calendar,\n    displayDate,\n    stretched,\n    activeHeader: _activeHeader = true,\n    alignHeader = 'center',\n    goToNextPeriod,\n    goToPrevPeriod,\n    headerMonthFormat = 'mm',\n    locale,\n    showControls = true,\n    showHeaderDate = true,\n    showNextControl = true,\n    showPrevControl = true,\n    switchCalendar,\n}) => {\n    const forceDisabled = useDisabled();\n    const activeHeader = _activeHeader && !forceDisabled;\n\n    if (!showControls && !showHeaderDate) {\n        return null;\n    }\n\n    return (\n        <div className={classnames(styles.headerWrapper, { [styles.stretched]: stretched })}>\n            <div className={styles.header} data-qa=\"date-picker-header\">\n                {showControls && (\n                    <div className={styles.control}>\n                        {showPrevControl && goToPrevPeriod && (\n                            <ChevronLeftOutlinedSize24\n                                padding={8}\n                                onClick={goToPrevPeriod}\n                                initialColor=\"secondary\"\n                                data-qa=\"date-picker-prev-control\"\n                                borderRadius=\"halfHeight\"\n                            />\n                        )}\n                    </div>\n                )}\n                <div\n                    className={classnames({\n                        [styles.headerDateWrapperCenter]: alignHeader === 'center',\n                        [styles.headerDateWrapperLeft]: alignHeader === 'left',\n                    })}\n                >\n                    {showHeaderDate && (\n                        <IconDynamic>\n                            <button\n                                type=\"button\"\n                                className={classnames(styles.headerDate, { [styles.headerDateActive]: activeHeader })}\n                                data-qa=\"date-picker-header-date\"\n                                disabled={!activeHeader}\n                                onClick={switchCalendar}\n                            >\n                                <Text Element={'span'} typography=\"subtitle-1-semibold\" transform=\"capitalize\">\n                                    {calendar === 'day' &&\n                                        format(displayDate, headerMonthFormat.endsWith('yyyy') ? 'LLLL yyyy' : 'LLLL', {\n                                            locale,\n                                        })}\n                                    {calendar === 'month' && format(displayDate, 'yyyy', { locale })}\n                                    {calendar === 'year' && (\n                                        <Fragment>\n                                            {format(makeYearsInterval(displayDate).start, 'yyyy', { locale })}\n                                            {` – `}\n                                            {format(makeYearsInterval(displayDate).end, 'yyyy', { locale })}\n                                        </Fragment>\n                                    )}\n                                </Text>\n                                {activeHeader && (\n                                    <ChevronDownOutlinedSize16 initialColor=\"primary\" highlightedColor={'primary'} />\n                                )}\n                            </button>\n                        </IconDynamic>\n                    )}\n                </div>\n                {showControls && (\n                    <div className={styles.control}>\n                        {showNextControl && goToNextPeriod && (\n                            <ChevronRightOutlinedSize24\n                                padding={8}\n                                initialColor=\"secondary\"\n                                onClick={goToNextPeriod}\n                                data-qa=\"date-picker-next-control\"\n                                borderRadius=\"halfHeight\"\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/InfiniteScroll.js

@@ -4,7 +4,7 @@ import { useRef, useState, useContext, useMemo, useCallback, useLayoutEffect, us
 import { debounce } from '@hh.ru/magritte-common-func-utils';
 import { initScrollHandlers } from '@hh.ru/magritte-internal-custom-scroll';
 import { AsyncDataContext } from './AsyncDataContext.js';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 
 const InfiniteScroll = ({
   initialRenderedItems,

package/InfoDatePicker/InfoDatePicker.js

@@ -14,7 +14,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'react';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/InfoDatePicker/InfoDayPicker.js

@@ -6,7 +6,7 @@ import { isToday, format, isSameMonth } from 'date-fns';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useModifierDatesFunc } from '../useModifierDatesFunc.js';
 import { useDayPickerDates } from '../utils.js';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '../useModifierDates.js';
 import 'date-fns/constants';

package/InfoDatePicker/MobileInfoDatePickerWithScroll.js

@@ -13,7 +13,7 @@ import { YearPicker } from '../YearPicker.js';
 import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useMobileHorizontalScroll } from '../useMobileHorizontalScroll.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/InfoDatePicker/UncontrolledInfoDatePicker.js

@@ -8,7 +8,7 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-DAswpkAp.js';
+import '../date-picker-B1s-y5tT.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
 import 'date-fns';

package/IntervalDatePicker/DesktopMultiLayoutIntervalDatePicker.js

@@ -13,7 +13,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
 import '@hh.ru/magritte-common-use-disabled';

package/IntervalDatePicker/IntervalDatePicker.js

@@ -11,7 +11,7 @@ import 'date-fns';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-DAswpkAp.js';
+import '../date-picker-B1s-y5tT.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
 import '../utils.js';

package/IntervalDatePicker/IntervalDayPicker.js

@@ -7,7 +7,7 @@ import { daysInWeek } from 'date-fns/constants';
 import { useIntervalPicker } from '../useIntervalPicker.js';
 import { useModifierDatesFunc } from '../useModifierDatesFunc.js';
 import { useDayPickerDates } from '../utils.js';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '@hh.ru/magritte-common-use-disabled';
 import '../AsyncDataContext.js';
 import '../useModifierDates.js';

package/IntervalDatePicker/MobileMultiLayoutIntervalDatePicker.js

@@ -11,7 +11,7 @@ import { Weekdays } from '../Weekdays.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/IntervalDatePicker/MobileSingleLayoutIntervalDatePicker.js

@@ -16,7 +16,7 @@ import { useMobileHorizontalScroll } from '../useMobileHorizontalScroll.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/IntervalDatePicker/SingleLayoutIntervalDatePicker.js

@@ -14,7 +14,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
 import 'date-fns';

package/IntervalDatePicker/UncontrolledIntervalDatePicker.js

@@ -10,7 +10,7 @@ import 'date-fns';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-DAswpkAp.js';
+import '../date-picker-B1s-y5tT.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
 import '../Header.js';

package/MonthPicker.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { eachMonthOfInterval, startOfYear, endOfYear, isSameMonth, format, startOfMonth, endOfMonth } from 'date-fns';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useIntervalPicker } from './useIntervalPicker.js';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 import 'react';
 
 const MONTHS_IN_ROW = 3;
@@ -29,6 +29,7 @@ const MonthPicker = ({
         return /* @__PURE__ */ jsx("div", { className: styles.item, children: /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
             className: classnames(styles.text, {
               [styles.textDisabled]: forceDisabled,
               [styles.textSelected]: isSelected,
@@ -94,6 +95,7 @@ const IntervalMonthPicker = ({
               /* @__PURE__ */ jsx(
                 "button",
                 {
+                  type: "button",
                   ...mouseHandlers,
                   className: classnames(styles.text, {
                     [styles.textDisabled]: isDisabled,

package/MonthPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.js","sources":["src/MonthPicker.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classnames from 'classnames';\nimport { format, eachMonthOfInterval, isSameMonth, startOfMonth, endOfMonth, startOfYear, endOfYear } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { MonthPickerProps, IntervalMonthPickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useIntervalPicker } from '@hh.ru/magritte-ui-date-picker/useIntervalPicker';\n\nimport styles from './date-picker.less';\n\nconst MONTHS_IN_ROW = 3;\n\nexport const MonthPicker: FC<MonthPickerProps> = ({\n    displayDate,\n    selectedDate,\n    onDateSelect,\n    locale,\n    stretched,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachMonthOfInterval({ start: startOfYear(displayDate), end: endOfYear(displayDate) });\n    const forceDisabled = useDisabled();\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarMonths, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-months\"\n        >\n            {dates.map((date) => {\n                const isSelected = !!selectedDate && isSameMonth(date, selectedDate);\n                const isCurrentMonth = isSameMonth(date, Date.now());\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        <button\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: forceDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isCurrentMonth,\n                                [styles.textUnselected]: !forceDisabled && !isSelected,\n                            })}\n                            onClick={() => onDateSelect?.(date)}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            disabled={forceDisabled}\n                            data-month={format(date, 'yyyy-MM')}\n                            data-qa={classnames('date-picker-month', {\n                                'date-picker-month-disabled': forceDisabled,\n                                'date-picker-month-selected': isSelected,\n                                'date-picker-month-current': isCurrentMonth,\n                            })}\n                        >\n                            {format(date, 'LLLL', { locale })}\n                        </button>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const IntervalMonthPicker: FC<IntervalMonthPickerProps> = ({\n    displayDate,\n    stretched,\n    selectionStart,\n    selectionEnd,\n    onStartSelect,\n    onEndSelect,\n    locale,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachMonthOfInterval({ start: startOfYear(displayDate), end: endOfYear(displayDate) });\n\n    const datesProps = useIntervalPicker({\n        dates,\n        selectionStart: selectionStart && startOfMonth(selectionStart),\n        selectionEnd: selectionEnd && endOfMonth(selectionEnd),\n        onStartSelect,\n        onEndSelect,\n        isEqual: isSameMonth,\n    });\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarMonths, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-months\"\n        >\n            {dates.map((date, index) => {\n                const { isDisabled, isIntervalStart, isIntervalEnd, isSelected, isWithinInterval, mouseHandlers } =\n                    datesProps[index];\n                const isIntervalRowStart = isWithinInterval && !isIntervalStart && index % MONTHS_IN_ROW === 0;\n                const isIntervalRowEnd =\n                    isWithinInterval && !isIntervalEnd && index % MONTHS_IN_ROW === MONTHS_IN_ROW - 1;\n                const isCurrentMonth = isSameMonth(date, Date.now());\n\n                return (\n                    <div\n                        className={classnames(styles.item, {\n                            [styles.itemInterval]: isWithinInterval,\n                            [styles.itemIntervalStart]: isIntervalStart,\n                            [styles.itemIntervalEnd]: isIntervalEnd,\n                            [styles.itemIntervalRowStart]: isIntervalRowStart,\n                            [styles.itemIntervalRowEnd]: isIntervalRowEnd,\n                        })}\n                        key={`${date}`}\n                    >\n                        <button\n                            {...mouseHandlers}\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: isDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isCurrentMonth,\n                                [styles.textUnselected]: !isDisabled && !isSelected,\n                            })}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            data-month={format(date, 'yyyy-MM')}\n                            data-qa={classnames('date-picker-month', {\n                                'date-picker-month-disabled': isDisabled,\n                                'date-picker-month-selected': isSelected,\n                                'date-picker-month-current': isCurrentMonth,\n                            })}\n                        >\n                            {format(date, 'LLLL', { locale })}\n                        </button>\n                        {isWithinInterval && <div className={styles.substrate} />}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MonthPicker.js","sources":["src/MonthPicker.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classnames from 'classnames';\nimport { format, eachMonthOfInterval, isSameMonth, startOfMonth, endOfMonth, startOfYear, endOfYear } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { MonthPickerProps, IntervalMonthPickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useIntervalPicker } from '@hh.ru/magritte-ui-date-picker/useIntervalPicker';\n\nimport styles from './date-picker.less';\n\nconst MONTHS_IN_ROW = 3;\n\nexport const MonthPicker: FC<MonthPickerProps> = ({\n    displayDate,\n    selectedDate,\n    onDateSelect,\n    locale,\n    stretched,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachMonthOfInterval({ start: startOfYear(displayDate), end: endOfYear(displayDate) });\n    const forceDisabled = useDisabled();\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarMonths, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-months\"\n        >\n            {dates.map((date) => {\n                const isSelected = !!selectedDate && isSameMonth(date, selectedDate);\n                const isCurrentMonth = isSameMonth(date, Date.now());\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        <button\n                            type=\"button\"\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: forceDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isCurrentMonth,\n                                [styles.textUnselected]: !forceDisabled && !isSelected,\n                            })}\n                            onClick={() => onDateSelect?.(date)}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            disabled={forceDisabled}\n                            data-month={format(date, 'yyyy-MM')}\n                            data-qa={classnames('date-picker-month', {\n                                'date-picker-month-disabled': forceDisabled,\n                                'date-picker-month-selected': isSelected,\n                                'date-picker-month-current': isCurrentMonth,\n                            })}\n                        >\n                            {format(date, 'LLLL', { locale })}\n                        </button>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const IntervalMonthPicker: FC<IntervalMonthPickerProps> = ({\n    displayDate,\n    stretched,\n    selectionStart,\n    selectionEnd,\n    onStartSelect,\n    onEndSelect,\n    locale,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachMonthOfInterval({ start: startOfYear(displayDate), end: endOfYear(displayDate) });\n\n    const datesProps = useIntervalPicker({\n        dates,\n        selectionStart: selectionStart && startOfMonth(selectionStart),\n        selectionEnd: selectionEnd && endOfMonth(selectionEnd),\n        onStartSelect,\n        onEndSelect,\n        isEqual: isSameMonth,\n    });\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarMonths, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-months\"\n        >\n            {dates.map((date, index) => {\n                const { isDisabled, isIntervalStart, isIntervalEnd, isSelected, isWithinInterval, mouseHandlers } =\n                    datesProps[index];\n                const isIntervalRowStart = isWithinInterval && !isIntervalStart && index % MONTHS_IN_ROW === 0;\n                const isIntervalRowEnd =\n                    isWithinInterval && !isIntervalEnd && index % MONTHS_IN_ROW === MONTHS_IN_ROW - 1;\n                const isCurrentMonth = isSameMonth(date, Date.now());\n\n                return (\n                    <div\n                        className={classnames(styles.item, {\n                            [styles.itemInterval]: isWithinInterval,\n                            [styles.itemIntervalStart]: isIntervalStart,\n                            [styles.itemIntervalEnd]: isIntervalEnd,\n                            [styles.itemIntervalRowStart]: isIntervalRowStart,\n                            [styles.itemIntervalRowEnd]: isIntervalRowEnd,\n                        })}\n                        key={`${date}`}\n                    >\n                        <button\n                            type=\"button\"\n                            {...mouseHandlers}\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: isDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isCurrentMonth,\n                                [styles.textUnselected]: !isDisabled && !isSelected,\n                            })}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            data-month={format(date, 'yyyy-MM')}\n                            data-qa={classnames('date-picker-month', {\n                                'date-picker-month-disabled': isDisabled,\n                                'date-picker-month-selected': isSelected,\n                                'date-picker-month-current': isCurrentMonth,\n                            })}\n                        >\n                            {format(date, 'LLLL', { locale })}\n                        </button>\n                        {isWithinInterval && <div className={styles.substrate} />}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/StatusDatePicker/MobileStatusDatePickerWithScroll.js

@@ -13,7 +13,7 @@ import { YearPicker } from '../YearPicker.js';
 import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useMobileHorizontalScroll } from '../useMobileHorizontalScroll.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'classnames';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/StatusDatePicker/StatusDatePicker.js

@@ -14,7 +14,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import 'react';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';

package/StatusDatePicker/StatusDayPicker.js

@@ -6,7 +6,7 @@ import { isToday, format, isSameMonth } from 'date-fns';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useModifierDatesFunc } from '../useModifierDatesFunc.js';
 import { useDayPickerDates } from '../utils.js';
-import { s as styles } from '../date-picker-DAswpkAp.js';
+import { s as styles } from '../date-picker-B1s-y5tT.js';
 import '../AsyncDataContext.js';
 import '../useModifierDates.js';
 import 'date-fns/constants';

package/StatusDatePicker/UncontrolledStatusDatePicker.js

@@ -8,7 +8,7 @@ import '@hh.ru/magritte-ui-breakpoint';
 import '../AsyncDataLoader.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
-import '../date-picker-DAswpkAp.js';
+import '../date-picker-B1s-y5tT.js';
 import '../AsyncDataStore.js';
 import '../useModifierDates.js';
 import 'date-fns';

package/Weekdays.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 
 const DAYS = [1, 2, 3, 4, 5, 6, 0];
 const Weekdays = ({ locale, stretched }) => {

package/YearPicker.js

@@ -5,7 +5,7 @@ import { eachYearOfInterval, isSameYear, format, startOfYear, endOfYear } from '
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { useIntervalPicker } from './useIntervalPicker.js';
 import { makeYearsInterval } from './utils.js';
-import { s as styles } from './date-picker-DAswpkAp.js';
+import { s as styles } from './date-picker-B1s-y5tT.js';
 import 'react';
 import 'date-fns/constants';
 
@@ -29,6 +29,7 @@ const YearPicker = ({
         return /* @__PURE__ */ jsx("div", { className: styles.item, children: /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
             className: classnames(styles.text, {
               [styles.textDisabled]: forceDisabled,
               [styles.textSelected]: isSelected,
@@ -86,6 +87,7 @@ const IntervalYearPicker = ({
               /* @__PURE__ */ jsx(
                 "button",
                 {
+                  type: "button",
                   ...mouseHandlers,
                   tabIndex: isFocusAvailable ? void 0 : -1,
                   className: classnames(styles.text, {

package/YearPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearPicker.js","sources":["src/YearPicker.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classnames from 'classnames';\nimport { format, eachYearOfInterval, isSameYear, startOfYear, endOfYear } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { YearPickerProps, IntervalYearPickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useIntervalPicker } from '@hh.ru/magritte-ui-date-picker/useIntervalPicker';\nimport { makeYearsInterval } from '@hh.ru/magritte-ui-date-picker/utils';\n\nimport styles from './date-picker.less';\n\nconst YEARS_IN_ROW = 3;\n\nexport const YearPicker: FC<YearPickerProps> = ({\n    displayDate,\n    selectedDate,\n    onDateSelect,\n    stretched,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachYearOfInterval(makeYearsInterval(displayDate));\n    const forceDisabled = useDisabled();\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarYears, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-years\"\n        >\n            {dates.map((date) => {\n                const isSelected = !!selectedDate && isSameYear(date, selectedDate);\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        <button\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: forceDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isSameYear(date, Date.now()),\n                                [styles.textUnselected]: !forceDisabled && !isSelected,\n                            })}\n                            onClick={() => onDateSelect?.(date)}\n                            disabled={forceDisabled}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                        >\n                            {format(date, 'yyyy')}\n                        </button>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const IntervalYearPicker: FC<IntervalYearPickerProps> = ({\n    displayDate,\n    stretched,\n    selectionStart,\n    selectionEnd,\n    onStartSelect,\n    onEndSelect,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachYearOfInterval(makeYearsInterval(displayDate));\n\n    const datesProps = useIntervalPicker({\n        dates,\n        selectionStart: selectionStart && startOfYear(selectionStart),\n        selectionEnd: selectionEnd && endOfYear(selectionEnd),\n        onStartSelect,\n        onEndSelect,\n        isEqual: isSameYear,\n    });\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarYears, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-years\"\n        >\n            {eachYearOfInterval(makeYearsInterval(displayDate)).map((date, index) => {\n                const { isDisabled, isIntervalStart, isIntervalEnd, isSelected, isWithinInterval, mouseHandlers } =\n                    datesProps[index];\n                const isIntervalRowStart = isWithinInterval && !isIntervalStart && index % YEARS_IN_ROW === 0;\n                const isIntervalRowEnd =\n                    isWithinInterval && !isIntervalEnd && index % YEARS_IN_ROW === YEARS_IN_ROW - 1;\n\n                return (\n                    <div\n                        className={classnames(styles.item, {\n                            [styles.itemInterval]: isWithinInterval,\n                            [styles.itemIntervalStart]: isIntervalStart,\n                            [styles.itemIntervalEnd]: isIntervalEnd,\n                            [styles.itemIntervalRowStart]: isIntervalRowStart,\n                            [styles.itemIntervalRowEnd]: isIntervalRowEnd,\n                        })}\n                        key={`${date}`}\n                    >\n                        <button\n                            {...mouseHandlers}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: isDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isSameYear(date, Date.now()),\n                                [styles.textUnselected]: !isDisabled && !isSelected,\n                            })}\n                        >\n                            {format(date, 'yyyy')}\n                        </button>\n                        {isWithinInterval && <div className={styles.substrate} />}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"YearPicker.js","sources":["src/YearPicker.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classnames from 'classnames';\nimport { format, eachYearOfInterval, isSameYear, startOfYear, endOfYear } from 'date-fns';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { YearPickerProps, IntervalYearPickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useIntervalPicker } from '@hh.ru/magritte-ui-date-picker/useIntervalPicker';\nimport { makeYearsInterval } from '@hh.ru/magritte-ui-date-picker/utils';\n\nimport styles from './date-picker.less';\n\nconst YEARS_IN_ROW = 3;\n\nexport const YearPicker: FC<YearPickerProps> = ({\n    displayDate,\n    selectedDate,\n    onDateSelect,\n    stretched,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachYearOfInterval(makeYearsInterval(displayDate));\n    const forceDisabled = useDisabled();\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarYears, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-years\"\n        >\n            {dates.map((date) => {\n                const isSelected = !!selectedDate && isSameYear(date, selectedDate);\n\n                return (\n                    <div className={styles.item} key={`${date}`}>\n                        <button\n                            type=\"button\"\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: forceDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isSameYear(date, Date.now()),\n                                [styles.textUnselected]: !forceDisabled && !isSelected,\n                            })}\n                            onClick={() => onDateSelect?.(date)}\n                            disabled={forceDisabled}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                        >\n                            {format(date, 'yyyy')}\n                        </button>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const IntervalYearPicker: FC<IntervalYearPickerProps> = ({\n    displayDate,\n    stretched,\n    selectionStart,\n    selectionEnd,\n    onStartSelect,\n    onEndSelect,\n    isFocusAvailable = true,\n}) => {\n    const dates = eachYearOfInterval(makeYearsInterval(displayDate));\n\n    const datesProps = useIntervalPicker({\n        dates,\n        selectionStart: selectionStart && startOfYear(selectionStart),\n        selectionEnd: selectionEnd && endOfYear(selectionEnd),\n        onStartSelect,\n        onEndSelect,\n        isEqual: isSameYear,\n    });\n\n    return (\n        <div\n            className={classnames(styles.calendar, styles.calendarYears, { [styles.stretched]: stretched })}\n            data-qa=\"date-picker-years\"\n        >\n            {eachYearOfInterval(makeYearsInterval(displayDate)).map((date, index) => {\n                const { isDisabled, isIntervalStart, isIntervalEnd, isSelected, isWithinInterval, mouseHandlers } =\n                    datesProps[index];\n                const isIntervalRowStart = isWithinInterval && !isIntervalStart && index % YEARS_IN_ROW === 0;\n                const isIntervalRowEnd =\n                    isWithinInterval && !isIntervalEnd && index % YEARS_IN_ROW === YEARS_IN_ROW - 1;\n\n                return (\n                    <div\n                        className={classnames(styles.item, {\n                            [styles.itemInterval]: isWithinInterval,\n                            [styles.itemIntervalStart]: isIntervalStart,\n                            [styles.itemIntervalEnd]: isIntervalEnd,\n                            [styles.itemIntervalRowStart]: isIntervalRowStart,\n                            [styles.itemIntervalRowEnd]: isIntervalRowEnd,\n                        })}\n                        key={`${date}`}\n                    >\n                        <button\n                            type=\"button\"\n                            {...mouseHandlers}\n                            tabIndex={isFocusAvailable ? undefined : -1}\n                            className={classnames(styles.text, {\n                                [styles.textDisabled]: isDisabled,\n                                [styles.textSelected]: isSelected,\n                                [styles.textToday]: isSameYear(date, Date.now()),\n                                [styles.textUnselected]: !isDisabled && !isSelected,\n                            })}\n                        >\n                            {format(date, 'yyyy')}\n                        </button>\n                        {isWithinInterval && <div className={styles.substrate} />}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/date-picker-B1s-y5tT.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"layout":"magritte-layout___WQLZL_6-2-4","layout-horizontal":"magritte-layout-horizontal___RHMqN_6-2-4","layoutHorizontal":"magritte-layout-horizontal___RHMqN_6-2-4","layout-vertical":"magritte-layout-vertical___Q4III_6-2-4","layoutVertical":"magritte-layout-vertical___Q4III_6-2-4","date-picker":"magritte-date-picker___osO3k_6-2-4","datePicker":"magritte-date-picker___osO3k_6-2-4","date-picker_loading":"magritte-date-picker_loading___oEckY_6-2-4","datePickerLoading":"magritte-date-picker_loading___oEckY_6-2-4","loader":"magritte-loader___npAoS_6-2-4","loading":"magritte-loading___Q08Ci_6-2-4","sticky-wrapper":"magritte-sticky-wrapper___-cscS_6-2-4","stickyWrapper":"magritte-sticky-wrapper___-cscS_6-2-4","infinite-scroll-wrapper":"magritte-infinite-scroll-wrapper___4BFJP_6-2-4","infiniteScrollWrapper":"magritte-infinite-scroll-wrapper___4BFJP_6-2-4","animated":"magritte-animated___R-Rmx_6-2-4","infinite-scroll-item-horizontal":"magritte-infinite-scroll-item-horizontal___eq9oK_6-2-4","infiniteScrollItemHorizontal":"magritte-infinite-scroll-item-horizontal___eq9oK_6-2-4","header-wrapper":"magritte-header-wrapper___w3fTl_6-2-4","headerWrapper":"magritte-header-wrapper___w3fTl_6-2-4","header":"magritte-header___SYp35_6-2-4","header-date-wrapper_center":"magritte-header-date-wrapper_center___6X5Q4_6-2-4","headerDateWrapperCenter":"magritte-header-date-wrapper_center___6X5Q4_6-2-4","header-date-wrapper_left":"magritte-header-date-wrapper_left___hxe8I_6-2-4","headerDateWrapperLeft":"magritte-header-date-wrapper_left___hxe8I_6-2-4","header-date":"magritte-header-date___C28N0_6-2-4","headerDate":"magritte-header-date___C28N0_6-2-4","header-date_active":"magritte-header-date_active___FDSSp_6-2-4","headerDateActive":"magritte-header-date_active___FDSSp_6-2-4","control":"magritte-control___1JqcP_6-2-4","weekdays":"magritte-weekdays___zl5JK_6-2-4","weekday":"magritte-weekday___pDlOC_6-2-4","calendar":"magritte-calendar___X0u7X_6-2-4","calendar_days":"magritte-calendar_days___i0cpU_6-2-4","calendarDays":"magritte-calendar_days___i0cpU_6-2-4","calendar_months":"magritte-calendar_months___t0Vai_6-2-4","calendarMonths":"magritte-calendar_months___t0Vai_6-2-4","calendar_years":"magritte-calendar_years___XUL8j_6-2-4","calendarYears":"magritte-calendar_years___XUL8j_6-2-4","substrate":"magritte-substrate___EC-Ay_6-2-4","item_interval-row-start":"magritte-item_interval-row-start___8AftH_6-2-4","itemIntervalRowStart":"magritte-item_interval-row-start___8AftH_6-2-4","item_interval-start":"magritte-item_interval-start___4AC3w_6-2-4","itemIntervalStart":"magritte-item_interval-start___4AC3w_6-2-4","item_interval-row-end":"magritte-item_interval-row-end___-AIXc_6-2-4","itemIntervalRowEnd":"magritte-item_interval-row-end___-AIXc_6-2-4","item_interval-end":"magritte-item_interval-end___X-E9S_6-2-4","itemIntervalEnd":"magritte-item_interval-end___X-E9S_6-2-4","stretched":"magritte-stretched___KTCV7_6-2-4","item":"magritte-item___U0-5-_6-2-4","text":"magritte-text___pG0UY_6-2-4","text_empty":"magritte-text_empty___4h9m-_6-2-4","textEmpty":"magritte-text_empty___4h9m-_6-2-4","indicatorContainer":"magritte-indicatorContainer___kOpWk_6-2-4","indicator":"magritte-indicator___yy1HA_6-2-4","text_unselected":"magritte-text_unselected___gjuAU_6-2-4","textUnselected":"magritte-text_unselected___gjuAU_6-2-4","text_selected":"magritte-text_selected___a69MP_6-2-4","textSelected":"magritte-text_selected___a69MP_6-2-4","text_disabled":"magritte-text_disabled___I1IYo_6-2-4","textDisabled":"magritte-text_disabled___I1IYo_6-2-4","text_draggable":"magritte-text_draggable___ebUW6_6-2-4","textDraggable":"magritte-text_draggable___ebUW6_6-2-4","text_drag-source":"magritte-text_drag-source___-krSg_6-2-4","textDragSource":"magritte-text_drag-source___-krSg_6-2-4","text_drop-target":"magritte-text_drop-target___mwmCv_6-2-4","textDropTarget":"magritte-text_drop-target___mwmCv_6-2-4","text_today":"magritte-text_today___c3RHg_6-2-4","textToday":"magritte-text_today___c3RHg_6-2-4","item_interval":"magritte-item_interval___RbZXk_6-2-4","itemInterval":"magritte-item_interval___RbZXk_6-2-4","text_holiday":"magritte-text_holiday___532-b_6-2-4","textHoliday":"magritte-text_holiday___532-b_6-2-4","text_active":"magritte-text_active___vNPUG_6-2-4","textActive":"magritte-text_active___vNPUG_6-2-4","text_short-workday":"magritte-text_short-workday___lZl3F_6-2-4","textShortWorkday":"magritte-text_short-workday___lZl3F_6-2-4","text_workday":"magritte-text_workday___2Ok-d_6-2-4","textWorkday":"magritte-text_workday___2Ok-d_6-2-4","text_neutral":"magritte-text_neutral___OA4f9_6-2-4","textNeutral":"magritte-text_neutral___OA4f9_6-2-4","text_positive":"magritte-text_positive___U1G69_6-2-4","textPositive":"magritte-text_positive___U1G69_6-2-4","text_warning":"magritte-text_warning___gNctj_6-2-4","textWarning":"magritte-text_warning___gNctj_6-2-4","text_negative":"magritte-text_negative___LZdIZ_6-2-4","textNegative":"magritte-text_negative___LZdIZ_6-2-4"};
+
+export { styles as s };
+//# sourceMappingURL=date-picker-B1s-y5tT.js.map

package/date-picker-B1s-y5tT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-B1s-y5tT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}