@alfalab/core-components 46.1.0 → 46.2.0

package/universal-date-input/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/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');
+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/components/month-input/index.d.ts

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

package/universal-date-input/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/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/Component.responsive.js

@@ -14,5 +14,6 @@ var UniversalDateInput = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });
+UniversalDateInput.displayName = 'UniversalDateInput';
 
 exports.UniversalDateInput = UniversalDateInput;

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

@@ -11,6 +11,7 @@ var consts = require('../../consts.js');
 var mask_index = require('../../mask/index.js');
 var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
+var components_monthInput_Component = require('../month-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
 var styles = require('../../index.module.css');
 
@@ -147,6 +148,8 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
             return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
             return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+        case 'month':
+            return (React__default.default.createElement(components_monthInput_Component.MonthInput, tslib.__assign({ placeholder: '\u041C\u041C.\u0413\u0413\u0413\u0413' }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:
             throw new Error('The view prop must be specified');
     }

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/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

@@ -26,10 +26,11 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-8bf154b7.js';
+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,8 +9,9 @@ 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-8bf154b7.js';
+import { s as styles } from '../../index.module-301ab19d.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';
@@ -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

@@ -25,8 +25,9 @@ import '../date-input/Component.js';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-8bf154b7.js';
+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/date-input/Component.js

@@ -9,7 +9,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-8bf154b7.js';
+import { s as styles } from '../../index.module-301ab19d.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

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

@@ -15,4 +15,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-8bf154b7.js';
+import '../../index.module-301ab19d.js';

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

@@ -11,7 +11,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-8bf154b7.js';
+import { s as styles } from '../../index.module-301ab19d.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

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

@@ -17,4 +17,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-8bf154b7.js';
+import '../../index.module-301ab19d.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

@@ -25,10 +25,11 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8bf154b7.js';
+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

@@ -26,8 +26,9 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8bf154b7.js';
+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.css

@@ -1,4 +1,4 @@
-/* hash: kwumi */
+/* hash: bhw1i */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -43,27 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_162zu {
+} .universal-date-input__wrapper_11dyh {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_162zu {
+} .universal-date-input__block_11dyh {
     width: 100%;
-} .universal-date-input__calendarIcon_162zu {
+} .universal-date-input__calendarIcon_11dyh {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_162zu {
+} .universal-date-input__calendarContainer_11dyh {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_162zu {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_11dyh {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_162zu.universal-date-input__blink_162zu.universal-date-input__blink_162zu {
+    } .universal-date-input__blink_11dyh.universal-date-input__blink_11dyh.universal-date-input__blink_11dyh {
     background-color: var(--color-light-status-muted-negative);
 }

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

@@ -27,8 +27,9 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-8bf154b7.js';
+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.module-301ab19d.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_11dyh","block":"universal-date-input__block_11dyh","calendarIcon":"universal-date-input__calendarIcon_11dyh","calendarContainer":"universal-date-input__calendarContainer_11dyh","blink":"universal-date-input__blink_11dyh"};
+require('./index.css');
+
+export { styles as s };

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

@@ -25,10 +25,11 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8bf154b7.js';
+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

@@ -26,8 +26,9 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8bf154b7.js';
+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 };