import { ReactNode } from 'react';
import { TSizeAll } from '../../types';

export type TTimeDateType = 'time' | 'date' | 'datetime-local';
export type TValidateDateTimePicker = {
    /**
     * validation, set the timeDatePicker as required
     */
    required?: boolean;
};
export interface IDateTimePickerProps extends TValidateDateTimePicker {
    /**
     * puts the curser inside an timeDatePicker ready to type (should be used on first the timeDatePicker of a page only)
     */
    autoFocus?: boolean;
    /**
     * disable the timeDatePicker so the user cannot interact with it
     */
    disabled?: boolean;
    /**
     * does input have a transparent background?
     * @default false
     */
    transparent?: boolean;
    /**
     * timeDatePicker is in error state
     */
    hasError?: boolean;
    /**
     * timeDatePicker can have an id
     */
    id: string;
    /**
     * label text for timeDatePicker accessibility
     */
    label?: string | ReactNode;
    /**
     * name text for timeDatePicker accessibility
     */
    name?: string;
    /**
     * standard onBlur event
     */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * standard onChange event
     */
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * standard onFocus event
     */
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    /**
     * ref call back used with react hook form
     */
    ref?: any;
    /**
     * set the size of the element
     */
    size?: TSizeAll;
    /**
     * any elements to be rendered before or after the timeDatePicker
     */
    slots?: {
        before?: ReactNode | JSX.Element;
        after?: ReactNode | JSX.Element;
    };
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * select a time or date picker
     */
    type: TTimeDateType;
    /**
     * pass a value to be rendered in the timeDatePicker
     */
    value?: string | number;
}
//# sourceMappingURL=types.d.ts.map