@alfalab/core-components-date-input 4.4.20 → 5.0.0-snapshot-6a9d3fc

package/moderncssm/Component.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent } from "react";
-import { InputProps } from "@alfalab/core-components-input";
-type DateInputProps = Omit<InputProps, 'onChange'> & {
+import React, { ChangeEvent } from 'react';
+import { InputProps } from '@alfalab/core-components-input';
+export declare type DateInputProps = Omit<InputProps, 'onChange'> & {
     /**
      * Управление нативным режимом на мобильных устройствах
      */
@@ -26,7 +24,7 @@ type DateInputProps = Omit<InputProps, 'onChange'> & {
  * @deprecated
  * use UniversalDateInput instead
  */
-declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
     /**
      * Управление нативным режимом на мобильных устройствах
      */
@@ -46,4 +44,3 @@ declare const DateInput: React.ForwardRefExoticComponent<Omit<InputProps, "onCha
         value: string;
     }) => void) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { DateInputProps, DateInput };

package/moderncssm/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '@alfalab/core-components-input/moderncssm';
-import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
+import { format, parseDateString, isCompleteDateInput, isValid, formatDate, NATIVE_DATE_FORMAT } from './utils/format.js';
 import { isInputDateSupported } from './utils/native-supports.js';
 import styles from './index.module.css';
 
@@ -91,3 +91,4 @@ function getDotsCount(value) {
 }
 
 export { DateInput };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, FocusEvent, forwardRef, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport {\n    format,\n    formatDate,\n    isCompleteDateInput,\n    isInputDateSupported,\n    isValid,\n    NATIVE_DATE_FORMAT,\n    parseDateString,\n} from './utils';\n\nimport styles from './index.module.css';\n\nexport type DateInputProps = Omit<InputProps, 'onChange'> & {\n    /**\n     * Управление нативным режимом на мобильных устройствах\n     */\n    mobileMode?: 'input' | 'native';\n\n    /**\n     * Обработчик изменения значения\n     */\n    onChange?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { date: Date; value: string },\n    ) => void;\n\n    /**\n     * Обработчик окончания ввода\n     */\n    onComplete?: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: { date: Date; value: string },\n    ) => void;\n};\n\n/**\n * @deprecated\n * use UniversalDateInput instead\n */\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(\n    (\n        {\n            mobileMode = 'input',\n            defaultValue = '',\n            rightAddons,\n            error,\n            value: propValue,\n            onBlur,\n            onChange,\n            onComplete,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const [shouldRenderNative, setShouldRenderNative] = useState(false);\n\n        const [value, setValue] = useState(propValue || defaultValue);\n\n        const moveCaretTo = (pos: number) => {\n            requestAnimationFrame(() => {\n                inputRef.current?.setSelectionRange(pos, pos);\n            });\n        };\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const { value: newValue } = event.target;\n            const caretPos = event.target.selectionStart || 0;\n\n            // Позволяем вводить только цифры и точки\n            if (/[^\\d.]/.test(newValue)) {\n                moveCaretTo(caretPos - 1);\n\n                return;\n            }\n\n            // Не даем вводить больше, чем 2 точки\n            if (getDotsCount(newValue) > 2) {\n                moveCaretTo(caretPos - 1);\n\n                return;\n            }\n\n            // Форматируем введенное значение (добавляем точки)\n            const formattedValue = format(newValue);\n            const date = parseDateString(formattedValue);\n\n            // Управляем кареткой, если она находится не в конце инпута\n            if (caretPos !== newValue.length) {\n                if (formattedValue === value) {\n                    moveCaretTo(caretPos);\n                } else if (newValue.length - formattedValue.length === 1) {\n                    moveCaretTo(caretPos);\n                } else if (\n                    formattedValue.length - newValue.length === 1 &&\n                    getDotsCount(formattedValue) > getDotsCount(newValue)\n                ) {\n                    moveCaretTo(caretPos);\n                }\n            }\n\n            setValue(formattedValue);\n\n            if (onChange) onChange(event, { date, value: formattedValue });\n\n            if (isCompleteDateInput(formattedValue)) {\n                const valid = formattedValue.length > 0 && isValid(formattedValue);\n\n                if (!valid) return;\n\n                if (onComplete) onComplete(event, { date, value: formattedValue });\n            }\n        };\n\n        const handleNativeInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n            const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);\n            const newValue = event.target.value === '' ? '' : formatDate(newDate);\n\n            setValue(newValue);\n\n            if (onComplete) onComplete(event, { date: newDate, value: newValue });\n            if (onChange) onChange(event, { date: newDate, value: newValue });\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n            if (onBlur) onBlur(event);\n        };\n\n        useEffect(() => {\n            if (mobileMode === 'native' && isInputDateSupported()) {\n                setShouldRenderNative(true);\n            }\n        }, [mobileMode]);\n\n        useEffect(() => {\n            if (typeof propValue !== 'undefined') {\n                setValue(propValue);\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [propValue]);\n\n        return (\n            <Input\n                {...restProps}\n                ref={mergeRefs([ref, inputRef])}\n                value={value}\n                inputMode='decimal'\n                pattern='[0-9\\.]*'\n                onChange={handleChange}\n                onBlur={handleBlur}\n                placeholder='ДД.ММ.ГГГГ'\n                error={error}\n                rightAddons={\n                    <React.Fragment>\n                        {rightAddons}\n\n                        {shouldRenderNative && (\n                            <input\n                                type='date'\n                                ref={ref}\n                                defaultValue={defaultValue}\n                                onChange={handleNativeInputChange}\n                                className={styles.nativeInput}\n                            />\n                        )}\n                    </React.Fragment>\n                }\n            />\n        );\n    },\n);\n\nfunction getDotsCount(value: string) {\n    return (value.match(/\\./g) || []).length;\n}\n"],"names":[],"mappings":"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"}

package/moderncssm/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component";
-export * from "./utils/index";
+export * from './Component';
+export * from './utils';

package/moderncssm/index.js

@@ -1,3 +1,4 @@
 export { DateInput } from './Component.js';
 export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
 export { isInputDateSupported } from './utils/native-supports.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

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

package/moderncssm/index.module.css

@@ -1,5 +1,3 @@
-/* */
-
 .nativeInput {
     opacity: 0;
     position: absolute;
@@ -7,7 +5,9 @@
     left: var(--gap-0);
     width: 100%;
     height: 100%;
-    appearance: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
     z-index: 1
 }
 

package/moderncssm/utils/format.d.ts

@@ -1,9 +1,8 @@
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const DATE_MASK: (string | RegExp)[];
-declare const isCompleteDateInput: (input: string) => boolean;
-declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare const isValid: (inputValue?: string) => boolean;
-declare const format: (value: string) => string;
-export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const isCompleteDateInput: (input: string) => boolean;
+export declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+export declare const isValid: (inputValue?: string) => boolean;
+export declare const format: (value: string) => string;

package/moderncssm/utils/format.js

@@ -28,3 +28,4 @@ const format = (value) => value
     .replace(/^()\.(\d)\.(\d\d\d\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005
 
 export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString };
+//# sourceMappingURL=format.js.map

package/moderncssm/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../src/utils/format.ts"],"sourcesContent":["import dateFnsFormat from 'date-fns/format';\nimport dateFnsIsValid from 'date-fns/isValid';\nimport parse from 'date-fns/parse';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';\nexport const DATE_MASK = [/\\d/, /\\d/, '.', /\\d/, /\\d/, '.', /\\d/, /\\d/, /\\d/, /\\d/];\n\nexport const isCompleteDateInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const formatDate = (date: Date | number, dateFormat = DATE_FORMAT) =>\n    dateFnsFormat(date, dateFormat);\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\nexport const isValid = (inputValue?: string) =>\n    !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid(parseDateString(inputValue)));\n\nexport const format = (value: string): string =>\n    value\n        .replace(/^(\\d\\d)(\\d)$/, '$1.$2') // 121 => 12.1\n        .replace(/^(\\d\\d)\\.(\\d\\d)(\\d)$/, '$1.$2.$3') // 12.122 => 12.12.2\n        .replace(/^(\\d\\d)\\d\\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d)\\d\\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d).*/, '$1') // 12.12.20056 => 12.12.2005\n        .replace(/\\.$/, '') // 12. => 12\n        .replace(/^(\\d\\d\\.\\d\\d)(\\d\\d\\d\\d)/, '$1.$2') // 12.122005 => 12.12.2005\n        .replace(/^(\\d\\d)(\\d\\d\\.\\d\\d\\d\\d)/, '$1.$2') // 1212.2005 => 12.12.2005\n        .replace(/^(\\d\\.\\d\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005\n        .replace(/^(\\d\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005\n        .replace(/^(\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005\n        .replace(/^(\\d)\\.(\\d\\d)([0-9]*)\\.(\\d\\d\\d\\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005\n        .replace(/^(\\d\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005\n        .replace(/^(\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005\n        .replace(/^()\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005\n        .replace(/^()\\.(\\d)\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005\n"],"names":[],"mappings":";;;;AAIO,MAAM,WAAW,GAAG;AACpB,MAAM,kBAAkB,GAAG;AACrB,MAAA,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAErE,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAK,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;AAEpE,MAAA,UAAU,GAAG,CAAC,IAAmB,EAAE,UAAU,GAAG,WAAW,KACpE,aAAa,CAAC,IAAI,EAAE,UAAU;MAErB,eAAe,GAAG,CAAC,KAAa,EAAE,UAAU,GAAG,WAAW,KACnE,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE;AAE1B,MAAA,OAAO,GAAG,CAAC,UAAmB,KACvC,CAAC,UAAU,KAAK,mBAAmB,CAAC,UAAU,CAAC,IAAI,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;MAErF,MAAM,GAAG,CAAC,KAAa,KAChC;AACK,KAAA,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC;AAChC,KAAA,OAAO,CAAC,sBAAsB,EAAE,UAAU,CAAC;AAC3C,KAAA,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;AACnC,KAAA,OAAO,CAAC,uBAAuB,EAAE,OAAO,CAAC;AACzC,KAAA,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC;AAC1C,KAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAClB,KAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,KAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,KAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,KAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,KAAA,OAAO,CAAC,6BAA6B,EAAE,IAAI,CAAC;AAC5C,KAAA,OAAO,CAAC,mCAAmC,EAAE,UAAU,CAAC;AACxD,KAAA,OAAO,CAAC,iCAAiC,EAAE,UAAU,CAAC;AACtD,KAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC;AACpD,KAAA,OAAO,CAAC,6BAA6B,EAAE,UAAU,CAAC;AAClD,KAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,EAAE;;;;"}

package/moderncssm/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./format";
-export * from "./native-supports";
+export * from './format';
+export * from './native-supports';

package/moderncssm/utils/index.js

@@ -1,2 +1,3 @@
 export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './format.js';
 export { isInputDateSupported } from './native-supports.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/utils/index.js.map

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

package/moderncssm/utils/native-supports.d.ts

@@ -1,5 +1,4 @@
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
  */
-declare function isInputDateSupported(): boolean;
-export { isInputDateSupported };
+export declare function isInputDateSupported(): boolean;

package/moderncssm/utils/native-supports.js

@@ -10,3 +10,4 @@ function isInputDateSupported() {
 }
 
 export { isInputDateSupported };
+//# sourceMappingURL=native-supports.js.map

package/moderncssm/utils/native-supports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-supports.js","sources":["../../src/utils/native-supports.ts"],"sourcesContent":["/**\n * Возвращает `true`, если поддерживается `input[type=\"date\"]`\n */\nexport function isInputDateSupported() {\n    const input = document.createElement('input');\n    const value = 'a';\n\n    input.setAttribute('type', 'date');\n    input.setAttribute('value', value);\n\n    return input.value !== value;\n}\n"],"names":[],"mappings":"AAAA;;AAEG;SACa,oBAAoB,GAAA;IAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;IAC7C,MAAM,KAAK,GAAG,GAAG;AAEjB,IAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;AAClC,IAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;AAElC,IAAA,OAAO,KAAK,CAAC,KAAK,KAAK,KAAK;AAChC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-input",
-    "version": "4.4.20",
+    "version": "5.0.0-snapshot-6a9d3fc",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,14 +12,15 @@
     },
     "sideEffects": false,
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^15.6.2",
+        "@alfalab/core-components-input": "16.0.0-snapshot-6a9d3fc",
         "date-fns": "^2.16.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.4",
-    "varsVersion": "9.20.1"
+    "themesVersion": "14.0.0-snapshot-6a9d3fc",
+    "varsVersion": "10.0.0-snapshot-6a9d3fc"
 }

package/utils/format.d.ts

@@ -1,9 +1,8 @@
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const DATE_MASK: (string | RegExp)[];
-declare const isCompleteDateInput: (input: string) => boolean;
-declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare const isValid: (inputValue?: string) => boolean;
-declare const format: (value: string) => string;
-export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString, isValid, format };
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const isCompleteDateInput: (input: string) => boolean;
+export declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+export declare const isValid: (inputValue?: string) => boolean;
+export declare const format: (value: string) => string;

package/utils/format.js

@@ -55,3 +55,4 @@ exports.formatDate = formatDate;
 exports.isCompleteDateInput = isCompleteDateInput;
 exports.isValid = isValid;
 exports.parseDateString = parseDateString;
+//# sourceMappingURL=format.js.map

package/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../src/utils/format.ts"],"sourcesContent":["import dateFnsFormat from 'date-fns/format';\nimport dateFnsIsValid from 'date-fns/isValid';\nimport parse from 'date-fns/parse';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';\nexport const DATE_MASK = [/\\d/, /\\d/, '.', /\\d/, /\\d/, '.', /\\d/, /\\d/, /\\d/, /\\d/];\n\nexport const isCompleteDateInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const formatDate = (date: Date | number, dateFormat = DATE_FORMAT) =>\n    dateFnsFormat(date, dateFormat);\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\nexport const isValid = (inputValue?: string) =>\n    !inputValue || (isCompleteDateInput(inputValue) && dateFnsIsValid(parseDateString(inputValue)));\n\nexport const format = (value: string): string =>\n    value\n        .replace(/^(\\d\\d)(\\d)$/, '$1.$2') // 121 => 12.1\n        .replace(/^(\\d\\d)\\.(\\d\\d)(\\d)$/, '$1.$2.$3') // 12.122 => 12.12.2\n        .replace(/^(\\d\\d)\\d\\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d)\\d\\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005\n        .replace(/^(\\d\\d\\.\\d\\d\\.\\d\\d\\d\\d).*/, '$1') // 12.12.20056 => 12.12.2005\n        .replace(/\\.$/, '') // 12. => 12\n        .replace(/^(\\d\\d\\.\\d\\d)(\\d\\d\\d\\d)/, '$1.$2') // 12.122005 => 12.12.2005\n        .replace(/^(\\d\\d)(\\d\\d\\.\\d\\d\\d\\d)/, '$1.$2') // 1212.2005 => 12.12.2005\n        .replace(/^(\\d\\.\\d\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.12.2005123123 => 01.12.2005\n        .replace(/^(\\d\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 01.2.20055125125 => 01.2.2005\n        .replace(/^(\\d\\.\\d\\.\\d\\d\\d\\d)([0-9]*)/, '$1') // 1.2.20055125125 => 1.2.2005\n        .replace(/^(\\d)\\.(\\d\\d)([0-9]*)\\.(\\d\\d\\d\\d)/, '$1.$2.$4') // 1.123123.2005 => 1.12.2005\n        .replace(/^(\\d\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 01..2005123123 => 01..2005\n        .replace(/^(\\d)\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // 1..2005123123 => 1..2005\n        .replace(/^()\\.()\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3') // ..2005123123 => ..2005\n        .replace(/^()\\.(\\d)\\.(\\d\\d\\d\\d)([0-9]*)/, '$1.$2.$3'); // .2.2005123123 => .2.2005\n"],"names":["dateFnsFormat","parse","dateFnsIsValid"],"mappings":";;;;;;;;;;;;;;AAIO,IAAM,WAAW,GAAG;AACpB,IAAM,kBAAkB,GAAG;AACrB,IAAA,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAErE,IAAA,mBAAmB,GAAG,UAAC,KAAa,EAAK,EAAA,OAAA,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAA;AAE1E,IAAA,UAAU,GAAG,UAAC,IAAmB,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;AACpE,IAAA,OAAAA,8BAAa,CAAC,IAAI,EAAE,UAAU,CAAC;AAA/B;AAES,IAAA,eAAe,GAAG,UAAC,KAAa,EAAE,UAAwB,EAAA;AAAxB,IAAA,IAAA,UAAA,KAAA,MAAA,EAAA,EAAA,UAAwB,GAAA,WAAA,CAAA;IACnE,OAAAC,sBAAK,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC;AAApC;AAEG,IAAM,OAAO,GAAG,UAAC,UAAmB,EAAA;AACvC,IAAA,OAAA,CAAC,UAAU,KAAK,mBAAmB,CAAC,UAAU,CAAC,IAAIC,+BAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AAA/F;AAEG,IAAM,MAAM,GAAG,UAAC,KAAa,EAAA;AAChC,IAAA,OAAA;AACK,SAAA,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC;AAChC,SAAA,OAAO,CAAC,sBAAsB,EAAE,UAAU,CAAC;AAC3C,SAAA,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;AACnC,SAAA,OAAO,CAAC,uBAAuB,EAAE,OAAO,CAAC;AACzC,SAAA,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC;AAC1C,SAAA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAClB,SAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,SAAA,OAAO,CAAC,yBAAyB,EAAE,OAAO,CAAC;AAC3C,SAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,SAAA,OAAO,CAAC,+BAA+B,EAAE,IAAI,CAAC;AAC9C,SAAA,OAAO,CAAC,6BAA6B,EAAE,IAAI,CAAC;AAC5C,SAAA,OAAO,CAAC,mCAAmC,EAAE,UAAU,CAAC;AACxD,SAAA,OAAO,CAAC,iCAAiC,EAAE,UAAU,CAAC;AACtD,SAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC;AACpD,SAAA,OAAO,CAAC,6BAA6B,EAAE,UAAU,CAAC;AAClD,SAAA,OAAO,CAAC,+BAA+B,EAAE,UAAU,CAAC;AAhBzD,EAgB0D;;;;;;;;;;;"}

package/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./format";
-export * from "./native-supports";
+export * from './format';
+export * from './native-supports';

package/utils/index.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils_format = require('./format.js');
-var utils_nativeSupports = require('./native-supports.js');
+var format = require('./format.js');
+var nativeSupports = require('./native-supports.js');
 
 
 
-exports.DATE_FORMAT = utils_format.DATE_FORMAT;
-exports.DATE_MASK = utils_format.DATE_MASK;
-exports.NATIVE_DATE_FORMAT = utils_format.NATIVE_DATE_FORMAT;
-exports.format = utils_format.format;
-exports.formatDate = utils_format.formatDate;
-exports.isCompleteDateInput = utils_format.isCompleteDateInput;
-exports.isValid = utils_format.isValid;
-exports.parseDateString = utils_format.parseDateString;
-exports.isInputDateSupported = utils_nativeSupports.isInputDateSupported;
+exports.DATE_FORMAT = format.DATE_FORMAT;
+exports.DATE_MASK = format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = format.NATIVE_DATE_FORMAT;
+exports.format = format.format;
+exports.formatDate = format.formatDate;
+exports.isCompleteDateInput = format.isCompleteDateInput;
+exports.isValid = format.isValid;
+exports.parseDateString = format.parseDateString;
+exports.isInputDateSupported = nativeSupports.isInputDateSupported;
+//# sourceMappingURL=index.js.map

package/utils/index.js.map

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

package/utils/native-supports.d.ts

@@ -1,5 +1,4 @@
 /**
  * Возвращает `true`, если поддерживается `input[type="date"]`
  */
-declare function isInputDateSupported(): boolean;
-export { isInputDateSupported };
+export declare function isInputDateSupported(): boolean;

package/utils/native-supports.js

@@ -14,3 +14,4 @@ function isInputDateSupported() {
 }
 
 exports.isInputDateSupported = isInputDateSupported;
+//# sourceMappingURL=native-supports.js.map

package/utils/native-supports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-supports.js","sources":["../src/utils/native-supports.ts"],"sourcesContent":["/**\n * Возвращает `true`, если поддерживается `input[type=\"date\"]`\n */\nexport function isInputDateSupported() {\n    const input = document.createElement('input');\n    const value = 'a';\n\n    input.setAttribute('type', 'date');\n    input.setAttribute('value', value);\n\n    return input.value !== value;\n}\n"],"names":[],"mappings":";;;;AAAA;;AAEG;SACa,oBAAoB,GAAA;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;IAC7C,IAAM,KAAK,GAAG,GAAG;AAEjB,IAAA,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;AAClC,IAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;AAElC,IAAA,OAAO,KAAK,CAAC,KAAK,KAAK,KAAK;AAChC;;;;"}