import { CSSProperties } from 'react';
import { InputSize } from '../input/types';
export declare const getTimePickerInputSpacingBySize: (size: InputSize) => number;
export declare const getTimePickerInputStyleBySize: (size?: InputSize) => CSSProperties | undefined;
export declare const getTimePickerInputWrapperStyleBySize: (size?: InputSize) => import("@emotion/react").SerializedStyles | undefined;
export declare const time_picker_group_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_input_root_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_group_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_label_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_scroll_wrapper_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_scroll_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_scroll_fade_css: import("@emotion/react").SerializedStyles;
export declare const time_chip_scroll_fade_left_css: import("@emotion/react").SerializedStyles;
export declare const range_input_default_style: {
    border: string;
    borderRadius: number;
    backgroundColor: string;
    padding: number;
    transition: string;
    '&:hover': {
        borderColor: string;
    };
    '&:focus, &:focus-within': {
        outline: string;
        border: string;
    };
};