import * as React from "react"; import { type FocusedInputShape } from "react-dates"; import "react-dates/initialize"; import "../DatePicker/css"; import * as moment from 'moment'; export interface DateRangeValue { startDate?: moment.Moment; endDate?: moment.Moment; } export interface DateRangeLimit { lowerLimit?: Date | moment.Moment | string; upperLimit?: Date | moment.Moment | string; } export interface Props { borderRadius: number; value?: DateRangeValue; defaultValue?: DateRangeValue; selectableDateRange?: DateRangeLimit; locale?: string; borderColor?: string; disabled?: boolean; showPreviousMonth?: boolean; onClear?: () => void; onChange?: (value: DateRangeValue) => void; onClose?: (value: DateRangeValue) => void; onDateRangeFocusChange?: (value: string) => void; onRenderFooter?: () => React.ReactNode; } interface State { startDate: DateRangeValue['startDate'] | null; endDate: DateRangeValue['endDate'] | null; focusedInput: FocusedInputShape; isMobileResolution: boolean; lowerDateLimit: DateRangeLimit['lowerLimit'] | null; upperDateLimit: DateRangeLimit['upperLimit'] | null; } /** * A component that displays a date range picker. A Date Range lets the user select a start and end date range. */ declare class DateRange extends React.Component { static displayName: string; static defaultProps: { borderRadius: number; value: {}; defaultValue: {}; selectableDateRange: {}; locale: string; showPreviousMonth: boolean; }; private breakpoints; private parentNode; private elementResizeDetector; constructor(props: Props); componentDidMount(): void; componentWillUnmount(): void; private onResize; handleDateChange: ({ startDate, endDate }: { startDate: any; endDate: any; }) => void; handleFocusChange: (focusedInput: FocusedInputShape | null) => void; private isOutsideRange; private getDateFormatString; render(): JSX.Element; } export default DateRange;