import * as Moment from "moment-timezone";
import * as React from "react";
import "react-dates/initialize";
import { ViewProps } from "../View";
import "./css";
export interface DatePickerChangeEvent {
    target: {
        name: string;
        id: string;
        value: Moment.Moment;
    };
}
export interface DatePickerProps extends ViewProps {
    onChange?: (event: DatePickerChangeEvent) => void;
    children?: any;
    id: string;
    size?: "lg" | "md" | "sm";
    defaultValue?: Date | number | Moment.Moment;
    value?: Date | number | Moment.Moment;
    time?: boolean;
    allowBlank?: boolean;
    displayFormat?: string;
    label?: string;
    floating?: boolean;
    enablePastDate?: boolean;
    outputTimeZone?: string;
}
export interface DatePickerState {
    date: Moment.Moment;
    selectedDate?: Moment.Moment;
    focused: boolean;
    timeFocused: boolean;
    minute: string;
    hour: string;
    timezonedReferenceNow: Moment.Moment;
}
export declare function getOffsetBetweenTimezonesForDate(date: any, timezone1: any, timezone2: any): number;
export declare function convertDateToAnotherTimeZone(date: any, timezone: any): number;
/**
 * A component that displays a datepicker. A Date Picker lets the user select a single date and, optionally, time.
 */
declare class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
    static defaultProps: {
        size: string;
        defaultValue: Date;
        disabled: boolean;
        allowBlank: boolean;
    };
    static getDerivedStateFromProps(nextProps: DatePickerProps, prevState: DatePickerState): {
        date: Moment.Moment;
    };
    constructor(props: any);
    onChange(date: Moment.Moment): void;
    handleFocus(evt: React.FocusEvent<any>): void;
    handleBlur(evt: React.FocusEvent<any>): void;
    changeHour(evt: React.SyntheticEvent<HTMLInputElement>): void;
    changeMinute(evt: React.SyntheticEvent<HTMLInputElement>): void;
    changeMerridian(): void;
    handleKeys(evt: any): void;
    onDateChange(date: Moment.Moment): void;
    getBorderColor(): "accent" | "faded";
    onFocusChange(focus: {
        focused: boolean;
    }): void;
    render(): JSX.Element;
    private isOutsideRange;
}
export default DatePicker;