declare const colorVar: `var(--${string})`;
declare const colorPlaceholderVar: `var(--${string})`;
declare const colorDateSelectorVar: `var(--${string})`;
declare const backgroundColorVar: `var(--${string})`;
declare const backgroundColorHoverVar: `var(--${string})`;
export declare const spinButtonSelectionColorVar: `var(--${string})`;
export declare const spinButtonSelectionBackgroundColorVar: `var(--${string})`;
export declare const dateTimePicker: import("@vanilla-extract/recipes").RuntimeFn<{
    readOnly: {
        true: {
            vars: {
                [spinButtonSelectionColorVar]: string;
                [spinButtonSelectionBackgroundColorVar]: string;
                [colorDateSelectorVar]: string;
                [backgroundColorVar]: string;
                [backgroundColorHoverVar]: string;
            };
            cursor: "default";
            selectors: {
                [x: string]: {
                    vars: {
                        [backgroundColorVar]: string;
                        [backgroundColorHoverVar]: string;
                    };
                };
            };
        };
    };
    showError: {
        true: {
            vars: {
                [colorVar]: string;
                [colorPlaceholderVar]: string;
                [backgroundColorVar]: string;
                [backgroundColorHoverVar]: string;
                [spinButtonSelectionColorVar]: string;
                [spinButtonSelectionBackgroundColorVar]: string;
            };
            selectors: {
                [x: string]: {
                    vars: {
                        [backgroundColorVar]: string;
                    };
                };
            };
        };
    };
    disabled: {
        true: {
            vars: {
                [colorVar]: string;
                [colorPlaceholderVar]: string;
                [backgroundColorVar]: string;
                [backgroundColorHoverVar]: string;
                [spinButtonSelectionColorVar]: string;
                [spinButtonSelectionBackgroundColorVar]: string;
            };
            cursor: "not-allowed";
        };
    };
    type: {
        date: {};
        time: {
            borderStartEndRadius: string;
            borderEndEndRadius: string;
        };
        datetime: {};
    };
}>;
export declare const spinButtonGroup: string;
export declare const dateSelector: string;
export declare const clearIconButton: string;
export {};