@kepler.gl/components 3.3.0-alpha.0 → 3.3.0-alpha.2

package/dist/common/styled-components.d.ts

@@ -1,46 +1,42 @@
 import { RGBColor } from '@kepler.gl/types';
+import DatePicker from 'react-date-picker';
+import TimePicker from 'react-time-picker';
 import { TooltipProps } from 'react-tooltip';
 import { IStyledComponent } from 'styled-components';
 import { BaseComponentProps } from '../types';
 export declare function shouldForwardProp(propName: any, target: any): boolean;
-export declare const SelectText: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const SelectTextBold: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const IconRoundSmall: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CenterFlexbox: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CenterVerticalFlexbox: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const EndHorizontalFlexbox: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SpaceBetweenFlexbox: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SBFlexboxItem: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SBFlexboxNoMargin: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const PanelLabel: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLabelElement> | null | undefined;
-}>, never>, never>>;
-export declare const PanelLabelWrapper: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
-export declare const PanelLabelBold: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLabelElement> | null | undefined;
-}>, never>, never>, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLabelElement> | null | undefined;
-}>, never>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const PanelHeaderTitle: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>, never>, never>>;
-export declare const PanelHeaderContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const PanelContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
+export declare const SelectText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const SelectTextBold: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const IconRoundSmall: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CenterFlexbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CenterVerticalFlexbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const EndHorizontalFlexbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const SpaceBetweenFlexbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const SBFlexboxItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const SBFlexboxNoMargin: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PanelLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className">>> & string;
+export declare const PanelLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className">>> & string;
+export declare const PanelLabelBold: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const PanelHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "className">>> & string;
+export declare const PanelHeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PanelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className">>> & string;
 interface SidePanelSectionProps {
     disabled?: boolean;
 }
-export declare const SidePanelSection: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, SidePanelSectionProps>>;
-export declare const SidePanelDivider: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
+export declare const SidePanelSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "disabled"> & SidePanelSectionProps, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "disabled"> & SidePanelSectionProps, "className">>> & string;
+export declare const SidePanelDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className">>> & string;
 type TooltipAttrsProps = {
     interactive?: boolean;
 } & TooltipProps & BaseComponentProps;
@@ -61,84 +57,129 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     inactive?: boolean;
     size?: string;
 };
-export declare const Button: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, ButtonProps>>;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>> & string;
 interface InputProps {
     secondary?: boolean;
 }
-export declare const Input: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>;
-export declare const InputLight: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>;
-export declare const TextArea: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, InputProps>>;
-export declare const TextAreaLight: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>>;
-export declare const InlineInput: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>, keyof import("react").Component<any, {}, any>>;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never>>> & string;
+export declare const InputLight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+export declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "secondary"> & InputProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "secondary"> & InputProps, never>>> & string;
+export declare const TextAreaLight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>>> & string;
+export declare const InlineInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
 export interface StyledPanelHeaderProps {
-    active?: boolean;
+    $active?: boolean;
     labelRCGColorValues?: RGBColor | null;
     warning?: boolean;
     isValid?: boolean;
 }
-export declare const StyledPanelHeader: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPanelHeaderProps>>;
+export declare const StyledPanelHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledPanelHeaderProps> & StyledPanelHeaderProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledPanelHeaderProps> & StyledPanelHeaderProps, never>>> & string;
 interface StyledPanelDropdownProps {
     type?: string;
 }
-export declare const StyledPanelDropdown: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPanelDropdownProps>>;
-export declare const ButtonGroup: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledPanelDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "type"> & StyledPanelDropdownProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "type"> & StyledPanelDropdownProps, never>>> & string;
+export declare const ButtonGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 interface DatasetSquareProps {
     backgroundColor: RGBColor;
 }
-export declare const DatasetSquare: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatasetSquareProps>>;
+export declare const DatasetSquare: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor"> & DatasetSquareProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor"> & DatasetSquareProps, never>>> & string;
 interface SelectionButtonProps {
     selected?: boolean;
 }
-export declare const SelectionButton: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectionButtonProps>>;
-export declare const StyledTable: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
-export declare const StyledModalContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StyledModalVerticalPanel: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
-export declare const StyledModalSection: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
+export declare const SelectionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never>>> & string;
+export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>> & string;
+export declare const StyledModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledModalVerticalPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className">>> & string;
+export declare const StyledModalSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "className">>> & string;
 interface StyledModalInputFootnoteProps {
     error?: boolean;
 }
-export declare const StyledModalInputFootnote: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, StyledModalInputFootnoteProps>>;
+export declare const StyledModalInputFootnote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "error"> & StyledModalInputFootnoteProps, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "error"> & StyledModalInputFootnoteProps, "className">>> & string;
 /**
  * Newer versions of mapbox.gl display an error message banner on top of the map by default
  * which will cause the map to display points in the wrong locations
  * This workaround will hide the error banner.
  */
-export declare const StyledMapContainer: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledMapContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export type StyledAttributionProps = {
     mapLibCssClass: string;
     mapLibAttributionCssClass: string;
 };
-export declare const StyledAttribution: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, StyledAttributionProps>, StyledAttributionProps>>;
+export declare const StyledAttribution: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof StyledAttributionProps> & StyledAttributionProps, keyof StyledAttributionProps> & StyledAttributionProps, "slot" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "mapLibCssClass" | "mapLibAttributionCssClass"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof StyledAttributionProps> & StyledAttributionProps, keyof StyledAttributionProps> & StyledAttributionProps, "slot" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "mapLibCssClass" | "mapLibAttributionCssClass">>> & string;
 export interface StyledExportSectionProps {
     disabled?: boolean;
 }
-export declare const StyledExportSection: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledExportSectionProps>>;
-export declare const StyledFilteredOption: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectionButtonProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledType: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectionButtonProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const WidgetContainer: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const BottomWidgetInner: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledExportSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled"> & StyledExportSectionProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled"> & StyledExportSectionProps, never>>> & string;
+export declare const StyledFilteredOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const StyledType: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const WidgetContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const BottomWidgetInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 interface MapControlButtonProps {
     active?: boolean;
 }
-export declare const MapControlButton: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, "ref" | "link" | "small" | "width" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "size" | "negative" | "secondary" | "floating" | "cta" | "large" | "inactive"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const MapControlButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
@@ -153,9 +194,10 @@ export declare const MapControlButton: IStyledComponent<"web", import("styled-co
     width?: string;
     inactive?: boolean;
     size?: string;
-}, import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, "ref" | "link" | "small" | "width" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "size" | "negative" | "secondary" | "floating" | "cta" | "large" | "inactive"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "form" | "slot" | "small" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs" | "link" | "disabled" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
@@ -170,23 +212,127 @@ export declare const MapControlButton: IStyledComponent<"web", import("styled-co
     width?: string;
     inactive?: boolean;
     size?: string;
-}>, never>, MapControlButtonProps>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, ButtonProps>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledFilterContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TruncatedTitleText: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CheckMark: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}>, never>, never>>;
-export declare const StyledTimePicker: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "active"> & MapControlButtonProps, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "form" | "slot" | "small" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "forwardedAs" | "link" | "disabled" | "type" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "active"> & MapControlButtonProps, "className">>> & string;
+export declare const StyledFilterContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TruncatedTitleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CheckMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "className"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, "className">>> & string;
+export declare const StyledTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     amPmAriaLabel?: string;
     autoFocus?: boolean;
     className?: import("react-time-picker/dist/cjs/shared/types").ClassName;
     clearAriaLabel?: string;
-    clearIcon?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ComponentType<{}> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    clearIcon?: ((import("react").ReactNode | import("react").ReactNode[]) | import("react").ComponentType<{}> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
     clockAriaLabel?: string;
-    clockClassName?: import("react-time-picker/dist/cjs/shared/types").ClassName;
-    clockIcon?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ComponentType<{}> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    clockIcon?: ((import("react").ReactNode | import("react").ReactNode[]) | import("react").ComponentType<{}> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    clockProps?: {
+        className?: import("react-clock/dist/cjs/shared/types").ClassName;
+        size?: React.CSSProperties["width"];
+        locale?: string | undefined;
+        formatHour?: typeof import("react-clock/dist/cjs/shared/hourFormatter").formatHour | undefined;
+        hourHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        hourHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        hourHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        hourMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+        hourMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
+        minuteHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        minuteHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        minuteHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        minuteMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+        minuteMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
+        renderHourMarks?: boolean | undefined;
+        renderMinuteHand?: boolean | undefined;
+        renderMinuteMarks?: boolean | undefined;
+        renderNumbers?: boolean | undefined;
+        renderSecondHand?: boolean | undefined;
+        secondHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        secondHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        secondHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        useMillisecondPrecision?: boolean | undefined;
+    };
     closeClock?: boolean;
     'data-testid'?: string;
     disableClock?: boolean;
@@ -221,30 +367,6 @@ export declare const StyledTimePicker: IStyledComponent<"web", import("styled-co
         reason: import("react-time-picker/dist/cjs/shared/types").OpenReason;
     }) => boolean;
     value?: import("react-time-picker/dist/cjs/shared/types").LooseValue;
-} & {
-    className?: import("react-clock/dist/cjs/shared/types").ClassName;
-    size?: React.CSSProperties["width"];
-    formatHour?: typeof import("react-clock/dist/cjs/shared/hourFormatter").formatHour | undefined;
-    hourHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
-    hourHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
-    hourHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
-    hourMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
-    hourMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
-    locale?: string | undefined;
-    minuteHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
-    minuteHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
-    minuteHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
-    minuteMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
-    minuteMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
-    renderHourMarks?: boolean | undefined;
-    renderMinuteHand?: boolean | undefined;
-    renderMinuteMarks?: boolean | undefined;
-    renderNumbers?: boolean | undefined;
-    renderSecondHand?: boolean | undefined;
-    secondHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
-    secondHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
-    secondHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
-    useMillisecondPrecision?: boolean | undefined;
 } & Omit<{
     onCopy?: ((event: any) => void) | undefined;
     onCut?: ((event: any) => void) | undefined;
@@ -324,17 +446,220 @@ export declare const StyledTimePicker: IStyledComponent<"web", import("styled-co
     onAnimationStart?: ((event: any) => void) | undefined;
     onAnimationEnd?: ((event: any) => void) | undefined;
     onAnimationIteration?: ((event: any) => void) | undefined;
+    onToggle?: ((event: any) => void) | undefined;
     onTransitionEnd?: ((event: any) => void) | undefined;
+}, "onFocus" | "onChange">, never> & Partial<Pick<{
+    amPmAriaLabel?: string;
+    autoFocus?: boolean;
+    className?: import("react-time-picker/dist/cjs/shared/types").ClassName;
+    clearAriaLabel?: string;
+    clearIcon?: ((import("react").ReactNode | import("react").ReactNode[]) | import("react").ComponentType<{}> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    clockAriaLabel?: string;
+    clockIcon?: ((import("react").ReactNode | import("react").ReactNode[]) | import("react").ComponentType<{}> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    clockProps?: {
+        className?: import("react-clock/dist/cjs/shared/types").ClassName;
+        size?: React.CSSProperties["width"];
+        locale?: string | undefined;
+        formatHour?: typeof import("react-clock/dist/cjs/shared/hourFormatter").formatHour | undefined;
+        hourHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        hourHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        hourHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        hourMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+        hourMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
+        minuteHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        minuteHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        minuteHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        minuteMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+        minuteMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
+        renderHourMarks?: boolean | undefined;
+        renderMinuteHand?: boolean | undefined;
+        renderMinuteMarks?: boolean | undefined;
+        renderNumbers?: boolean | undefined;
+        renderSecondHand?: boolean | undefined;
+        secondHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+        secondHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+        secondHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+        useMillisecondPrecision?: boolean | undefined;
+    };
+    closeClock?: boolean;
+    'data-testid'?: string;
+    disableClock?: boolean;
+    disabled?: boolean;
+    format?: string;
+    hourAriaLabel?: string;
+    hourPlaceholder?: string;
+    id?: string;
+    isOpen?: boolean;
+    locale?: string;
+    maxDetail?: import("react-time-picker/dist/cjs/shared/types").Detail;
+    maxTime?: string;
+    minTime?: string;
+    minuteAriaLabel?: string;
+    minutePlaceholder?: string;
+    name?: string;
+    nativeInputAriaLabel?: string;
+    onChange?: (value: import("react-time-picker/dist/cjs/shared/types").Value) => void;
+    onClockClose?: () => void;
+    onClockOpen?: () => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onInvalidChange?: () => void;
+    openClockOnFocus?: boolean;
+    portalContainer?: HTMLElement | null;
+    required?: boolean;
+    secondAriaLabel?: string;
+    secondPlaceholder?: string;
+    shouldCloseClock?: ({ reason }: {
+        reason: import("react-time-picker/dist/cjs/shared/types").CloseReason;
+    }) => boolean;
+    shouldOpenClock?: ({ reason }: {
+        reason: import("react-time-picker/dist/cjs/shared/types").OpenReason;
+    }) => boolean;
+    value?: import("react-time-picker/dist/cjs/shared/types").LooseValue;
+} & Omit<{
+    onCopy?: ((event: any) => void) | undefined;
+    onCut?: ((event: any) => void) | undefined;
+    onPaste?: ((event: any) => void) | undefined;
+    onCompositionEnd?: ((event: any) => void) | undefined;
+    onCompositionStart?: ((event: any) => void) | undefined;
+    onCompositionUpdate?: ((event: any) => void) | undefined;
+    onFocus?: ((event: any) => void) | undefined;
+    onBlur?: ((event: any) => void) | undefined;
+    onChange?: ((event: any) => void) | undefined;
+    onInput?: ((event: any) => void) | undefined;
+    onReset?: ((event: any) => void) | undefined;
+    onSubmit?: ((event: any) => void) | undefined;
+    onInvalid?: ((event: any) => void) | undefined;
+    onLoad?: ((event: any) => void) | undefined;
+    onError?: ((event: any) => void) | undefined;
+    onKeyDown?: ((event: any) => void) | undefined;
+    onKeyPress?: ((event: any) => void) | undefined;
+    onKeyUp?: ((event: any) => void) | undefined;
+    onAbort?: ((event: any) => void) | undefined;
+    onCanPlay?: ((event: any) => void) | undefined;
+    onCanPlayThrough?: ((event: any) => void) | undefined;
+    onDurationChange?: ((event: any) => void) | undefined;
+    onEmptied?: ((event: any) => void) | undefined;
+    onEncrypted?: ((event: any) => void) | undefined;
+    onEnded?: ((event: any) => void) | undefined;
+    onLoadedData?: ((event: any) => void) | undefined;
+    onLoadedMetadata?: ((event: any) => void) | undefined;
+    onLoadStart?: ((event: any) => void) | undefined;
+    onPause?: ((event: any) => void) | undefined;
+    onPlay?: ((event: any) => void) | undefined;
+    onPlaying?: ((event: any) => void) | undefined;
+    onProgress?: ((event: any) => void) | undefined;
+    onRateChange?: ((event: any) => void) | undefined;
+    onSeeked?: ((event: any) => void) | undefined;
+    onSeeking?: ((event: any) => void) | undefined;
+    onStalled?: ((event: any) => void) | undefined;
+    onSuspend?: ((event: any) => void) | undefined;
+    onTimeUpdate?: ((event: any) => void) | undefined;
+    onVolumeChange?: ((event: any) => void) | undefined;
+    onWaiting?: ((event: any) => void) | undefined;
+    onClick?: ((event: any) => void) | undefined;
+    onContextMenu?: ((event: any) => void) | undefined;
+    onDoubleClick?: ((event: any) => void) | undefined;
+    onDrag?: ((event: any) => void) | undefined;
+    onDragEnd?: ((event: any) => void) | undefined;
+    onDragEnter?: ((event: any) => void) | undefined;
+    onDragExit?: ((event: any) => void) | undefined;
+    onDragLeave?: ((event: any) => void) | undefined;
+    onDragOver?: ((event: any) => void) | undefined;
+    onDragStart?: ((event: any) => void) | undefined;
+    onDrop?: ((event: any) => void) | undefined;
+    onMouseDown?: ((event: any) => void) | undefined;
+    onMouseEnter?: ((event: any) => void) | undefined;
+    onMouseLeave?: ((event: any) => void) | undefined;
+    onMouseMove?: ((event: any) => void) | undefined;
+    onMouseOut?: ((event: any) => void) | undefined;
+    onMouseOver?: ((event: any) => void) | undefined;
+    onMouseUp?: ((event: any) => void) | undefined;
+    onSelect?: ((event: any) => void) | undefined;
+    onTouchCancel?: ((event: any) => void) | undefined;
+    onTouchEnd?: ((event: any) => void) | undefined;
+    onTouchMove?: ((event: any) => void) | undefined;
+    onTouchStart?: ((event: any) => void) | undefined;
+    onPointerDown?: ((event: any) => void) | undefined;
+    onPointerMove?: ((event: any) => void) | undefined;
+    onPointerUp?: ((event: any) => void) | undefined;
+    onPointerCancel?: ((event: any) => void) | undefined;
+    onPointerEnter?: ((event: any) => void) | undefined;
+    onPointerLeave?: ((event: any) => void) | undefined;
+    onPointerOver?: ((event: any) => void) | undefined;
+    onPointerOut?: ((event: any) => void) | undefined;
+    onGotPointerCapture?: ((event: any) => void) | undefined;
+    onLostPointerCapture?: ((event: any) => void) | undefined;
+    onScroll?: ((event: any) => void) | undefined;
+    onWheel?: ((event: any) => void) | undefined;
+    onAnimationStart?: ((event: any) => void) | undefined;
+    onAnimationEnd?: ((event: any) => void) | undefined;
+    onAnimationIteration?: ((event: any) => void) | undefined;
     onToggle?: ((event: any) => void) | undefined;
-}, "onFocus" | "onChange">, never>> & Omit<import("react").FC<import("react-time-picker").TimePickerProps>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledDatePicker: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
+    onTransitionEnd?: ((event: any) => void) | undefined;
+}, "onFocus" | "onChange">, never>>> & string & Omit<typeof TimePicker, keyof import("react").Component<any, {}, any>>;
+export declare const StyledDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     autoFocus?: boolean;
     calendarAriaLabel?: string;
-    calendarClassName?: import("react-date-picker/dist/cjs/shared/types").ClassName;
-    calendarIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    calendarIcon?: (import("react").ComponentType<{}> | (import("react").ReactNode | import("react").ReactNode[]) | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    calendarProps?: {
+        key?: import("react").Key | null | undefined;
+        defaultValue?: import("react-calendar/dist/cjs/shared/types").LooseValue | undefined;
+        className?: import("react-calendar/dist/cjs/shared/types").ClassName;
+        view?: import("react-calendar/dist/cjs/shared/types").View | undefined;
+        locale?: string | undefined;
+        maxDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        returnValue?: ("start" | "end" | "range") | undefined;
+        activeStartDate?: Date | undefined;
+        allowPartialRange?: boolean | undefined;
+        calendarType?: import("react-calendar").CalendarType | undefined;
+        defaultActiveStartDate?: Date | undefined;
+        defaultView?: import("react-calendar/dist/cjs/shared/types").View | undefined;
+        formatDay?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatDay | undefined;
+        formatLongDate?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatLongDate | undefined;
+        formatMonth?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonth | undefined;
+        formatMonthYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonthYear | undefined;
+        formatShortWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatShortWeekday | undefined;
+        formatWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatWeekday | undefined;
+        formatYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatYear | undefined;
+        goToRangeStartOnSelect?: boolean | undefined;
+        inputRef?: React.Ref<HTMLDivElement> | undefined;
+        minDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
+        navigationAriaLabel?: string | undefined;
+        navigationAriaLive?: ("off" | "polite" | "assertive") | undefined;
+        navigationLabel?: import("react-calendar").NavigationLabelFunc | undefined;
+        next2AriaLabel?: string | undefined;
+        next2Label?: React.ReactNode;
+        nextAriaLabel?: string | undefined;
+        nextLabel?: React.ReactNode;
+        onActiveStartDateChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onClickDay?: import("react-calendar").OnClickFunc | undefined;
+        onClickDecade?: import("react-calendar").OnClickFunc | undefined;
+        onClickMonth?: import("react-calendar").OnClickFunc | undefined;
+        onClickWeekNumber?: import("react-calendar").OnClickWeekNumberFunc | undefined;
+        onClickYear?: import("react-calendar").OnClickFunc | undefined;
+        onDrillDown?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onDrillUp?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onViewChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        prev2AriaLabel?: string | undefined;
+        prev2Label?: React.ReactNode;
+        prevAriaLabel?: string | undefined;
+        prevLabel?: React.ReactNode;
+        showDoubleView?: boolean | undefined;
+        showFixedNumberOfWeeks?: boolean | undefined;
+        showNavigation?: boolean | undefined;
+        showNeighboringCentury?: boolean | undefined;
+        showNeighboringDecade?: boolean | undefined;
+        showNeighboringMonth?: boolean | undefined;
+        showWeekNumbers?: boolean | undefined;
+        tileClassName?: import("react-calendar").TileClassNameFunc | import("react-calendar/dist/cjs/shared/types").ClassName;
+        tileContent?: import("react-calendar").TileContentFunc | React.ReactNode;
+        tileDisabled?: import("react-calendar").TileDisabledFunc | undefined;
+    };
     className?: import("react-date-picker/dist/cjs/shared/types").ClassName;
     clearAriaLabel?: string;
-    clearIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    clearIcon?: (import("react").ComponentType<{}> | (import("react").ReactNode | import("react").ReactNode[]) | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
     closeCalendar?: boolean;
     'data-testid'?: string;
     dayAriaLabel?: string;
@@ -371,61 +696,6 @@ export declare const StyledDatePicker: IStyledComponent<"web", import("styled-co
     value?: import("react-date-picker/dist/cjs/shared/types").LooseValue;
     yearAriaLabel?: string;
     yearPlaceholder?: string;
-} & {
-    key?: import("react").Key | null | undefined;
-    defaultValue?: import("react-calendar/dist/cjs/shared/types").LooseValue | undefined;
-    view?: import("react-calendar/dist/cjs/shared/types").View | undefined;
-    value?: import("react-calendar/dist/cjs/shared/types").LooseValue | undefined;
-    locale?: string | undefined;
-    activeStartDate?: Date | undefined;
-    allowPartialRange?: boolean | undefined;
-    calendarType?: (import("react-calendar/dist/cjs/shared/types").CalendarType | import("react-calendar/dist/cjs/shared/types").DeprecatedCalendarType) | undefined;
-    defaultActiveStartDate?: Date | undefined;
-    defaultView?: import("react-calendar/dist/cjs/shared/types").View | undefined;
-    formatDay?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatDay | undefined;
-    formatLongDate?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatLongDate | undefined;
-    formatMonth?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonth | undefined;
-    formatMonthYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonthYear | undefined;
-    formatShortWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatShortWeekday | undefined;
-    formatWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatWeekday | undefined;
-    formatYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatYear | undefined;
-    goToRangeStartOnSelect?: boolean | undefined;
-    inputRef?: React.Ref<HTMLDivElement> | undefined;
-    maxDate?: Date | undefined;
-    minDate?: Date | undefined;
-    minDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
-    navigationAriaLabel?: string | undefined;
-    navigationAriaLive?: ("off" | "polite" | "assertive") | undefined;
-    navigationLabel?: import("react-calendar").NavigationLabelFunc | undefined;
-    next2AriaLabel?: string | undefined;
-    next2Label?: React.ReactNode;
-    nextAriaLabel?: string | undefined;
-    nextLabel?: React.ReactNode;
-    onActiveStartDateChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
-    onClickDay?: import("react-calendar").OnClickFunc | undefined;
-    onClickDecade?: import("react-calendar").OnClickFunc | undefined;
-    onClickMonth?: import("react-calendar").OnClickFunc | undefined;
-    onClickWeekNumber?: import("react-calendar").OnClickWeekNumberFunc | undefined;
-    onClickYear?: import("react-calendar").OnClickFunc | undefined;
-    onDrillDown?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
-    onDrillUp?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
-    onViewChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
-    prev2AriaLabel?: string | undefined;
-    prev2Label?: React.ReactNode;
-    prevAriaLabel?: string | undefined;
-    prevLabel?: React.ReactNode;
-    returnValue?: ("start" | "end" | "range") | undefined;
-    selectRange?: boolean | undefined;
-    showDoubleView?: boolean | undefined;
-    showFixedNumberOfWeeks?: boolean | undefined;
-    showNavigation?: boolean | undefined;
-    showNeighboringCentury?: boolean | undefined;
-    showNeighboringDecade?: boolean | undefined;
-    showNeighboringMonth?: boolean | undefined;
-    showWeekNumbers?: boolean | undefined;
-    tileClassName?: import("react-calendar").TileClassNameFunc | import("react-calendar/dist/cjs/shared/types").ClassName;
-    tileContent?: import("react-calendar").TileContentFunc | React.ReactNode;
-    tileDisabled?: import("react-calendar").TileDisabledFunc | undefined;
 } & Omit<{
     onCopy?: ((event: any) => void) | undefined;
     onCut?: ((event: any) => void) | undefined;
@@ -505,7 +775,187 @@ export declare const StyledDatePicker: IStyledComponent<"web", import("styled-co
     onAnimationStart?: ((event: any) => void) | undefined;
     onAnimationEnd?: ((event: any) => void) | undefined;
     onAnimationIteration?: ((event: any) => void) | undefined;
+    onToggle?: ((event: any) => void) | undefined;
     onTransitionEnd?: ((event: any) => void) | undefined;
+}, "onFocus" | "onChange">, never> & Partial<Pick<{
+    autoFocus?: boolean;
+    calendarAriaLabel?: string;
+    calendarIcon?: (import("react").ComponentType<{}> | (import("react").ReactNode | import("react").ReactNode[]) | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    calendarProps?: {
+        key?: import("react").Key | null | undefined;
+        defaultValue?: import("react-calendar/dist/cjs/shared/types").LooseValue | undefined;
+        className?: import("react-calendar/dist/cjs/shared/types").ClassName;
+        view?: import("react-calendar/dist/cjs/shared/types").View | undefined;
+        locale?: string | undefined;
+        maxDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        returnValue?: ("start" | "end" | "range") | undefined;
+        activeStartDate?: Date | undefined;
+        allowPartialRange?: boolean | undefined;
+        calendarType?: import("react-calendar").CalendarType | undefined;
+        defaultActiveStartDate?: Date | undefined;
+        defaultView?: import("react-calendar/dist/cjs/shared/types").View | undefined;
+        formatDay?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatDay | undefined;
+        formatLongDate?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatLongDate | undefined;
+        formatMonth?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonth | undefined;
+        formatMonthYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonthYear | undefined;
+        formatShortWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatShortWeekday | undefined;
+        formatWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatWeekday | undefined;
+        formatYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatYear | undefined;
+        goToRangeStartOnSelect?: boolean | undefined;
+        inputRef?: React.Ref<HTMLDivElement> | undefined;
+        minDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
+        navigationAriaLabel?: string | undefined;
+        navigationAriaLive?: ("off" | "polite" | "assertive") | undefined;
+        navigationLabel?: import("react-calendar").NavigationLabelFunc | undefined;
+        next2AriaLabel?: string | undefined;
+        next2Label?: React.ReactNode;
+        nextAriaLabel?: string | undefined;
+        nextLabel?: React.ReactNode;
+        onActiveStartDateChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onClickDay?: import("react-calendar").OnClickFunc | undefined;
+        onClickDecade?: import("react-calendar").OnClickFunc | undefined;
+        onClickMonth?: import("react-calendar").OnClickFunc | undefined;
+        onClickWeekNumber?: import("react-calendar").OnClickWeekNumberFunc | undefined;
+        onClickYear?: import("react-calendar").OnClickFunc | undefined;
+        onDrillDown?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onDrillUp?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        onViewChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
+        prev2AriaLabel?: string | undefined;
+        prev2Label?: React.ReactNode;
+        prevAriaLabel?: string | undefined;
+        prevLabel?: React.ReactNode;
+        showDoubleView?: boolean | undefined;
+        showFixedNumberOfWeeks?: boolean | undefined;
+        showNavigation?: boolean | undefined;
+        showNeighboringCentury?: boolean | undefined;
+        showNeighboringDecade?: boolean | undefined;
+        showNeighboringMonth?: boolean | undefined;
+        showWeekNumbers?: boolean | undefined;
+        tileClassName?: import("react-calendar").TileClassNameFunc | import("react-calendar/dist/cjs/shared/types").ClassName;
+        tileContent?: import("react-calendar").TileContentFunc | React.ReactNode;
+        tileDisabled?: import("react-calendar").TileDisabledFunc | undefined;
+    };
+    className?: import("react-date-picker/dist/cjs/shared/types").ClassName;
+    clearAriaLabel?: string;
+    clearIcon?: (import("react").ComponentType<{}> | (import("react").ReactNode | import("react").ReactNode[]) | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | null;
+    closeCalendar?: boolean;
+    'data-testid'?: string;
+    dayAriaLabel?: string;
+    dayPlaceholder?: string;
+    disableCalendar?: boolean;
+    disabled?: boolean;
+    format?: string;
+    id?: string;
+    isOpen?: boolean;
+    locale?: string;
+    maxDate?: Date;
+    maxDetail?: import("react-date-picker/dist/cjs/shared/types").Detail;
+    minDate?: Date;
+    monthAriaLabel?: string;
+    monthPlaceholder?: string;
+    name?: string;
+    nativeInputAriaLabel?: string;
+    onCalendarClose?: () => void;
+    onCalendarOpen?: () => void;
+    onChange?: (value: import("react-date-picker/dist/cjs/shared/types").Value) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onInvalidChange?: () => void;
+    openCalendarOnFocus?: boolean;
+    portalContainer?: HTMLElement | null;
+    required?: boolean;
+    returnValue?: "start" | "end" | "range";
+    shouldCloseCalendar?: (props: {
+        reason: import("react-date-picker/dist/cjs/shared/types").CloseReason;
+    }) => boolean;
+    shouldOpenCalendar?: (props: {
+        reason: import("react-date-picker/dist/cjs/shared/types").OpenReason;
+    }) => boolean;
+    showLeadingZeros?: boolean;
+    value?: import("react-date-picker/dist/cjs/shared/types").LooseValue;
+    yearAriaLabel?: string;
+    yearPlaceholder?: string;
+} & Omit<{
+    onCopy?: ((event: any) => void) | undefined;
+    onCut?: ((event: any) => void) | undefined;
+    onPaste?: ((event: any) => void) | undefined;
+    onCompositionEnd?: ((event: any) => void) | undefined;
+    onCompositionStart?: ((event: any) => void) | undefined;
+    onCompositionUpdate?: ((event: any) => void) | undefined;
+    onFocus?: ((event: any) => void) | undefined;
+    onBlur?: ((event: any) => void) | undefined;
+    onChange?: ((event: any) => void) | undefined;
+    onInput?: ((event: any) => void) | undefined;
+    onReset?: ((event: any) => void) | undefined;
+    onSubmit?: ((event: any) => void) | undefined;
+    onInvalid?: ((event: any) => void) | undefined;
+    onLoad?: ((event: any) => void) | undefined;
+    onError?: ((event: any) => void) | undefined;
+    onKeyDown?: ((event: any) => void) | undefined;
+    onKeyPress?: ((event: any) => void) | undefined;
+    onKeyUp?: ((event: any) => void) | undefined;
+    onAbort?: ((event: any) => void) | undefined;
+    onCanPlay?: ((event: any) => void) | undefined;
+    onCanPlayThrough?: ((event: any) => void) | undefined;
+    onDurationChange?: ((event: any) => void) | undefined;
+    onEmptied?: ((event: any) => void) | undefined;
+    onEncrypted?: ((event: any) => void) | undefined;
+    onEnded?: ((event: any) => void) | undefined;
+    onLoadedData?: ((event: any) => void) | undefined;
+    onLoadedMetadata?: ((event: any) => void) | undefined;
+    onLoadStart?: ((event: any) => void) | undefined;
+    onPause?: ((event: any) => void) | undefined;
+    onPlay?: ((event: any) => void) | undefined;
+    onPlaying?: ((event: any) => void) | undefined;
+    onProgress?: ((event: any) => void) | undefined;
+    onRateChange?: ((event: any) => void) | undefined;
+    onSeeked?: ((event: any) => void) | undefined;
+    onSeeking?: ((event: any) => void) | undefined;
+    onStalled?: ((event: any) => void) | undefined;
+    onSuspend?: ((event: any) => void) | undefined;
+    onTimeUpdate?: ((event: any) => void) | undefined;
+    onVolumeChange?: ((event: any) => void) | undefined;
+    onWaiting?: ((event: any) => void) | undefined;
+    onClick?: ((event: any) => void) | undefined;
+    onContextMenu?: ((event: any) => void) | undefined;
+    onDoubleClick?: ((event: any) => void) | undefined;
+    onDrag?: ((event: any) => void) | undefined;
+    onDragEnd?: ((event: any) => void) | undefined;
+    onDragEnter?: ((event: any) => void) | undefined;
+    onDragExit?: ((event: any) => void) | undefined;
+    onDragLeave?: ((event: any) => void) | undefined;
+    onDragOver?: ((event: any) => void) | undefined;
+    onDragStart?: ((event: any) => void) | undefined;
+    onDrop?: ((event: any) => void) | undefined;
+    onMouseDown?: ((event: any) => void) | undefined;
+    onMouseEnter?: ((event: any) => void) | undefined;
+    onMouseLeave?: ((event: any) => void) | undefined;
+    onMouseMove?: ((event: any) => void) | undefined;
+    onMouseOut?: ((event: any) => void) | undefined;
+    onMouseOver?: ((event: any) => void) | undefined;
+    onMouseUp?: ((event: any) => void) | undefined;
+    onSelect?: ((event: any) => void) | undefined;
+    onTouchCancel?: ((event: any) => void) | undefined;
+    onTouchEnd?: ((event: any) => void) | undefined;
+    onTouchMove?: ((event: any) => void) | undefined;
+    onTouchStart?: ((event: any) => void) | undefined;
+    onPointerDown?: ((event: any) => void) | undefined;
+    onPointerMove?: ((event: any) => void) | undefined;
+    onPointerUp?: ((event: any) => void) | undefined;
+    onPointerCancel?: ((event: any) => void) | undefined;
+    onPointerEnter?: ((event: any) => void) | undefined;
+    onPointerLeave?: ((event: any) => void) | undefined;
+    onPointerOver?: ((event: any) => void) | undefined;
+    onPointerOut?: ((event: any) => void) | undefined;
+    onGotPointerCapture?: ((event: any) => void) | undefined;
+    onLostPointerCapture?: ((event: any) => void) | undefined;
+    onScroll?: ((event: any) => void) | undefined;
+    onWheel?: ((event: any) => void) | undefined;
+    onAnimationStart?: ((event: any) => void) | undefined;
+    onAnimationEnd?: ((event: any) => void) | undefined;
+    onAnimationIteration?: ((event: any) => void) | undefined;
     onToggle?: ((event: any) => void) | undefined;
-}, "onFocus" | "onChange">, never>> & Omit<import("react").FC<import("react-date-picker").DatePickerProps>, keyof import("react").Component<any, {}, any>>;
+    onTransitionEnd?: ((event: any) => void) | undefined;
+}, "onFocus" | "onChange">, never>>> & string & Omit<typeof DatePicker, keyof import("react").Component<any, {}, any>>;
 export {};