/**
 * Recipe configuration for the DateInput component.
 * Defines the styling variants and base styles using Chakra UI's recipe system.
 */
export declare const dateInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "leadingElement" | "trailingElement" | "segmentGroup" | "segment", {
    size: {
        sm: {
            root: {
                h: "800";
                textStyle: "sm";
                px: "300";
                gap: "100";
            };
            leadingElement: {
                "& > svg": {
                    boxSize: "400";
                };
            };
            trailingElement: {
                "& > svg": {
                    boxSize: "400";
                };
            };
        };
        md: {
            root: {
                h: "1000";
                textStyle: "md";
                px: "400";
                gap: "200";
            };
            leadingElement: {
                "& > svg": {
                    boxSize: "500";
                };
            };
            trailingElement: {
                "& > svg": {
                    boxSize: "500";
                };
            };
        };
    };
    variant: {
        solid: {
            root: {
                "--border-width": "sizes.25";
                "--border-color": "colors.neutral.7";
                backgroundColor: "neutral.1";
                _hover: {
                    backgroundColor: "primary.2";
                };
            };
        };
        ghost: {
            root: {
                _hover: {
                    backgroundColor: "primary.2";
                };
            };
        };
        plain: {
            root: {
                px: "0";
                outline: "none!";
                boxShadow: "none!";
                bg: "transparent!";
            };
        };
    };
}>;