@epam/uui 5.7.2 → 5.8.0

package/components/buttons/Button.d.ts

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import * as uuiComponents from '@epam/uui-components';
+import { Overwrite } from '@epam/uui-core';
 import { ControlSize } from '../types';
 type ButtonMods = {
     /**
@@ -15,17 +17,18 @@ type ButtonMods = {
      * Defines component color.
      * @default 'primary'
      */
-    color?: 'accent' | 'primary' | 'critical' | 'secondary' | 'neutral';
+    color?: 'accent' | 'primary' | 'critical' | 'secondary' | 'neutral' | 'white';
 };
+export interface ButtonModsOverride {
+}
 /** Represents the 'Core properties' for the Button component. */
 export type ButtonCoreProps = uuiComponents.ButtonProps;
 /** Represents the props for a Button component. */
-export type ButtonProps = ButtonMods & ButtonCoreProps;
-export declare const Button: (props: import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
+export type ButtonProps = ButtonCoreProps & Overwrite<ButtonMods, ButtonModsOverride>;
+export declare const Button: import("react").ComponentType<import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
     onClear?(e?: any): void;
     clearIcon?: import("@epam/uui-core").Icon;
-    captionCX?: import("@epam/uui-core").ClassValue;
     dropdownIcon?: import("@epam/uui-core").Icon;
-} & ButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+} & Omit<ButtonMods, never> & ButtonModsOverride & import("react").RefAttributes<any>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/components/buttons/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,KAAK,UAAU,GAAG;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,CAAC;AAYvD,eAAO,MAAM,MAAM;;;;;8IAalB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAY,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,KAAK,UAAU,GAAG;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;CACjF,CAAC;AACF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,SAAS,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;AAYtF,eAAO,MAAM,MAAM;;;;sFASlB,CAAC"}

package/components/buttons/IconButton.d.ts

@@ -1,10 +1,12 @@
+/// <reference types="react" />
 import * as uuiComponents from '@epam/uui-components';
+import { Overwrite } from '@epam/uui-core';
 interface IconButtonMods {
     /**
      * Defines component color.
      * @default 'neutral'
      */
-    color?: 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'neutral';
+    color?: 'info' | 'success' | 'error' | 'primary' | 'accent' | 'critical' | 'warning' | 'secondary' | 'neutral' | 'white';
 }
 /** Represents the Core properties of the IconButton component. */
 export type IconButtonCoreProps = Omit<uuiComponents.IconButtonProps, 'size'> & {
@@ -13,13 +15,15 @@ export type IconButtonCoreProps = Omit<uuiComponents.IconButtonProps, 'size'> &
      */
     size?: '18' | '24' | '30' | '36';
 };
+export interface IconButtonModsOverride {
+}
 /** Represents the properties of the IconButton component. */
-export type IconButtonProps = IconButtonCoreProps & IconButtonMods;
-export declare const IconButton: (props: Omit<uuiComponents.IconButtonProps, "size"> & {
+export type IconButtonProps = IconButtonCoreProps & Overwrite<IconButtonMods, IconButtonModsOverride>;
+export declare const IconButton: import("react").ComponentType<Omit<uuiComponents.IconButtonProps, "size"> & {
     /**
      * Defines component size.
      */
     size?: '18' | '24' | '30' | '36';
-} & IconButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+} & Omit<IconButtonMods, never> & IconButtonModsOverride & import("react").RefAttributes<any>>;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/components/buttons/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAKtD,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CAC9E;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAMnE,eAAO,MAAM,UAAU;IAbnB;;OAEG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;kJAmBnC,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAY,SAAS,EAAa,MAAM,gBAAgB,CAAC;AAIhE,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;CAC5H;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAC5E;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,sBAAsB;CAAG;AAE1C,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,SAAS,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC;AAMtG,eAAO,MAAM,UAAU;IAfnB;;OAEG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;8FA8BnC,CAAC"}

package/components/buttons/LinkButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
+import { Icon, IDropdownToggler, IHasCaption, IHasIcon, Overwrite } from '@epam/uui-core';
 import { ClickableComponentProps } from '@epam/uui-components';
 import * as types from '../types';
 interface LinkButtonMods {
@@ -7,15 +7,10 @@ interface LinkButtonMods {
      * Defines component color.
      * @default 'primary'
      */
-    color?: 'primary' | 'secondary' | 'contrast';
+    color?: 'primary' | 'secondary' | 'accent' | 'critical' | 'white' | 'contrast';
 }
 /** Represents the Core properties of the LinkButton component. */
 export type LinkButtonCoreProps = ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
-    /**
-     * CSS classes to put on the caption
-     * @deprecated
-     * */
-    captionCX?: CX;
     /** Icon for drop-down toggler */
     dropdownIcon?: Icon;
     /**
@@ -24,14 +19,11 @@ export type LinkButtonCoreProps = ClickableComponentProps & IDropdownToggler & I
      */
     size?: types.ControlSize | '42';
 };
+export interface LinkButtonModsOverride {
+}
 /** Represents the properties of the LinkButton component. */
-export type LinkButtonProps = LinkButtonCoreProps & LinkButtonMods;
+export type LinkButtonProps = LinkButtonCoreProps & Overwrite<LinkButtonMods, LinkButtonModsOverride>;
 export declare const LinkButton: React.ForwardRefExoticComponent<import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
-    /**
-     * CSS classes to put on the caption
-     * @deprecated
-     * */
-    captionCX?: CX;
     /** Icon for drop-down toggler */
     dropdownIcon?: Icon;
     /**
@@ -39,6 +31,6 @@ export declare const LinkButton: React.ForwardRefExoticComponent<import("@epam/u
      * @default '36'
      */
     size?: types.ControlSize | '42';
-} & LinkButtonMods & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<LinkButtonMods, never> & LinkButtonModsOverride & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=LinkButton.d.ts.map

package/components/buttons/LinkButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAQlC,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAChD;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IACpG;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAYnE,eAAO,MAAM,UAAU;IA3BnB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB;;;OAGG;WACI,MAAM,WAAW,GAAG,IAAI;gFAmDjC,CAAC"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAc,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjH,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAQlC,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;CAClF;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IACpG,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,sBAAsB;CAAG;AAE1C,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,SAAS,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC;AAYtG,eAAO,MAAM,UAAU;IAxBnB,iCAAiC;mBAClB,IAAI;IACnB;;;OAGG;WACI,MAAM,WAAW,GAAG,IAAI;sHA2DjC,CAAC"}

package/components/buttons/TabButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
+import { Icon, IDropdownToggler, IHasCaption, IHasIcon, Overwrite } from '@epam/uui-core';
 import { ClickableComponentProps } from '@epam/uui-components';
 type TabButtonMods = {
     /**
@@ -10,32 +10,24 @@ type TabButtonMods = {
     /** Defines is the component showing Notify */
     withNotify?: boolean;
 };
+export interface TabButtonModsOverride {
+}
 /** Represents the properties of a TabButton component. */
-export type TabButtonProps = TabButtonMods & ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
+export type TabButtonProps = Overwrite<TabButtonMods, TabButtonModsOverride> & ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
     /** Call to clear toggler value */
     onClear?(e?: any): void;
     /** Icon for clear value button (usually cross) */
     clearIcon?: Icon;
-    /**
-     * CSS classes to put on the caption
-     * @deprecated
-     * */
-    captionCX?: CX;
     /** Icon for drop-down toggler */
     dropdownIcon?: Icon;
     /** Count value to be placed in component */
     count?: React.ReactNode;
 };
-export declare const TabButton: React.ForwardRefExoticComponent<TabButtonMods & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
+export declare const TabButton: React.ForwardRefExoticComponent<Omit<TabButtonMods, never> & TabButtonModsOverride & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
     /** Call to clear toggler value */
     onClear?(e?: any): void;
     /** Icon for clear value button (usually cross) */
     clearIcon?: Icon;
-    /**
-     * CSS classes to put on the caption
-     * @deprecated
-     * */
-    captionCX?: CX;
     /** Icon for drop-down toggler */
     dropdownIcon?: Icon;
     /** Count value to be placed in component */

package/components/buttons/TabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAA0B,MAAM,gBAAgB,CAAC;AAC1H,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAMzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IAC/G,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAYF,eAAO,MAAM,SAAS;IAzBlB,kCAAkC;iBACrB,GAAG,GAAG,IAAI;IACvB,kDAAkD;gBACtC,IAAI;IAChB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;iFAiEzB,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAA0B,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtH,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAMzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,qBAAqB;CAAG;AAEzC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC,aAAa,EAAE,qBAAqB,CAAC,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IACjJ,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,SAAS;IAVlB,kCAAkC;iBACrB,GAAG,GAAG,IAAI;IACvB,kDAAkD;gBACtC,IAAI;IAChB,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;iFA0DzB,CAAC"}

package/components/buttons/VerticalTabButton.d.ts

@@ -1,14 +1,14 @@
+/// <reference types="react" />
 import { TabButtonProps } from './TabButton';
 /** Represents the properties of a VerticalTabButton component. */
 export type VerticalTabButtonProps = TabButtonProps;
-export declare const VerticalTabButton: (props: {
+export declare const VerticalTabButton: import("react").ComponentType<Omit<{
     size?: "36" | "48" | "60";
     withNotify?: boolean;
-} & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
+}, never> & import("./TabButton").TabButtonModsOverride & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
     onClear?(e?: any): void;
     clearIcon?: import("@epam/uui-core").Icon;
-    captionCX?: import("@epam/uui-core").ClassValue;
     dropdownIcon?: import("@epam/uui-core").Icon;
     count?: import("react").ReactNode;
-} & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+} & import("react").RefAttributes<any>>;
 //# sourceMappingURL=VerticalTabButton.d.ts.map

package/components/buttons/VerticalTabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;iIAA0E,CAAC"}
+{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;uCAAkG,CAAC"}

package/components/datePickers/Calendar.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { CalendarProps } from '@epam/uui-components';
-import { Dayjs } from 'dayjs';
+import { Dayjs } from '../../helpers/dayJsHelper';
 export declare function applyDateSelectionMods(): string[];
-export declare const Calendar: (props: CalendarProps<Dayjs> & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const Calendar: import("react").ComponentType<CalendarProps<Dayjs> & import("react").RefAttributes<any>>;
 //# sourceMappingURL=Calendar.d.ts.map

package/components/datePickers/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../components/datePickers/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,wBAAgB,sBAAsB,aAErC;AAED,eAAO,MAAM,QAAQ,8JAAsE,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../components/datePickers/Calendar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAA2B,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,wBAAgB,sBAAsB,aAErC;AAED,eAAO,MAAM,QAAQ,0FAA4F,CAAC"}

package/components/datePickers/CalendarPresets.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { CalendarPresetsProps } from '@epam/uui-components';
 export declare function applyCalendarPresetsMods(): string[];
-export declare const CalendarPresets: (props: CalendarPresetsProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const CalendarPresets: import("react").ComponentType<CalendarPresetsProps & import("react").RefAttributes<any>>;
 //# sourceMappingURL=CalendarPresets.d.ts.map

package/components/datePickers/CalendarPresets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarPresets.d.ts","sourceRoot":"","sources":["../../../components/datePickers/CalendarPresets.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAGnG,wBAAgB,wBAAwB,aAEvC;AAED,eAAO,MAAM,eAAe,8JAA2F,CAAC"}
+{"version":3,"file":"CalendarPresets.d.ts","sourceRoot":"","sources":["../../../components/datePickers/CalendarPresets.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyC,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAGnG,wBAAgB,wBAAwB,aAEvC;AAED,eAAO,MAAM,eAAe,0FAAiH,CAAC"}

package/components/datePickers/DatePicker.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
-import { DatePickerCoreProps } from '@epam/uui-core';
-import { SizeMod, IHasEditMode } from '../types';
-/** Represents the properties of the DatePicker component. */
-export interface DatePickerProps extends DatePickerCoreProps, SizeMod, IHasEditMode {
-    /**
-    * HTML ID attribute for the toggler input
-    */
-    id?: string;
-}
-export declare const DatePicker: (props: DatePickerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import { DatePickerProps } from './types';
+export declare function DatePickerComponent(props: DatePickerProps, ref: React.ForwardedRef<HTMLElement>): JSX.Element;
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=DatePicker.d.ts.map

package/components/datePickers/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,mBAAmB,EAAoE,MAAM,gBAAgB,CAAC;AAE3H,OAAO,EAAY,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ3D,6DAA6D;AAC7D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,OAAO,EAAE,YAAY;IAC/E;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AA8DD,eAAO,MAAM,UAAU,2HAAgC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,eAoH/F;AAED,eAAO,MAAM,UAAU,qFAAwC,CAAC"}

package/components/datePickers/DatePickerBody.d.ts

@@ -1,9 +1,10 @@
-import { Dayjs } from 'dayjs';
-import { DatePickerBodyBase, DatePickerBodyBaseProps } from '@epam/uui-components';
-export interface DatePickerBodyProps extends DatePickerBodyBaseProps<string> {
-    getDayCX?(day: Dayjs): string[];
+import React from 'react';
+import { IControlled } from '@epam/uui-core';
+import { CommonDatePickerBodyProps, ViewType } from './types';
+import { Dayjs } from '../../helpers/dayJsHelper';
+export interface DatePickerBodyProps extends CommonDatePickerBodyProps, IControlled<string | null> {
     /**
-     * A pure function that gets whether day is holiday for each day.
+     * Manually handles holidays
      */
     isHoliday?: (day: Dayjs) => boolean;
 }
@@ -11,10 +12,17 @@ export declare const uuiDatePickerBody: {
     readonly wrapper: "uui-datepickerBody-wrapper";
     readonly separator: "uui-datepickerBody-separator";
 };
-export declare class DatePickerBody extends DatePickerBodyBase<string, DatePickerBodyProps> {
-    constructor(props: DatePickerBodyProps);
-    onDayClick: (day: Dayjs) => void;
-    getView: () => JSX.Element;
-    renderBody: () => JSX.Element;
+export declare const DatePickerBody: React.ForwardRefExoticComponent<DatePickerBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface StatelessDatePickerBodyValue<TSelection> {
+    value: TSelection | null;
+    month: Dayjs;
+    view: ViewType;
 }
+export interface StatelessDatePickerBodyProps extends CommonDatePickerBodyProps, StatelessDatePickerBodyValue<string> {
+    onValueChange: (value: string | null) => void;
+    onMonthChange: (m: Dayjs) => void;
+    onViewChange: (v: ViewType) => void;
+    isHoliday?: (day: Dayjs) => boolean;
+}
+export declare const StatelessDatePickerBody: React.ForwardRefExoticComponent<StatelessDatePickerBodyProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=DatePickerBody.d.ts.map

package/components/datePickers/DatePickerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBody.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePickerBody.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAiC,kBAAkB,EAAE,uBAAuB,EAAqB,MAAM,sBAAsB,CAAC;AAOrI,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB,CAAC,MAAM,CAAC;IAIxE,QAAQ,CAAC,CAAC,GAAG,EAAE,KAAK,GAAG,MAAM,EAAE,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,qBAAa,cAAe,SAAQ,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,CAAC;gBACnE,KAAK,EAAE,mBAAmB;IAMtC,UAAU,QAAS,KAAK,UAKtB;IAEF,OAAO,oBAuBL;IAEF,UAAU,oBAUR;CACL"}
+{"version":3,"file":"DatePickerBody.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACH,WAAW,EAEd,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAI9D,OAAO,EAAE,KAAK,EAAY,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,yBAAyB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC9F;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC;AAEX,eAAO,MAAM,cAAc,4FAAiC,CAAC;AA0B7D,MAAM,WAAW,4BAA4B,CAAC,UAAU;IACpD,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,WAAW,4BAA6B,SAAQ,yBAAyB,EAAE,4BAA4B,CAAC,MAAM,CAAC;IACjH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,uBAAuB,qGAA0C,CAAC"}

package/components/datePickers/DatePickerHeader.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Icon, IEditable, IHasCX } from '@epam/uui-core';
-import dayjs, { Dayjs } from 'dayjs';
-import { PickerBodyValue } from '@epam/uui-components';
+import { Icon, IHasCX } from '@epam/uui-core';
+import { type Dayjs } from '../../helpers/dayJsHelper';
+import { ViewType } from './types';
 export declare const uuiHeader: {
     container: string;
     header: string;
@@ -9,12 +9,16 @@ export declare const uuiHeader: {
     navIconRight: string;
     navIconLeft: string;
 };
-export interface DatePickerHeaderProps extends IEditable<PickerBodyValue<string>>, IHasCX {
+interface DatePickerHeaderValue {
+    view: ViewType;
+    month: Dayjs;
+}
+export interface DatePickerHeaderProps extends IHasCX {
+    value: DatePickerHeaderValue;
+    onValueChange: (value: DatePickerHeaderValue) => void;
     navIconLeft?: Icon;
     navIconRight?: Icon;
 }
-export declare const getNextMonthFromCurrent: (currentDate: Dayjs) => dayjs.Dayjs;
-export declare const getNextYearFromCurrent: (currentDate: Dayjs) => dayjs.Dayjs;
-export declare const getNextListYearFromCurrent: (currentDate: Dayjs) => dayjs.Dayjs;
-export declare function DatePickerHeader(props: DatePickerHeaderProps): JSX.Element;
+export declare function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }: DatePickerHeaderProps): JSX.Element;
+export {};
 //# sourceMappingURL=DatePickerHeader.d.ts.map

package/components/datePickers/DatePickerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerHeader.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePickerHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGzD,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAY,MAAM,sBAAsB,CAAC;AAQjE,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM;IAKrF,WAAW,CAAC,EAAE,IAAI,CAAC;IAKnB,YAAY,CAAC,EAAE,IAAI,CAAC;CACvB;AAMD,eAAO,MAAM,uBAAuB,gBAAiB,KAAK,gBAEzD,CAAC;AAMF,eAAO,MAAM,sBAAsB,gBAAiB,KAAK,gBAExD,CAAC;AAMF,eAAO,MAAM,0BAA0B,gBAAiB,KAAK,gBAE5D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAmE5D"}
+{"version":3,"file":"DatePickerHeader.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePickerHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,2BAA2B,CAAC;AAIjE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,UAAU,qBAAqB;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,MAAM;IACjD,KAAK,EAAE,qBAAqB,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAKtD,WAAW,CAAC,EAAE,IAAI,CAAC;IAKnB,YAAY,CAAC,EAAE,IAAI,CAAC;CACvB;AAMD,wBAAgB,gBAAgB,CAAC,EAC7B,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,aAAa,GACnE,EAAE,qBAAqB,eAqGvB"}

package/components/datePickers/RangeDatePicker.d.ts

@@ -1,16 +1,4 @@
-import * as React from 'react';
-import { BaseRangeDatePickerProps } from '@epam/uui-core';
-import { SizeMod } from '../types';
-export interface RangeDatePickerProps extends BaseRangeDatePickerProps, SizeMod {
-    /**
-     * A pure function that gets placeholder for 'from' or 'to' input.
-     */
-    getPlaceholder?(type: InputType): string;
-    /**
-    * HTML ID attribute for the first input into toggler
-    */
-    id?: string;
-}
-export type InputType = 'from' | 'to';
-export declare const RangeDatePicker: (props: RangeDatePickerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import React from 'react';
+import { RangeDatePickerProps } from './types';
+export declare const RangeDatePicker: React.ForwardRefExoticComponent<RangeDatePickerProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=RangeDatePicker.d.ts.map

package/components/datePickers/RangeDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,wBAAwB,EAAiE,MAAM,gBAAgB,CAAC;AAKjI,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAOnC,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,EAAE,OAAO;IAC3E;;OAEG;IACH,cAAc,CAAC,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzC;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAyFtC,eAAO,MAAM,eAAe,gIAAqC,CAAC"}
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,EACiD,oBAAoB,EAC3E,MAAM,SAAS,CAAC;AA4HjB,eAAO,MAAM,eAAe,0FAA6C,CAAC"}

package/components/datePickers/RangeDatePickerBody.d.ts

@@ -1,35 +1,18 @@
-import * as React from 'react';
-import { Dayjs } from 'dayjs';
-import { IEditable, RangeDatePickerPresets } from '@epam/uui-core';
-import { DatePickerBodyBaseOptions, PickerBodyValue, ViewType } from '@epam/uui-components';
-export declare function weekCount(displayedDate: Dayjs): number;
-export type PickerPart = 'from' | 'to' | null;
+import React from 'react';
+import { Dayjs } from '../../helpers/dayJsHelper';
+import { IControlled } from '@epam/uui-core';
+import { RangeDatePickerPresets } from '@epam/uui-components';
+import { CommonDatePickerBodyProps, RangeDatePickerValue, RangeDatePickerBodyValue } from './types';
+export declare const uuiRangeDatePickerBody: {
+    inRange: string;
+    firstDayInRangeWrapper: string;
+    lastDayInRangeWrapper: string;
+    separator: string;
+};
 export declare const rangeDatePickerPresets: RangeDatePickerPresets;
-export interface RangeDatePickerValue {
-    from: string | null;
-    to: string | null;
-}
-interface RangeDatePickerBodyState {
-    activePart: PickerPart;
-}
-type InputType = 'from' | 'to';
-export interface RangeDatePickerBodyProps<T> extends DatePickerBodyBaseOptions, IEditable<PickerBodyValue<T>> {
-    focusPart: InputType;
+export interface RangeDatePickerBodyProps<T> extends CommonDatePickerBodyProps, IControlled<RangeDatePickerBodyValue<T>> {
     renderFooter?(): React.ReactNode;
     isHoliday?: (day: Dayjs) => boolean;
-    renderHeader?: (props: IEditable<PickerBodyValue<string>>) => React.ReactNode;
-}
-export declare class RangeDatePickerBody extends React.Component<RangeDatePickerBodyProps<RangeDatePickerValue>, RangeDatePickerBodyState> {
-    state: RangeDatePickerBodyState;
-    getDayCX: (day: Dayjs) => string[];
-    getRange(selectedDate: string): RangeDatePickerValue;
-    setSelectedDate(selectedDate: string): void;
-    setDisplayedDateAndView(displayedDate: Dayjs, view: ViewType, part: PickerPart): void;
-    getFromValue: () => PickerBodyValue<string>;
-    getToValue: () => PickerBodyValue<string>;
-    renderPresets: (presets: RangeDatePickerPresets) => JSX.Element;
-    renderDatePicker: () => JSX.Element;
-    render(): JSX.Element;
 }
-export {};
+export declare const RangeDatePickerBody: React.ForwardRefExoticComponent<RangeDatePickerBodyProps<RangeDatePickerValue> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=RangeDatePickerBody.d.ts.map

package/components/datePickers/RangeDatePickerBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePickerBody.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAqB,SAAS,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EACH,yBAAyB,EAAyB,eAAe,EAAe,QAAQ,EAC3F,MAAM,sBAAsB,CAAC;AAQ9B,wBAAgB,SAAS,CAAC,aAAa,EAAE,KAAK,UAO7C;AASD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,eAAO,MAAM,sBAAsB,EAAE,sBAiCpC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IAIjC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAIpB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,UAAU,wBAAwB;IAI9B,UAAU,EAAE,UAAU,CAAC;CAC1B;AAKD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAE/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,yBAAyB,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACzG,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACjF;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,EAAE,wBAAwB,CAAC;IAC9H,KAAK,EAAE,wBAAwB,CAE7B;IAEF,QAAQ,QAAS,KAAK,KAAG,MAAM,EAAE,CAiB/B;IAEF,QAAQ,CAAC,YAAY,EAAE,MAAM;IA+B7B,eAAe,CAAC,YAAY,EAAE,MAAM;IAapC,uBAAuB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU;IAU9E,YAAY,QAAO,gBAAgB,MAAM,CAAC,CAMxC;IAEF,UAAU,QAAO,gBAAgB,MAAM,CAAC,CAMtC;IAEF,aAAa,YAAa,sBAAsB,iBAkB9C;IAEF,gBAAgB,oBA0Cd;IAEF,MAAM;CAOT"}
+{"version":3,"file":"RangeDatePickerBody.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAY,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAM,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAC6B,sBAAsB,EACzD,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EACH,yBAAyB,EACC,oBAAoB,EAAE,wBAAwB,EAC3E,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,sBAAsB;;;;;CAKlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,sBAiEpC,CAAC;AAEF,MAAM,WAAW,wBAAwB,CAAC,CAAC,CAAE,SAAQ,yBAAyB,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;IACpH,YAAY,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,mBAAmB,uHAAsC,CAAC"}

package/components/datePickers/RangeDatePickerInput.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IEditable, IHasCX, IClickable, IHasRawProps } from '@epam/uui-core';
+import { RangeDatePickerInputType, RangeDatePickerProps, RangeDatePickerValue } from './types';
+/**
+ * Represents RangeDatePickerInputProps
+ */
+export interface RangeDatePickerInputProps extends IEditable<RangeDatePickerValue>, IHasCX, IClickable, Pick<RangeDatePickerProps, 'getPlaceholder' | 'disableClear' | 'filter' | 'id' | 'format'> {
+    /**
+     * Defines component size.
+     */
+    size?: '24' | '30' | '36' | '42' | '48';
+    /**
+     * rawProps as HTML attributes
+     */
+    rawProps?: {
+        /**
+         * Any HTML attributes (native or 'data-') to put on 'from' input
+         */
+        from?: IHasRawProps<React.HTMLAttributes<HTMLDivElement>>['rawProps'];
+        /**
+         * Any HTML attributes (native or 'data-') to put on 'to' input
+         */
+        to?: IHasRawProps<React.HTMLAttributes<HTMLDivElement>>['rawProps'];
+    };
+    /**
+     * Currently setting date
+     */
+    inFocus: RangeDatePickerInputType;
+    /**
+     * Handles focus event on input element
+    */
+    onFocusInput: (event: React.FocusEvent<HTMLInputElement>, inputType: RangeDatePickerInputType) => void;
+    /**
+    * Handles blur event on input element
+   */
+    onBlurInput?: (event: React.FocusEvent<HTMLInputElement, Element>, inputType: RangeDatePickerInputType) => void;
+    /**
+   * Handles blur event on root element
+   */
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+}
+export declare const RangeDatePickerInput: React.ForwardRefExoticComponent<RangeDatePickerInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RangeDatePickerInput.d.ts.map

package/components/datePickers/RangeDatePickerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePickerInput.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAEN,MAAM,OAAO,CAAC;AAEf,OAAO,EACH,SAAS,EAAc,MAAM,EAAE,UAAU,EAAE,YAAY,EAC1D,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACH,wBAAwB,EAAE,oBAAoB,EAAE,oBAAoB,EACvE,MAAM,SAAS,CAAC;AAQjB;;GAEG;AACH,MAAM,WAAW,yBACb,SAAQ,SAAS,CAAC,oBAAoB,CAAC,EACvC,MAAM,EACN,UAAU,EACV,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;IAC1F;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACtE;;WAEG;QACH,EAAE,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;KACvE,CAAC;IACF;;OAEG;IACH,OAAO,EAAE,wBAAwB,CAAC;IAClC;;MAEE;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACvG;;KAEC;IACD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAChH;;KAEC;IACD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,eAAO,MAAM,oBAAoB,kGAiH/B,CAAC"}

package/components/datePickers/helpers.d.ts

@@ -0,0 +1,34 @@
+import { Dayjs } from '../../helpers/dayJsHelper';
+import { RangeDatePickerInputType, RangeDatePickerValue } from './types';
+export declare const defaultFormat = "MMM D, YYYY";
+export declare const valueFormat = "YYYY-MM-DD";
+export declare const supportedDateFormats: (format?: string) => string[];
+export declare const uuiDatePickerBodyBase: {
+    readonly container: "uui-datepicker-container";
+};
+export declare const getNewMonth: (value: string | Dayjs | null) => Dayjs;
+export declare const defaultRangeValue: RangeDatePickerValue;
+export declare const rangeIsEmpty: (range: RangeDatePickerValue) => boolean;
+export declare const getValidMonth: (i: RangeDatePickerValue, focus: RangeDatePickerInputType, format: string, filter?: (day: Dayjs) => boolean) => Dayjs;
+export declare const getMonthOnOpen: (selectedDate: RangeDatePickerValue, focus: RangeDatePickerInputType) => Dayjs;
+export declare const isValidDate: (input: string | null, format: string, filter?: (day: Dayjs) => boolean) => boolean | undefined;
+export declare const isValidRange: (range: RangeDatePickerValue) => boolean;
+export declare const getWithFrom: (selectedDate: RangeDatePickerValue, newValue: string | null) => {
+    from: string;
+    to: string;
+};
+export declare const getWithTo: (selectedDate: RangeDatePickerValue, newValue: string | null) => {
+    from: string;
+    to: string;
+};
+export declare const toValueDateRangeFormat: (value: RangeDatePickerValue, format?: string) => RangeDatePickerValue;
+export declare const toCustomDateRangeFormat: (value: RangeDatePickerValue, format?: string) => RangeDatePickerValue;
+export declare const toValueDateFormat: (value: string | null, format?: string) => string | null;
+export declare const toCustomDateFormat: (value: string | null, format?: string) => string | null;
+export declare const getPrevMonth: (currentDate: Dayjs) => Dayjs;
+export declare const getNextMonth: (currentDate: Dayjs) => Dayjs;
+export declare const getPrevYear: (currentDate: Dayjs) => Dayjs;
+export declare const getNextYear: (currentDate: Dayjs) => Dayjs;
+export declare const getPrevYearsList: (currentDate: Dayjs) => Dayjs;
+export declare const getNextYearsList: (currentDate: Dayjs) => Dayjs;
+//# sourceMappingURL=helpers.d.ts.map

package/components/datePickers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../components/datePickers/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEzE,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAC3C,eAAO,MAAM,WAAW,eAAe,CAAC;AAExC,eAAO,MAAM,oBAAoB,YAAa,MAAM,aAInD,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAExB,CAAC;AAEX,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,KAAK,GAAG,IAAI,UAEvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,oBAG/B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,oBAAoB,YAEvD,CAAC;AAEF,eAAO,MAAM,aAAa,MAAO,oBAAoB,SAAS,wBAAwB,UAAU,MAAM,iBAAiB,KAAK,KAAK,OAAO,UAUvI,CAAC;AAEF,eAAO,MAAM,cAAc,iBAAkB,oBAAoB,SAAS,wBAAwB,UASjG,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,IAAI,UAAU,MAAM,iBAAgB,KAAK,KAAK,OAAO,KAAG,OAAO,GAAG,SAG7G,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,oBAAoB,YAMvD,CAAC;AAEF,eAAO,MAAM,WAAW,iBAAkB,oBAAoB,YAAY,MAAM,GAAG,IAAI;;;CActF,CAAC;AAEF,eAAO,MAAM,SAAS,iBAAiB,oBAAoB,YAAY,MAAM,GAAG,IAAI;;;CAoBnF,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,oBAAoB,WAAW,MAAM,KAAG,oBAWrF,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAAW,oBAAoB,WAAW,MAAM,KAAG,oBAYtF,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,MAAM,GAAG,IAAI,WAAW,MAAM,KAAG,MAAM,GAAG,IAElF,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,GAAG,IAAI,WAAW,MAAM,KAAG,MAAM,GAAG,IAInF,CAAC;AAEF,eAAO,MAAM,YAAY,gBAAiB,KAAK,UAE9C,CAAC;AAEF,eAAO,MAAM,YAAY,gBAAiB,KAAK,UAE9C,CAAC;AAEF,eAAO,MAAM,WAAW,gBAAiB,KAAK,UAE7C,CAAC;AAEF,eAAO,MAAM,WAAW,gBAAiB,KAAK,UAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAAiB,KAAK,UAElD,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAAiB,KAAK,UAElD,CAAC"}

package/components/datePickers/index.d.ts

@@ -1,6 +1,9 @@
 export * from './DatePicker';
-export * from './DatePickerBody';
+export { DatePickerBody, uuiDatePickerBody } from './DatePickerBody';
 export * from './Calendar';
+export * from './RangeDatePickerInput';
 export * from './RangeDatePicker';
 export * from './RangeDatePickerBody';
+export type { DatePickerBodyProps } from './DatePickerBody';
+export type { DatePickerProps, RangeDatePickerProps, RangeDatePickerValue, RangeDatePickerBodyValue, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/components/datePickers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/datePickers/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/datePickers/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EACR,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GAC3B,MAAM,SAAS,CAAC"}