export interface DateRangeProps {
    /**  String to make component be unique.*/
    id?: string, 
    /** Initial date to be displayed in input field.*/
    startDate?: string, 
    /** initial date to be displayed in input field.*/
    endDate?: string, 
    /** Date format to take into account when displaying date.*/
    format?: string, 
    /** If true, Cancel and Apply buttons are rendered.*/
    showButtons?: boolean, 
    /** Name of class to extend css properties.*/
    className?: string, 
    /** If true, timePickers are rendered to specify time.*/
    withTime?: boolean, 
    /** Date to constrain the maximum date that can be selected.*/
    maxDate?: moment.Moment,
    /** Date to constrain the minimum date that can be selected.*/
    minDate?: string,
    /** Defines is the calendar is shown in horizontal or vertical orientation.*/
    orientation?: "horizontal" | "vertical",
    calendarPosition?: 
    | "top-start"
    | "top"
    | "top-end"
    | "left-start"
    | "left"
    | "left-end"
    | "right-start"
    | "right"
    | "right-end"
    | "bottom-start"
    | "bottom"
    | "bottom-end",
    style?: React.CSSProperties,
    /** Action taken when Apply button or input field is clicked */
    onChange?: (startDate: Date, endDate: Date, startDateMoment: moment.Moment, endSateMoment: moment.Moment ) => void, 
    customRangeDate?: number,
    isCompleted?: (completed: Boolean) => void;

}