import { FocusEvent } from "react";
import { L10n, TSerializeTypes } from "@tripetto/runner";
import { IInputFabricStyles } from "../input/styles";
export declare const DateInputElement: import("styled-components").IStyledComponent<
    "web",
    import("styled-components/dist/types").Substitute<
        import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
        {
            $backgroundColor: string;
            $borderColor: string;
            $borderSize: number;
            $roundness: number | undefined;
            $textColor: string | undefined;
            $errorColor: string;
            $errorVisible: boolean;
            $error: boolean;
            $scale: number;
            $height?: number | undefined;
            $placeholder?: boolean | undefined;
        }
    >
>;
export declare const DateTimeFabric: (props: {
    readonly styles: IInputFabricStyles;
    readonly l10n?: L10n.Namespace | undefined;
    readonly id?: string | undefined;
    readonly mode?: "date" | "datetime" | undefined;
    readonly placeholder?: string | undefined;
    readonly required?: boolean | undefined;
    readonly disabled?: boolean | undefined;
    readonly readOnly?: boolean | undefined;
    readonly error?: boolean | undefined;
    readonly tabIndex?: number | undefined;
    readonly value?:
        | number
        | Date
        | {
              pristine: TSerializeTypes;
              readonly value: Date | number;
              readonly hasValue: boolean;
              readonly isLocked: boolean;
              readonly isFrozen: boolean;
              readonly slot: {
                  readonly minimum?: number | true | Date | undefined;
                  readonly maximum?: number | true | Date | undefined;
                  readonly toValue: (value: TSerializeTypes) => number;
              };
          }
        | undefined;
    readonly ariaDescribedBy?: string | undefined;
    readonly onChange?: ((value: Date) => Date | void) | undefined;
    readonly onFocus?: ((e: FocusEvent) => string | void) | undefined;
    readonly onBlur?: ((e: FocusEvent) => string | void) | undefined;
    readonly onAutoFocus?: ((el: HTMLInputElement | null) => void) | undefined;
    readonly onSubmit?: (() => void) | undefined;
    readonly onCancel?: (() => void) | undefined;
}) => import("react/jsx-runtime").JSX.Element;