@pedidopago/ui 1.1.2 → 1.1.3

package/dist/components/ColorPicker/types.d.ts

@@ -1,74 +1,74 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { IInputProps } from '../Input/types';
-export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
-export declare type IHsvaObject = {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare type IColorPicker = {
-    /**
-     * Callback function that is called when the cancel button is clicked.
-     */
-    onCancel: () => void;
-    /**
-     * Callback function that is called when the color is changed.
-     */
-    onChange?: (color: string) => void;
-    /**
-     * Callback function that is called when the save button is clicked.
-     */
-    onSave: (color: string) => void;
-    /**
-     * Set the initial color of the picker.
-     */
-    initialColor?: string;
-};
-export declare type IColorPickerBox = {
-    hsva: IHsvaObject;
-    onChange: (hsva: IHsvaObject) => void;
-};
-export declare type IColorPointer = {
-    top?: number;
-    left: number;
-    hsva: IHsvaObject;
-};
-export declare type IColorSaturation = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    color: {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
-};
-export declare type IColorSelector = {
-    onMove: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    children: ReactNode;
-};
-export declare type IColorInput = {
-    hsva: IHsvaObject;
-    colorMode: IOutputColorMode;
-    onChange: (hsva: IHsvaObject) => void;
-    inputAlert: Pick<IInputProps, 'alert'>;
-    setInputAlert: Dispatch<SetStateAction<Pick<IInputProps, 'alert'>>>;
-};
-export declare type IButtonsProps = {
-    onCancel: () => void;
-    onSave: (color: string) => void;
-    color: string;
-    outputColorMode: IOutputColorMode;
-};
-export declare type IColorHueSlider = IColorSelector;
-export declare type IColorHue = {
-    onChange: (hue: number) => void;
-    hsva: IHsvaObject;
-};
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { IInputProps } from '../Input/types';
+export declare type IOutputColorMode = 'rgb' | 'hsl' | 'hex' | 'rgba' | 'hsla' | 'unknown';
+export declare type IHsvaObject = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare type IColorPicker = {
+    /**
+     * Callback function that is called when the cancel button is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * Callback function that is called when the color is changed.
+     */
+    onChange?: (color: string) => void;
+    /**
+     * Callback function that is called when the save button is clicked.
+     */
+    onSave: (color: string) => void;
+    /**
+     * Set the initial color of the picker.
+     */
+    initialColor?: string;
+};
+export declare type IColorPickerBox = {
+    hsva: IHsvaObject;
+    onChange: (hsva: IHsvaObject) => void;
+};
+export declare type IColorPointer = {
+    top?: number;
+    left: number;
+    hsva: IHsvaObject;
+};
+export declare type IColorSaturation = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    color: {
+        h: number;
+        s: number;
+        v: number;
+        a: number;
+    };
+};
+export declare type IColorSelector = {
+    onMove: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    children: ReactNode;
+};
+export declare type IColorInput = {
+    hsva: IHsvaObject;
+    colorMode: IOutputColorMode;
+    onChange: (hsva: IHsvaObject) => void;
+    inputAlert: Pick<IInputProps, 'alert'>;
+    setInputAlert: Dispatch<SetStateAction<Pick<IInputProps, 'alert'>>>;
+};
+export declare type IButtonsProps = {
+    onCancel: () => void;
+    onSave: (color: string) => void;
+    color: string;
+    outputColorMode: IOutputColorMode;
+};
+export declare type IColorHueSlider = IColorSelector;
+export declare type IColorHue = {
+    onChange: (hue: number) => void;
+    hsva: IHsvaObject;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorPicker/utils/checkers.d.ts

@@ -1,8 +1,8 @@
-export declare const isRgba: (color: string) => boolean;
-export declare const isHex: (color: string) => boolean;
-export declare const isHsl: (color: string) => boolean;
-export declare const isHsla: (color: string) => boolean;
-export declare const isRgb: (color: string) => boolean;
-export declare const isHsva: (color: string) => boolean;
-export declare const isAValidColor: (color: string) => boolean;
+export declare const isRgba: (color: string) => boolean;
+export declare const isHex: (color: string) => boolean;
+export declare const isHsl: (color: string) => boolean;
+export declare const isHsla: (color: string) => boolean;
+export declare const isRgb: (color: string) => boolean;
+export declare const isHsva: (color: string) => boolean;
+export declare const isAValidColor: (color: string) => boolean;
 //# sourceMappingURL=checkers.d.ts.map

package/dist/components/ColorPicker/utils/conversors.d.ts

@@ -1,61 +1,61 @@
-import { IHsvaObject } from './../types';
-export declare const hexStringToRgba: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
-export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const hslaToHsva: ({ h, s, l, a, }: {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-}) => IHsvaObject;
-export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
-export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
-export declare const rgbaToHsva: (rgba: Record<string, number>) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToHsva: (rgba: string) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToRgba: (rgba: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const rgbaStringToHsla: (rgba: string) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const rgbaStringToHslString: (rgba: string) => string;
-export declare const rgbaStringToHslaString: (rgba: string) => string;
-export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
-export declare const rgbaToHex: (rgba: Record<string, number>) => string;
-export declare const rgbaStringToHex: (rgba: string) => string;
-export declare const rgbaStringToRgbString: (rgba: string) => string;
-export declare const rgbStringToRgba: (rgb: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
+import { IHsvaObject } from './../types';
+export declare const hexStringToRgba: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
+export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const hslaToHsva: ({ h, s, l, a, }: {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}) => IHsvaObject;
+export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
+export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
+export declare const rgbaToHsva: (rgba: Record<string, number>) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToHsva: (rgba: string) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToRgba: (rgba: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const rgbaStringToHsla: (rgba: string) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const rgbaStringToHslString: (rgba: string) => string;
+export declare const rgbaStringToHslaString: (rgba: string) => string;
+export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
+export declare const rgbaToHex: (rgba: Record<string, number>) => string;
+export declare const rgbaStringToHex: (rgba: string) => string;
+export declare const rgbaStringToRgbString: (rgba: string) => string;
+export declare const rgbStringToRgba: (rgb: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
 //# sourceMappingURL=conversors.d.ts.map

package/dist/components/ColorPicker/utils/parsers.d.ts

@@ -1,28 +1,28 @@
-import { IHsvaObject, IOutputColorMode } from './../types';
-/**
- * This function converts a string color to a hsva color object
- * @param color : Color to convert to hsva;
- * @returns : hsva color object
- */
-export declare const colorToHsva: (color: string) => IHsvaObject;
-/**
- * This function gets the color mode from the color string
- * @param color : Color to check your output mode
- * @returns : Color mode
- */
-export declare const colorMode: (color: string) => IOutputColorMode;
-/**
- * This function converts a hsva color object to a string color
- * @param hsva : hsva color object
- * @param colorMode : Color output mode
- * @returns : Color string
- */
-export declare const colorFromHsva: (hsva: IHsvaObject, colorMode: IOutputColorMode | 'unknown') => string;
-/**
- * This function converts a color string to output color mode
- * @param color : Color string;
- * @param outputMode : Color output mode;
- * @returns : Color string
- */
-export declare const colorToOutputMode: (color: string, outputMode: IOutputColorMode) => string;
+import { IHsvaObject, IOutputColorMode } from './../types';
+/**
+ * This function converts a string color to a hsva color object
+ * @param color : Color to convert to hsva;
+ * @returns : hsva color object
+ */
+export declare const colorToHsva: (color: string) => IHsvaObject;
+/**
+ * This function gets the color mode from the color string
+ * @param color : Color to check your output mode
+ * @returns : Color mode
+ */
+export declare const colorMode: (color: string) => IOutputColorMode;
+/**
+ * This function converts a hsva color object to a string color
+ * @param hsva : hsva color object
+ * @param colorMode : Color output mode
+ * @returns : Color string
+ */
+export declare const colorFromHsva: (hsva: IHsvaObject, colorMode: IOutputColorMode | 'unknown') => string;
+/**
+ * This function converts a color string to output color mode
+ * @param color : Color string;
+ * @param outputMode : Color output mode;
+ * @returns : Color string
+ */
+export declare const colorToOutputMode: (color: string, outputMode: IOutputColorMode) => string;
 //# sourceMappingURL=parsers.d.ts.map

package/dist/components/DatePicker/components/DatePickerContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DatePickerContentProps } from '../types';
-export declare const DatePickerContent: ({ type, date, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, }: DatePickerContentProps) => JSX.Element;
+/// <reference types="react" />
+import { DatePickerContentProps } from '../types';
+export declare const DatePickerContent: ({ type, date, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, }: DatePickerContentProps) => JSX.Element;
 //# sourceMappingURL=DatePickerContent.d.ts.map

package/dist/components/DatePicker/components/DateYearPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateYearPickerProps } from '../types';
-export declare const DateYearPicker: ({ date, handleChangeDate }: DateYearPickerProps) => JSX.Element;
+/// <reference types="react" />
+import { DateYearPickerProps } from '../types';
+export declare const DateYearPicker: ({ date, handleChangeDate }: DateYearPickerProps) => JSX.Element;
 //# sourceMappingURL=DateYearPicker.d.ts.map

package/dist/components/DatePicker/datepicker.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=datepicker.test.d.ts.map

package/dist/components/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
+export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/styles.d.ts

@@ -1,75 +1,75 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isExtended: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    enableYearPicker?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isHidden?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isRange?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isPrevNextMonth?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    isToday?: boolean | undefined;
-    isInTheRange?: boolean | undefined;
-    isEndDateOfRange?: boolean | undefined;
-    isStartDateOfRange?: boolean | undefined;
-    isFirstDayOfMonth?: boolean | undefined;
-    isLastDayOfMonth?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isSelected?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isExtended: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    enableYearPicker?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isHidden?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isRange?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isPrevNextMonth?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isToday?: boolean | undefined;
+    isInTheRange?: boolean | undefined;
+    isEndDateOfRange?: boolean | undefined;
+    isStartDateOfRange?: boolean | undefined;
+    isFirstDayOfMonth?: boolean | undefined;
+    isLastDayOfMonth?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isSelected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/DatePicker/types.d.ts

@@ -1,60 +1,60 @@
-import { HTMLAttributes } from 'react';
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type DatePickerProps = HTMLAttributes<HTMLInputElement> & {
-    /**
-     * Sets the date picker's type.
-     * @default 'date'
-     */
-    type?: 'date' | 'range';
-    /**
-     * Sets the date container type.
-     * @default 'compact'
-     */
-    variant?: 'compact' | 'extended';
-    /**
-     * Sets the date picker's current/initial value.
-     */
-    value?: Date;
-    /**
-     * Sets the date picker's minimum month and year.
-     * @summary To set the minimum date, the date needs to be the first day of the month.
-     */
-    minDate?: Date;
-    /**
-     * Sets the date picker's maximum month and year.
-     * @summary To set the maximum date, the date needs to be the first day of the month.
-     */
-    maxDate?: Date;
-    /**
-     * Callback function that is called when the date picker's value changes.
-     * @param {Date} date - The new date.
-     */
-    onChange?: (date: string | string[]) => void;
-    color?: GlobalColorsProps & (string & {});
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorSelected: GlobalColorsProps & (string & {});
-    };
-};
-export declare type DatePickerContentProps = {
-    variant?: 'compact' | 'extended';
-    startDate: Date;
-    date: Date;
-    endDate: Date;
-    isInTheRange: (currentDate: Date) => boolean;
-    handleMouseOver: (currentDate: Date) => void;
-    handleChange: (newDate: Date) => void;
-    handleChangeDate: (newDate: Date) => void;
-    handleToggleYearPicker?: () => void;
-    enableYearPicker?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    type?: 'date' | 'range';
-    color?: 'primary' | 'secondary' | 'tertiary';
-};
-export declare type DateYearPickerProps = {
-    date: Date;
-    handleChangeDate: (newDate: Date) => void;
-};
+import { HTMLAttributes } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type DatePickerProps = HTMLAttributes<HTMLInputElement> & {
+    /**
+     * Sets the date picker's type.
+     * @default 'date'
+     */
+    type?: 'date' | 'range';
+    /**
+     * Sets the date container type.
+     * @default 'compact'
+     */
+    variant?: 'compact' | 'extended';
+    /**
+     * Sets the date picker's current/initial value.
+     */
+    value?: Date;
+    /**
+     * Sets the date picker's minimum month and year.
+     * @summary To set the minimum date, the date needs to be the first day of the month.
+     */
+    minDate?: Date;
+    /**
+     * Sets the date picker's maximum month and year.
+     * @summary To set the maximum date, the date needs to be the first day of the month.
+     */
+    maxDate?: Date;
+    /**
+     * Callback function that is called when the date picker's value changes.
+     * @param {Date} date - The new date.
+     */
+    onChange?: (date: string | string[]) => void;
+    color?: GlobalColorsProps | (string & {});
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorSelected: GlobalColorsProps | (string & {});
+    };
+};
+export declare type DatePickerContentProps = {
+    variant?: 'compact' | 'extended';
+    startDate: Date;
+    date: Date;
+    endDate: Date;
+    isInTheRange: (currentDate: Date) => boolean;
+    handleMouseOver: (currentDate: Date) => void;
+    handleChange: (newDate: Date) => void;
+    handleChangeDate: (newDate: Date) => void;
+    handleToggleYearPicker?: () => void;
+    enableYearPicker?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    type?: 'date' | 'range';
+    color?: 'primary' | 'secondary' | 'tertiary';
+};
+export declare type DateYearPickerProps = {
+    date: Date;
+    handleChangeDate: (newDate: Date) => void;
+};
 //# sourceMappingURL=types.d.ts.map