@alfalab/core-components 42.14.1 → 43.0.0

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

@@ -9,7 +9,7 @@ import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-3aaabfad.js';
+import { s as styles } from '../../index.module-bb403b25.js';
 import 'date-fns/clamp';
 import 'date-fns/getDaysInMonth';
 import 'date-fns/isValid';
@@ -33,6 +33,7 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
     const [open, setOpen] = useState(false);
     const inputRef = useRef(null);
     const calendarRef = useRef(null);
+    const inputWrapperRef = useRef(null);
     const maskOptions = useMemo(() => createMaskOptions(view, startOfDay(minDate), endOfDay(maxDate), autoCorrection, handleCorrection), [view, minDate, maxDate, autoCorrection]);
     const maskRef = useMaskito({ options: maskOptions });
     useEffect(() => {
@@ -80,7 +81,9 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
         }
         onKeyDown?.(event);
     };
-    const handleClick = () => {
+    const handleClick = (event) => {
+        if (!inputWrapperRef.current?.contains(event.target))
+            return;
         if (platform === 'desktop') {
             if (!open)
                 openCalendar();
@@ -95,7 +98,9 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
             openCalendar();
         }
     };
-    const handleFocus = () => {
+    const handleFocus = (event) => {
+        if (!inputWrapperRef.current?.contains(event.target))
+            return;
         if (platform === 'desktop')
             openCalendar();
     };
@@ -135,9 +140,9 @@ const BaseUniversalDateInput = forwardRef(({ autoCorrection = true, minDate = DE
     switch (view) {
         case 'date':
         case 'date-time':
-            return (React.createElement(DateInput, { placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ', ...restProps, ...commonProps, ...pickerProps, withTime: view === 'date-time', open: open, calendarRef: calendarRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
+            return (React.createElement(DateInput, { placeholder: view === 'date-time' ? 'ДД.ММ.ГГГГ, ЧЧ:ММ' : 'ДД.ММ.ГГГГ', ...restProps, ...commonProps, ...pickerProps, withTime: view === 'date-time', open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
         case 'date-range':
-            return (React.createElement(DateRangeInput, { placeholder: `ДД.ММ.ГГГГ${DATE_RANGE_SEPARATOR}ДД.ММ.ГГГГ`, ...restProps, ...commonProps, ...pickerProps, open: open, calendarRef: calendarRef, ref: mergeRefs([ref, maskRef, inputRef]) }));
+            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]) }));
         default:

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

@@ -18,7 +18,7 @@ import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-3aaabfad.js';
+import '../../index.module-bb403b25.js';
 import '../date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import '../time-input/Component.js';

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

@@ -7,13 +7,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, DATE_TIME_FORMAT, DATE_FORMAT } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, preventDefault, isCompleteDate, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-3aaabfad.js';
+import { s as styles } from '../../index.module-bb403b25.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, defaultValue, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, picker, rightAddons, Calendar, calendarProps = {}, platform, calendarRef, onComplete, onChange, onBlur, onCalendarClose, onPickerClick, error, popoverProps, dataTestId, wrapperClassName, wrapperHandlers, block, withTime, breakpoint, ...restProps }, ref) => {
+const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWrapperRef: inputWrapperRefProp = null, defaultValue, minDate = DEFAULT_MIN_DATE, maxDate = DEFAULT_MAX_DATE, picker, rightAddons, Calendar, calendarProps = {}, platform, calendarRef, onComplete, onChange, onBlur, onCalendarClose, onPickerClick, error, popoverProps, dataTestId, wrapperClassName, wrapperHandlers, block, withTime, breakpoint, ...restProps }, ref) => {
     const [value, setValue] = useState(defaultValue);
     const lastValidDate = useRef('');
     const inputRef = useRef(null);
@@ -92,7 +92,7 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, defaultV
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
-        React.createElement(Input, { ...restProps, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: inputWrapperRef, ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, { ...restProps, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) }),
         platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));

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

@@ -11,5 +11,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-3aaabfad.js';
+import '../../index.module-bb403b25.js';
 import '../../utils/index.js';

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

@@ -8,13 +8,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, preventDefault, isCompleteDate, isCompleteDateRange, updateRange, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-3aaabfad.js';
+import { s as styles } from '../../index.module-bb403b25.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassName, open, onCalendarClose, value: valueProp, defaultValue, onComplete, onChange, onBlur, Calendar, wrapperHandlers, calendarRef, calendarProps = {}, minDate = DEFAULT_MAX_DATE, maxDate = DEFAULT_MIN_DATE, block, dataTestId, error, popoverProps, rightAddons, picker, platform, onPickerClick, rangeBehavior = 'clarification', ...restProps }, ref) => {
+const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassName, open, onCalendarClose, value: valueProp, defaultValue, inputWrapperRef: inputWrapperRefProp = null, onComplete, onChange, onBlur, Calendar, wrapperHandlers, calendarRef, calendarProps = {}, minDate = DEFAULT_MAX_DATE, maxDate = DEFAULT_MIN_DATE, block, dataTestId, error, popoverProps, rightAddons, picker, platform, onPickerClick, rangeBehavior = 'clarification', ...restProps }, ref) => {
     const [value, setValue] = useState(defaultValue);
     const [calendarMonth, setCalendarMonth] = useState(calendarProps.defaultMonth);
     const lastValidRange = useRef('');
@@ -95,7 +95,7 @@ const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassNam
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
-        React.createElement(Input, { ...restProps, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: inputWrapperRef, ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
+        React.createElement(Input, { ...restProps, dataTestId: dataTestId, breakpoint: breakpoint, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) }),
         platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));

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

@@ -12,5 +12,5 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../index.module-3aaabfad.js';
+import '../../index.module-bb403b25.js';
 import '../../utils/index.js';

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

@@ -0,0 +1,2 @@
+export { UniversalDateInputDesktop } from "../Component.desktop";
+export type { UniversalDateInputDesktopProps } from "../types";

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

@@ -0,0 +1,31 @@
+export { UniversalDateInputDesktop } from '../Component.desktop.js';
+import 'react';
+import '../components/base-universal-date-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/react';
+import 'classnames';
+import 'date-fns/endOfDay';
+import 'date-fns/startOfDay';
+import '../consts.js';
+import 'date-fns/clamp';
+import 'date-fns/getDaysInMonth';
+import 'date-fns/isValid';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import '../components/date-input/Component.js';
+import '../../../input/modern';
+import '../../../popover/modern';
+import '../../../shared/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import '../index.module-bb403b25.js';
+import '../components/date-range-input/Component.js';
+import 'date-fns/startOfMonth';
+import '../components/time-input/Component.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
+import '../utils/index.js';

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

@@ -275,6 +275,10 @@ type BaseModalProps = {
      * Дополнительный класс
      */
     contentClassName?: string;
+    /**
+     * Дополнительные пропсы на dialog wrapper
+     */
+    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Дополнительные пропсы на обертку контента
      */
@@ -757,7 +761,7 @@ type TextBaseProps = {
     /**
      * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
      */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps";
     /**
      * Цвет текста
      */

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export * from "./Component-69921c40";
+export * from "./Component-b19f9e89";

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

@@ -1,9 +1,9 @@
-/* hash: 1ulup */
+/* hash: 1252l */
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-negative-muted: #fbe8e7;
-    --color-light-border-secondary: #e9e9eb;
-    --color-light-graphic-primary: #0e0e0e; /* 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 */
+    --color-light-bg-negative-muted: #ffebeb;
+    --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* 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 { /* 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 {
 } :root {
@@ -43,31 +43,31 @@
 
     /* marker */
 } :root {
-    --calendar-icon-color: var(--color-light-graphic-primary);
+    --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_f4r95 {
+} .universal-date-input__wrapper_vpujt {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_f4r95 {
+} .universal-date-input__block_vpujt {
     width: 100%;
-} .universal-date-input__calendarIcon_f4r95 {
+} .universal-date-input__calendarIcon_vpujt {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
     margin-right: var(--gap-s-neg);
     padding-right: var(--gap-s);
-} .universal-date-input__calendarContainer_f4r95 {
+} .universal-date-input__calendarContainer_vpujt {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
-    border: 1px solid var(--color-light-border-secondary);
+    border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_f4r95 {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_vpujt {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_f4r95.universal-date-input__blink_f4r95.universal-date-input__blink_f4r95 {
+    } .universal-date-input__blink_vpujt.universal-date-input__blink_vpujt.universal-date-input__blink_vpujt {
     background-color: var(--color-light-bg-negative-muted);
 }

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

@@ -20,7 +20,7 @@ import '../../input/modern';
 import '../../popover/modern';
 import '../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-3aaabfad.js';
+import './index.module-bb403b25.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';

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

@@ -0,0 +1,4 @@
+const styles = {"wrapper":"universal-date-input__wrapper_vpujt","block":"universal-date-input__block_vpujt","calendarIcon":"universal-date-input__calendarIcon_vpujt","calendarContainer":"universal-date-input__calendarContainer_vpujt","blink":"universal-date-input__blink_vpujt"};
+require('./index.css');
+
+export { styles as s };

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

@@ -0,0 +1,2 @@
+export { UniversalDateInputMobile } from "../Component.mobile";
+export type { UniversalDateInputMobileProps } from "../types";

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

@@ -0,0 +1,31 @@
+export { UniversalDateInputMobile } from '../Component.mobile.js';
+import 'react';
+import '../components/base-universal-date-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/react';
+import 'classnames';
+import 'date-fns/endOfDay';
+import 'date-fns/startOfDay';
+import '../consts.js';
+import 'date-fns/clamp';
+import 'date-fns/getDaysInMonth';
+import 'date-fns/isValid';
+import 'date-fns/differenceInDays';
+import 'date-fns/format';
+import 'date-fns/isSameDay';
+import 'date-fns/parse';
+import '../components/date-input/Component.js';
+import '../../../input/modern';
+import '../../../popover/modern';
+import '../../../shared/modern';
+import '@alfalab/icons-glyph/CalendarMIcon';
+import '../index.module-bb403b25.js';
+import '../components/date-range-input/Component.js';
+import 'date-fns/startOfMonth';
+import '../components/time-input/Component.js';
+import '../mask/index.js';
+import '../mask/plugins.js';
+import '../mask/utils.js';
+import '../mask/postprocessors.js';
+import '../mask/preprocessors.js';
+import '../utils/index.js';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChangeEvent, FocusEvent, ForwardRefExoticComponent, KeyboardEvent, MouseEvent, PropsWithoutRef, RefAttributes, RefObject } from 'react';
 import { CalendarProps } from "./index-5712fce2";
 import { InputProps } from "../../input";
@@ -14,7 +15,7 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
@@ -56,6 +57,10 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
      * Пропсы поповера
      */
     popoverProps?: PopoverProps;
+    /**
+     * Ref для обертки input
+     */
+    inputWrapperRef?: React.Ref<HTMLDivElement> | null;
     /**
      *  Обработчик открытия календаря
      */
@@ -132,7 +137,7 @@ interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
      */
     onComplete?: (value: string) => void;
 }
-type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'wrapperHandlers' | 'onPickerClick';
+type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
     [P in keyof T]?: never;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChangeEvent, FocusEvent, ForwardRefExoticComponent, KeyboardEvent, MouseEvent, PropsWithoutRef, RefAttributes, RefObject } from 'react';
 import { CalendarProps } from "./index-5712fce2";
 import { InputProps } from "../input";
@@ -14,7 +15,7 @@ type DateSegments<T = string> = {
     hours: T;
     minutes: T;
 };
-interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
+interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange' | 'wrapperRef'> {
     /**
      * Автоматическое исправление ввода
      *  @default true
@@ -56,6 +57,10 @@ interface BaseUniversalDateInputProps extends Omit<InputProps, 'onChange'> {
      * Пропсы поповера
      */
     popoverProps?: PopoverProps;
+    /**
+     * Ref для обертки input
+     */
+    inputWrapperRef?: React.Ref<HTMLDivElement> | null;
     /**
      *  Обработчик открытия календаря
      */
@@ -132,7 +137,7 @@ interface InnerTimeInputProps extends Omit<InputProps, 'onChange'> {
      */
     onComplete?: (value: string) => void;
 }
-type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'wrapperHandlers' | 'onPickerClick';
+type PrivateProps = 'platform' | 'withTime' | 'open' | 'calendarRef' | 'inputWrapperRef' | 'wrapperHandlers' | 'onPickerClick';
 type Never<T> = {
     [P in keyof T]?: never;
 };