@alfalab/core-components 44.7.0-beta.1 → 45.0.0

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

@@ -9,37 +9,43 @@ import 'date-fns/parse';
 import '../../../../shared/modern';
 
 const defaultTime = `00${HOURS_MINUTES_SEPARATOR}00`;
-const TimeInput = forwardRef(({ autoCorrection, value: valueProp, defaultValue, onChange, onComplete, onBlur, ...restProps }, ref) => {
-    const [value, setValue] = useState(defaultValue);
+const TimeInput = forwardRef(({ autoCorrection, value: valueProp, defaultValue, clear, onClear, onChange, onInputChange, onBlur, ...restProps }, ref) => {
+    const [inputValue, setInputValue] = useState(defaultValue);
     const lastValidTime = useRef(defaultTime);
-    const uncontrolled = valueProp === undefined;
-    const inputValue = value ?? valueProp ?? '';
     useEffect(() => {
         if (autoCorrection && !inputValue) {
             lastValidTime.current = defaultTime;
         }
     }, [autoCorrection, inputValue]);
-    const callOnComplete = (val) => {
-        onComplete?.(val);
+    useEffect(() => {
+        if (valueProp !== undefined) {
+            setInputValue(valueProp);
+        }
+    }, [valueProp]);
+    const callOnChange = (val) => {
+        onChange?.(val);
         lastValidTime.current = val;
     };
-    const changeValue = (val, event) => {
-        onChange?.(event, { value: val });
-        if (uncontrolled)
-            setValue(val);
-        if (isCompleteTime(val, true))
-            callOnComplete(val);
+    const changeInputValue = (val, event) => {
+        onInputChange?.(event, { value: val });
+        setInputValue(val);
+        if (val === '' || isCompleteTime(val, true))
+            callOnChange(val);
+    };
+    const handleInputChange = (event) => {
+        changeInputValue(event.target.value, event);
     };
-    const handleChange = (event) => {
-        changeValue(event.target.value, event);
+    const handleClear = (event) => {
+        changeInputValue('', null);
+        onClear?.(event);
     };
     const handleBlur = (event) => {
         onBlur?.(event);
         if (autoCorrection && inputValue && !isCompleteTime(inputValue, true)) {
-            changeValue(lastValidTime.current, null);
+            changeInputValue(lastValidTime.current, null);
         }
     };
-    return (React.createElement(Input, { ...restProps, onBlur: handleBlur, onInput: handleChange, ref: ref, value: inputValue, inputMode: 'decimal' }));
+    return (React.createElement(Input, { ...restProps, clear: clear && isCompleteTime(inputValue, true), onClear: valueProp === undefined ? handleClear : onClear, onBlur: handleBlur, onInput: handleInputChange, ref: ref, value: inputValue, inputMode: 'decimal' }));
 });
 
 export { TimeInput };

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

@@ -24,8 +24,9 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8770f09a.js';
+import '../index.module-6ac35d87.js';
 import '../components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
 

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

@@ -25,7 +25,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8770f09a.js';
+import '../index.module-6ac35d87.js';
 import '../components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

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

@@ -383,9 +383,10 @@ declare const BaseModalContext: React.Context<BaseModalContext>;
 type ModalDesktopProps = BaseModalProps & {
     /**
      * Ширина модального окна
-     * @default "m"
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | "fullscreen";
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140;
     /**
      * Растягивает модальное окно на весь экран
      * @deprecated Используйте размер fullscreen
@@ -704,7 +705,7 @@ declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, sele
     };
 };
 declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
@@ -714,6 +715,17 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const Content: FC<ContentProps>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    fullscreen: string;
+    500: string;
+    600: string;
+    800: string;
+    1140: string;
+};
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -950,7 +962,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, stackingOrder, StackingContext, StackProps, Stack, 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, 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/{index-c241b310.d.ts → index-61e2321e.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export { Button } from "./Component.responsive-71043c62";
-export type { ButtonProps } from "./typings-c241b310";
+export type { ButtonProps } from "./typings-61e2321e";

package/universal-date-input/modern/index-71043c62.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps } from "./typings-c241b310";
+import { CommonButtonProps } from "./typings-61e2321e";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-c241b310";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-61e2321e";

package/universal-date-input/modern/index.css

@@ -1,5 +1,5 @@
 /* hash: 1cc2v */
-:root {
+: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;
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);

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

@@ -26,7 +26,8 @@ import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-8770f09a.js';
+import './index.module-6ac35d87.js';
 import './components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

package/universal-date-input/modern/mobile/Component.mobile.d.ts

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

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

@@ -24,8 +24,9 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8770f09a.js';
+import '../index.module-6ac35d87.js';
 import '../components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';
 

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

@@ -25,7 +25,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-8770f09a.js';
+import '../index.module-6ac35d87.js';
 import '../components/date-range-input/Component.js';
+import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import '../components/time-input/Component.js';

package/universal-date-input/modern/shared/index.d.ts

@@ -1 +1,2 @@
-export { getUniversalDateInputTestIds } from "../utils/index";
+export { getUniversalDateInputTestIds, formatDate, parseDateString, formatDateRange } from "../utils/index";
+export { DATE_RANGE_SEPARATOR, DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT } from "../consts";

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

@@ -1,7 +1,7 @@
-export { getUniversalDateInputTestIds } from '../utils/index.js';
+export { formatDate, formatDateRange, getUniversalDateInputTestIds, parseDateString } from '../utils/index.js';
+export { DATE_FORMAT, DATE_RANGE_SEPARATOR, DATE_TIME_FORMAT, DATE_TIME_SEPARATOR } from '../consts.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import '../../../shared/modern';
-import '../consts.js';

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

@@ -15,16 +15,12 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef' | 'dataTestId' | 'value' | 'defaultValue'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: boolean;
-    /**
-     *  Значение инпута
-     */
-    value?: string;
     /**
      * Минимальная дата, доступная для выбора (timestamp)
      */
@@ -74,9 +70,9 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
      */
     onPickerClick?: (event: MouseEvent) => void;
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+    onInputChange?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
         value: string;
     }) => void;
     /**
@@ -86,6 +82,14 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wra
     dataTestId?: string;
 }
 interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'> {
+    /**
+     *  Дата
+     */
+    value?: Date | number | null;
+    /**
+     *  Дата по умолчанию
+     */
+    defaultValue?: Date | number;
     /**
      * Флаг, открыт ли календарь
      */
@@ -112,35 +116,60 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
         onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
     };
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, date: Date) => void;
+    onChange?: (date: Date | null, value: string) => void;
 }
-interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onComplete'> {
+interface InnerDateRangeInputProps extends Omit<InnerDateInputProps, 'onChange' | 'value' | 'defaultValue'> {
+    /**
+     *  Диапазон дат
+     */
+    value?: {
+        dateFrom: Date | number | null;
+        dateTo: Date | number | null;
+    };
+    /**
+     *  Диапазон дат по умолчанию
+     */
+    defaultValue?: {
+        dateFrom: Date | number;
+        dateTo: Date | number;
+    };
     /**
      * Тип выбора границ в календаре
      * @default clarification
      */
     rangeBehavior?: 'clarification' | 'reset';
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string, dateFrom: Date, dateTo: Date) => void;
+    onChange?: (range: {
+        dateFrom: Date | null;
+        dateTo: Date | null;
+    }, value: string) => void;
 }
 interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
+    /**
+     *  Время
+     */
+    value?: string;
+    /**
+     *  Время по умолчанию
+     */
+    defaultValue?: string;
     /**
      * Автоматическое исправление ввода
      *  @default true
      */
     autoCorrection?: BaseUniversalDateInputProps['autoCorrection'];
     /**
-     * Обработчик изменения значения
+     * Обработчик изменения значения в инпуте
      */
-    onChange?: BaseUniversalDateInputProps['onChange'];
+    onInputChange?: BaseUniversalDateInputProps['onInputChange'];
     /**
-     * Обработчик окончания ввода
+     * Обработчик изменения значения
      */
-    onComplete?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
@@ -153,28 +182,28 @@ type NoPickerProps = Never<WithPickerRequiredProps> & Never<WithPickerProps>;
 type UniversalDateInputConditionalProps = ({
     view: 'date';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker: true;
-} & WithPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & WithPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-time';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker: true;
-} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName' | 'rangeBehavior'>) | ({
+} & WithPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'rangeBehavior' | 'value' | 'defaultValue'>) | ({
     view: 'date-range';
     picker?: false;
-} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onComplete' | 'wrapperClassName'>) | ({
+} & NoPickerProps & Pick<InnerDateRangeInputProps, 'onChange' | 'wrapperClassName' | 'value' | 'defaultValue'>) | ({
     view: 'time';
     picker?: never;
     minDate?: never;
     maxDate?: never;
     Calendar?: never;
-} & Pick<InnerTimeInputProps, 'onComplete'>);
+} & Pick<InnerTimeInputProps, 'onChange' | 'value' | 'defaultValue'>);
 type UniversalDateInputProps = Omit<BaseUniversalDateInputProps, PrivateProps | keyof WithPickerProps> & UniversalDateInputConditionalProps;
 type UniversalDateInputMobileProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;
 type UniversalDateInputDesktopProps = Omit<UniversalDateInputProps, 'breakpoint' | 'defaultMatchMediaValue'> & UniversalDateInputConditionalProps;

package/universal-date-input/modern/typings-61e2321e.d.ts

@@ -0,0 +1,114 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Форма кнопки
+     * @default rectangular
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Ширина текстового контента
+     * @default hug
+     */
+    textResizing?: 'fill' | 'hug';
+    /**
+     *  Подпись под лейблом (видна только в размерах >= m)
+     */
+    hint?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default 56
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для спиннера используется модификатор -loader
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PrivateButtonProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap: StyleColors;
+};
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

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

@@ -1,6 +1,10 @@
 import { SyntheticEvent } from 'react';
 declare function parseDateString(value: string, format?: string): Date;
 declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare function formatDateRange(range: {
+    dateFrom: Date | number;
+    dateTo: Date | number;
+}): string;
 declare function isCompleteDate(value?: string): boolean;
 declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
 declare function isCompleteDateRange(value?: string): boolean;
@@ -42,4 +46,4 @@ declare function getUniversalDateInputTestIds(dataTestId: string): {
     error: string;
     hint: string;
 };
-export { parseDateString, formatDate, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

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

@@ -9,6 +9,9 @@ function parseDateString(value, format = DATE_FORMAT) {
     return parse(value, format, new Date());
 }
 const formatDate = (date, dateFormat = DATE_FORMAT) => dateFnsFormat(date, dateFormat);
+function formatDateRange(range) {
+    return formatDate(range.dateFrom) + DATE_RANGE_SEPARATOR + formatDate(range.dateTo);
+}
 function isCompleteDate(value = '') {
     return value.length === DATE_FORMAT.length;
 }
@@ -137,4 +140,4 @@ function getUniversalDateInputTestIds(dataTestId) {
     };
 }
 
-export { formatDate, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };
+export { formatDate, formatDateRange, getUniversalDateInputTestIds, getValidRange, isCompleteDate, isCompleteDateRange, isCompleteTime, isValidDate, parseDateString, preventDefault, updateRange };

package/universal-date-input/shared/index.d.ts

@@ -1 +1,2 @@
-export { getUniversalDateInputTestIds } from "../utils/index";
+export { getUniversalDateInputTestIds, formatDate, parseDateString, formatDateRange } from "../utils/index";
+export { DATE_RANGE_SEPARATOR, DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT } from "../consts";

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

@@ -1,7 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_index = require('../utils/index.js');
+var consts = require('../consts.js');
 
 
 
+exports.formatDate = utils_index.formatDate;
+exports.formatDateRange = utils_index.formatDateRange;
 exports.getUniversalDateInputTestIds = utils_index.getUniversalDateInputTestIds;
+exports.parseDateString = utils_index.parseDateString;
+exports.DATE_FORMAT = consts.DATE_FORMAT;
+exports.DATE_RANGE_SEPARATOR = consts.DATE_RANGE_SEPARATOR;
+exports.DATE_TIME_FORMAT = consts.DATE_TIME_FORMAT;
+exports.DATE_TIME_SEPARATOR = consts.DATE_TIME_SEPARATOR;