@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

package/universal-date-input/cssm/components/month-input/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InnerMonthInputProps } from "../../types";
+declare const MonthInput: React.ForwardRefExoticComponent<InnerMonthInputProps & React.RefAttributes<HTMLInputElement>>;
+export { MonthInput };

package/universal-date-input/cssm/components/month-input/Component.js

@@ -0,0 +1,51 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('../../../../input/cssm');
+var utils_index = require('../../utils/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var defaultMonth = '01.1900';
+var MonthInput = React.forwardRef(function (props, ref) {
+    var onInputChange = props.onInputChange, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, autoCorrection = props.autoCorrection, clear = props.clear, defaultValue = props.defaultValue, _a = props.value, value = _a === void 0 ? '' : _a, restProps = tslib.__rest(props, ["onInputChange", "onChange", "onClear", "onBlur", "autoCorrection", "clear", "defaultValue", "value"]);
+    var _b = React.useState(value !== null && value !== void 0 ? value : defaultValue), inputValue = _b[0], setInputValue = _b[1];
+    var prevValueProp = React.useRef(value);
+    var lastValidMonth = React.useRef(defaultMonth);
+    // getDerivedStateFromProps
+    if ('value' in props && !(value === prevValueProp.current)) {
+        prevValueProp.current = value;
+        if (!(inputValue === value)) {
+            setInputValue(value);
+            lastValidMonth.current = utils_index.isCompleteMonth(value) ? value : defaultMonth;
+        }
+    }
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        setInputValue(val);
+        var isComplete = utils_index.isCompleteMonth(val);
+        if (val === '' || isComplete) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
+            lastValidMonth.current = isComplete ? val : defaultMonth;
+        }
+    };
+    var handleInputChange = function (event) {
+        changeInputValue(event.target.value, event);
+    };
+    var handleClear = function (event) {
+        changeInputValue('', null);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
+    };
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (autoCorrection && inputValue && !utils_index.isCompleteMonth(inputValue)) {
+            changeInputValue(lastValidMonth.current, null);
+        }
+    };
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { ref: ref, clear: clear && utils_index.isCompleteMonth(inputValue), onClear: handleClear, onBlur: handleBlur, onInput: handleInputChange, value: inputValue, inputMode: 'decimal' })));
+});
+
+exports.MonthInput = MonthInput;

package/universal-date-input/cssm/components/month-input/index.d.ts

@@ -0,0 +1 @@
+export { MonthInput } from "./Component";

package/universal-date-input/cssm/components/month-input/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_monthInput_Component = require('./Component.js');
+
+
+
+exports.MonthInput = components_monthInput_Component.MonthInput;

package/universal-date-input/cssm/consts.js

@@ -20,6 +20,10 @@ var TEMPLATES = {
         segments: ['HH', 'mm'],
         separators: [HOURS_MINUTES_SEPARATOR],
     },
+    month: {
+        segments: ['MM', 'yyyy'],
+        separators: ['.'],
+    },
 };
 var DATE_MAX_VALUES = {
     day: 31,

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -778,7 +778,6 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
-declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -990,7 +989,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/cssm/types.d.ts

@@ -3,7 +3,7 @@ import { ChangeEvent, FocusEvent, ForwardRefExoticComponent, KeyboardEvent, Mous
 import { CalendarProps } from "./index-5712fce2";
 import { InputProps } from "../../input";
 import { PopoverProps } from "../../popover";
-type View = 'date' | 'date-time' | 'date-range' | 'time';
+type View = 'date' | 'date-time' | 'date-range' | 'time' | 'month';
 type DateTemplate = {
     segments: string[];
     separators: string[];
@@ -171,6 +171,29 @@ interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
      */
     onChange?: (value: string) => void;
 }
+interface InnerMonthInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Месяц
+     */
+    value?: string;
+    /**
+     *  Месяц по умолчанию
+     */
+    defaultValue?: string;
+    /**
+     * Автоматическое исправление ввода
+     *  @default true
+     */
+    autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
+    /**
+     * Обработчик изменения значения в инпуте
+     */
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (value: string) => void;
+}
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
     [P in keyof T]?: never;
@@ -207,4 +230,4 @@ type UniversalDateInputConditionalProps = ({
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
-export { View, DateTemplate, DateSegments, BaseUniversalDateInputProps, InnerDateInputProps, InnerDateRangeInputProps, InnerTimeInputProps, UniversalDateInputConditionalProps, UniversalDateInputProps, UniversalDateInputMobileProps, UniversalDateInputDesktopProps };
+export { View, DateTemplate, DateSegments, BaseUniversalDateInputProps, InnerDateInputProps, InnerDateRangeInputProps, InnerTimeInputProps, InnerMonthInputProps, UniversalDateInputConditionalProps, UniversalDateInputProps, UniversalDateInputMobileProps, UniversalDateInputDesktopProps };

package/universal-date-input/cssm/utils/index.d.ts

@@ -7,6 +7,7 @@ declare function formatDateRange(range: {
 }): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
+declare function isCompleteMonth(value?: string): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
 declare function isValidDate({ value, minDate, maxDate, offDays, }: {
     value?: string;
@@ -46,4 +47,4 @@ declare function getUniversalDateInputTestIds(dataTestId: string): {
     error: string;
     hint: string;
 };
-export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteMonth, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/cssm/utils/index.js

@@ -38,6 +38,10 @@ function isCompleteTime(value, withTime) {
         return true;
     return value.length === 5;
 }
+function isCompleteMonth(value) {
+    if (value === void 0) { value = ''; }
+    return value.length === 7;
+}
 function isCompleteDateRange(value) {
     if (value === void 0) { value = ''; }
     return value.length === consts.DATE_RANGE_SEPARATOR.length + consts.DATE_FORMAT.length * 2;
@@ -169,6 +173,7 @@ exports.getUniversalDateInputTestIds = getUniversalDateInputTestIds;
 exports.getValidRange = getValidRange;
 exports.isCompleteDate = isCompleteDate;
 exports.isCompleteDateRange = isCompleteDateRange;
+exports.isCompleteMonth = isCompleteMonth;
 exports.isCompleteTime = isCompleteTime;
 exports.isValidDate = isValidDate;
 exports.parseDateString = parseDateString;

package/universal-date-input/esm/Component.responsive.js

@@ -30,6 +30,7 @@ import './index.module-301ab19d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
@@ -37,5 +38,6 @@ var UniversalDateInput = forwardRef(function (_a, ref) {
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });
+UniversalDateInput.displayName = 'UniversalDateInput';
 
 export { UniversalDateInput };

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -9,6 +9,7 @@ import { HOURS_MINUTES_SEPARATOR, DATE_RANGE_SEPARATOR, DEFAULT_MIN_DATE, DEFAUL
 import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
+import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
 import { s as styles } from '../../index.module-301ab19d.js';
 import '../../mask/plugins.js';
@@ -154,6 +155,8 @@ var BaseUniversalDateInput = forwardRef(function (_a, ref) {
             return (React.createElement(DateRangeInput, __assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) })));
         case 'time':
             return (React.createElement(TimeInput, __assign({ placeholder: "\u0427\u0427".concat(HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs([ref, maskRef, inputRef]) })));
+        case 'month':
+            return (React.createElement(MonthInput, __assign({ placeholder: '\u041C\u041C.\u0413\u0413\u0413\u0413' }, restProps, commonProps, { ref: mergeRefs([ref, maskRef, inputRef]) })));
         default:
             throw new Error('The view prop must be specified');
     }

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -29,4 +29,5 @@ import '../../index.module-301ab19d.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../month-input/Component.js';
 import '../time-input/Component.js';

package/universal-date-input/esm/components/month-input/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InnerMonthInputProps } from "../../types";
+declare const MonthInput: React.ForwardRefExoticComponent<InnerMonthInputProps & React.RefAttributes<HTMLInputElement>>;
+export { MonthInput };

package/universal-date-input/esm/components/month-input/Component.js

@@ -0,0 +1,52 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef, useState, useRef } from 'react';
+import { Input } from '../../../../input/esm';
+import { isCompleteMonth } from '../../utils/index.js';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import 'date-fns/startOfDay';
+import '../../../../shared/esm';
+import '../../consts.js';
+
+var defaultMonth = '01.1900';
+var MonthInput = forwardRef(function (props, ref) {
+    var onInputChange = props.onInputChange, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, autoCorrection = props.autoCorrection, clear = props.clear, defaultValue = props.defaultValue, _a = props.value, value = _a === void 0 ? '' : _a, restProps = __rest(props, ["onInputChange", "onChange", "onClear", "onBlur", "autoCorrection", "clear", "defaultValue", "value"]);
+    var _b = useState(value !== null && value !== void 0 ? value : defaultValue), inputValue = _b[0], setInputValue = _b[1];
+    var prevValueProp = useRef(value);
+    var lastValidMonth = useRef(defaultMonth);
+    // getDerivedStateFromProps
+    if ('value' in props && !(value === prevValueProp.current)) {
+        prevValueProp.current = value;
+        if (!(inputValue === value)) {
+            setInputValue(value);
+            lastValidMonth.current = isCompleteMonth(value) ? value : defaultMonth;
+        }
+    }
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        setInputValue(val);
+        var isComplete = isCompleteMonth(val);
+        if (val === '' || isComplete) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
+            lastValidMonth.current = isComplete ? val : defaultMonth;
+        }
+    };
+    var handleInputChange = function (event) {
+        changeInputValue(event.target.value, event);
+    };
+    var handleClear = function (event) {
+        changeInputValue('', null);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
+    };
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (autoCorrection && inputValue && !isCompleteMonth(inputValue)) {
+            changeInputValue(lastValidMonth.current, null);
+        }
+    };
+    return (React.createElement(Input, __assign({}, restProps, { ref: ref, clear: clear && isCompleteMonth(inputValue), onClear: handleClear, onBlur: handleBlur, onInput: handleInputChange, value: inputValue, inputMode: 'decimal' })));
+});
+
+export { MonthInput };

package/universal-date-input/esm/components/month-input/index.d.ts

@@ -0,0 +1 @@
+export { MonthInput } from "./Component";

package/universal-date-input/esm/components/month-input/index.js

@@ -0,0 +1,12 @@
+export { MonthInput } from './Component.js';
+import 'tslib';
+import 'react';
+import '../../../../input/esm';
+import '../../utils/index.js';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import 'date-fns/startOfDay';
+import '../../../../shared/esm';
+import '../../consts.js';

package/universal-date-input/esm/consts.js

@@ -18,6 +18,10 @@ var TEMPLATES = {
         segments: ['HH', 'mm'],
         separators: [HOURS_MINUTES_SEPARATOR],
     },
+    month: {
+        segments: ['MM', 'yyyy'],
+        separators: ['.'],
+    },
 };
 var DATE_MAX_VALUES = {
     day: 31,

package/universal-date-input/esm/desktop/Component.desktop.js

@@ -29,6 +29,7 @@ import '../index.module-301ab19d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';
 
 var UniversalDateInputDesktop = forwardRef(function (props, ref) { return (React.createElement(BaseUniversalDateInput, __assign({}, props, { ref: ref, breakpoint: 1, platform: 'desktop', defaultMatchMediaValue: true }))); });

package/universal-date-input/esm/desktop/index.js

@@ -30,4 +30,5 @@ import '../index.module-301ab19d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -778,7 +778,6 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
-declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -990,7 +989,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/esm/index.js

@@ -31,4 +31,5 @@ import './index.module-301ab19d.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import './components/month-input/Component.js';
 import './components/time-input/Component.js';

package/universal-date-input/esm/mobile/Component.mobile.js

@@ -29,6 +29,7 @@ import '../index.module-301ab19d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';
 
 var UniversalDateInputMobile = forwardRef(function (props, ref) { return (React.createElement(BaseUniversalDateInput, __assign({}, props, { ref: ref, breakpoint: 10000, platform: 'mobile', defaultMatchMediaValue: false }))); });

package/universal-date-input/esm/mobile/index.js

@@ -30,4 +30,5 @@ import '../index.module-301ab19d.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';

package/universal-date-input/esm/types.d.ts

@@ -3,7 +3,7 @@ import { ChangeEvent, FocusEvent, ForwardRefExoticComponent, KeyboardEvent, Mous
 import { CalendarProps } from "./index-5712fce2";
 import { InputProps } from "../../input";
 import { PopoverProps } from "../../popover";
-type View = 'date' | 'date-time' | 'date-range' | 'time';
+type View = 'date' | 'date-time' | 'date-range' | 'time' | 'month';
 type DateTemplate = {
     segments: string[];
     separators: string[];
@@ -171,6 +171,29 @@ interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
      */
     onChange?: (value: string) => void;
 }
+interface InnerMonthInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Месяц
+     */
+    value?: string;
+    /**
+     *  Месяц по умолчанию
+     */
+    defaultValue?: string;
+    /**
+     * Автоматическое исправление ввода
+     *  @default true
+     */
+    autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
+    /**
+     * Обработчик изменения значения в инпуте
+     */
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (value: string) => void;
+}
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
     [P in keyof T]?: never;
@@ -207,4 +230,4 @@ type UniversalDateInputConditionalProps = ({
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
-export { View, DateTemplate, DateSegments, BaseUniversalDateInputProps, InnerDateInputProps, InnerDateRangeInputProps, InnerTimeInputProps, UniversalDateInputConditionalProps, UniversalDateInputProps, UniversalDateInputMobileProps, UniversalDateInputDesktopProps };
+export { View, DateTemplate, DateSegments, BaseUniversalDateInputProps, InnerDateInputProps, InnerDateRangeInputProps, InnerTimeInputProps, InnerMonthInputProps, UniversalDateInputConditionalProps, UniversalDateInputProps, UniversalDateInputMobileProps, UniversalDateInputDesktopProps };

package/universal-date-input/esm/utils/index.d.ts

@@ -7,6 +7,7 @@ declare function formatDateRange(range: {
 }): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
+declare function isCompleteMonth(value?: string): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
 declare function isValidDate({ value, minDate, maxDate, offDays, }: {
     value?: string;
@@ -46,4 +47,4 @@ declare function getUniversalDateInputTestIds(dataTestId: string): {
     error: string;
     hint: string;
 };
-export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteMonth, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/esm/utils/index.js

@@ -28,6 +28,10 @@ function isCompleteTime(value, withTime) {
         return true;
     return value.length === 5;
 }
+function isCompleteMonth(value) {
+    if (value === void 0) { value = ''; }
+    return value.length === 7;
+}
 function isCompleteDateRange(value) {
     if (value === void 0) { value = ''; }
     return value.length === DATE_RANGE_SEPARATOR.length + DATE_FORMAT.length * 2;
@@ -153,4 +157,4 @@ function getUniversalDateInputTestIds(dataTestId) {
     };
 }
 
-export { formatDate, formatDateRange, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };
+export { formatDate, formatDateRange, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteMonth, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };

package/universal-date-input/index-5712fce2.d.ts

@@ -778,7 +778,6 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
-declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -990,7 +989,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/modern/Component.responsive.js

@@ -29,11 +29,13 @@ import './index.module-e41df9ff.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
 const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });
+UniversalDateInput.displayName = 'UniversalDateInput';
 
 export { UniversalDateInput };

package/universal-date-input/modern/components/base-universal-date-input/Component.js

@@ -8,6 +8,7 @@ import { HOURS_MINUTES_SEPARATOR, DATE_RANGE_SEPARATOR, DEFAULT_MIN_DATE, DEFAUL
 import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
+import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
 import { s as styles } from '../../index.module-e41df9ff.js';
 import '../../mask/plugins.js';
@@ -146,6 +147,8 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
             return (React.createElement(DateRangeInput, { placeholder: `ДД.ММ.ГГГГ${DATE_RANGE_SEPARATOR}ДД.ММ.ГГГГ`, ...restProps, ...commonProps, ...pickerProps, open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
         case 'time':
             return (React.createElement(TimeInput, { placeholder: `ЧЧ${HOURS_MINUTES_SEPARATOR}ММ`, ...restProps, ...commonProps, ref: mergeRefs([ref, maskRef, inputRef]) }));
+        case 'month':
+            return (React.createElement(MonthInput, { placeholder: '\u041C\u041C.\u0413\u0413\u0413\u0413', ...restProps, ...commonProps, ref: mergeRefs([ref, maskRef, inputRef]) }));
         default:
             throw new Error('The view prop must be specified');
     }

package/universal-date-input/modern/components/base-universal-date-input/index.js

@@ -28,4 +28,5 @@ import '../../index.module-e41df9ff.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../month-input/Component.js';
 import '../time-input/Component.js';

package/universal-date-input/modern/components/month-input/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InnerMonthInputProps } from "../../types";
+declare const MonthInput: React.ForwardRefExoticComponent<InnerMonthInputProps & React.RefAttributes<HTMLInputElement>>;
+export { MonthInput };

package/universal-date-input/modern/components/month-input/Component.js

@@ -0,0 +1,51 @@
+import React, { forwardRef, useState, useRef } from 'react';
+import { Input } from '../../../../input/modern';
+import { isCompleteMonth } from '../../utils/index.js';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import 'date-fns/startOfDay';
+import '../../../../shared/modern';
+import '../../consts.js';
+
+const defaultMonth = '01.1900';
+const MonthInput = forwardRef((props, ref) => {
+    const { onInputChange, onChange, onClear, onBlur, autoCorrection, clear, defaultValue, value = '', ...restProps } = props;
+    const [inputValue, setInputValue] = useState(value ?? defaultValue);
+    const prevValueProp = useRef(value);
+    const lastValidMonth = useRef(defaultMonth);
+    // getDerivedStateFromProps
+    if ('value' in props && !(value === prevValueProp.current)) {
+        prevValueProp.current = value;
+        if (!(inputValue === value)) {
+            setInputValue(value);
+            lastValidMonth.current = isCompleteMonth(value) ? value : defaultMonth;
+        }
+    }
+    const changeInputValue = (val, event) => {
+        onInputChange?.(event, { value: val });
+        setInputValue(val);
+        const isComplete = isCompleteMonth(val);
+        if (val === '' || isComplete) {
+            onChange?.(val);
+            lastValidMonth.current = isComplete ? val : defaultMonth;
+        }
+    };
+    const handleInputChange = (event) => {
+        changeInputValue(event.target.value, event);
+    };
+    const handleClear = (event) => {
+        changeInputValue('', null);
+        onClear?.(event);
+    };
+    const handleBlur = (event) => {
+        onBlur?.(event);
+        if (autoCorrection && inputValue && !isCompleteMonth(inputValue)) {
+            changeInputValue(lastValidMonth.current, null);
+        }
+    };
+    return (React.createElement(Input, { ...restProps, ref: ref, clear: clear && isCompleteMonth(inputValue), onClear: handleClear, onBlur: handleBlur, onInput: handleInputChange, value: inputValue, inputMode: 'decimal' }));
+});
+
+export { MonthInput };

package/universal-date-input/modern/components/month-input/index.d.ts

@@ -0,0 +1 @@
+export { MonthInput } from "./Component";

package/universal-date-input/modern/components/month-input/index.js

@@ -0,0 +1,11 @@
+export { MonthInput } from './Component.js';
+import 'react';
+import '../../../../input/modern';
+import '../../utils/index.js';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import 'date-fns/startOfDay';
+import '../../../../shared/modern';
+import '../../consts.js';

package/universal-date-input/modern/consts.js

@@ -18,6 +18,10 @@ const TEMPLATES = {
         segments: ['HH', 'mm'],
         separators: [HOURS_MINUTES_SEPARATOR],
     },
+    month: {
+        segments: ['MM', 'yyyy'],
+        separators: ['.'],
+    },
 };
 const DATE_MAX_VALUES = {
     day: 31,

package/universal-date-input/modern/desktop/Component.desktop.js

@@ -28,6 +28,7 @@ import '../index.module-e41df9ff.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';
 
 const UniversalDateInputDesktop = forwardRef((props, ref) => (React.createElement(BaseUniversalDateInput, { ...props, ref: ref, breakpoint: 1, platform: 'desktop', defaultMatchMediaValue: true })));

package/universal-date-input/modern/desktop/index.js

@@ -29,4 +29,5 @@ import '../index.module-e41df9ff.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
+import '../components/month-input/Component.js';
 import '../components/time-input/Component.js';