DefinitelyTyped/react-day-picker/index.d.ts

// Type definitions for react-day-picker v1.2.0
// Project: https://github.com/gpbl/react-day-picker
// Definitions by: Giampaolo Bellavite <https://github.com/gpbl>, Jason Killian <https://github.com/jkillian>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

/// <reference types="react" />

declare module "react-day-picker" {
    import DayPicker = ReactDayPicker.DayPicker;
    export = DayPicker;
}

declare var DayPicker: typeof ReactDayPicker.DayPicker;

declare namespace ReactDayPicker {
    interface LocaleUtils {
        formatMonthTitle: (month: Date, locale: string) => string;
        formatWeekdayShort: (weekday: number, locale: string) => string;
        formatWeekdayLong: (weekday: number, locale: string) => string;
        getFirstDayOfWeek: (locale: string) => number;
        getMonths: (locale: string) => string[];
    }

    interface DayModifiers {
         selected?: boolean;
         disabled?: boolean;
         [name: string]: boolean;
    }

    interface Modifiers {
        [name: string]: (date: Date) => boolean;
    }

    interface CaptionElementProps extends React.Props<any> {
        date?: Date;
        localeUtils?: LocaleUtils;
        locale?: string;
        onClick?: React.MouseEventHandler<{}>;
    }

    interface NavbarElementProps extends React.Props<any> {
        className?: string;
        previousMonth?: Date;
        nextMonth?: Date;
        showPreviousButton?: boolean;
        showNextButton?: boolean;
        onPreviousClick(): void;
        onNextClick(): void;
        dir?: string;
        localeUtils?: LocaleUtils;
        locale?: string;

    }
    
    interface WeekdayElementProps extends React.Props<any> {
        weekday?: number;
        className?: string;
        localeUtils?: LocaleUtils;
        locale?: string;
    }

    interface Props extends React.Props<DayPicker>{
        modifiers?: Modifiers;
        initialMonth?: Date;
        numberOfMonths?: number;
        renderDay?: (date: Date) => number | string | JSX.Element;
        enableOutsideDays?: boolean;
        firstDayOfWeek?:number;
        canChangeMonth?: boolean;
        disabledDays?: (date: Date) => boolean;
        fixedWeeks?: boolean;
        fromMonth?: Date;
        reverseMonths?: boolean;
        toMonth?: Date;
        localeUtils?: LocaleUtils;
        locale?: string;
        captionElement?: React.ReactElement<CaptionElementProps>;
        onDayClick?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        onDayTouchTap?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        onDayMouseEnter?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        onDayMouseLeave?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        onDayTouchEnd?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        onDayTouchStart?: (e: React.SyntheticEvent<{}>, day: Date, modifiers: DayModifiers) => any;
        navbarElement?: React.ReactElement<NavbarElementProps>;
        weekdayElement?: React.ReactElement<WeekdayElementProps>;
        onMonthChange?: (month: Date) => any;
        onCaptionClick?: (e: React.SyntheticEvent<{}>, month: Date) => any;
        className?: string;
        selectedDays?: (date: Date) => boolean;
        style?: React.CSSProperties;
        tabIndex?: number;
    }

    class DayPicker extends React.Component<Props, {}> {
        showMonth(month: Date): void;
        showPreviousMonth(): void;
        showNextMonth(): void;
    }

    namespace DayPicker {
        var LocaleUtils: LocaleUtils;
        namespace DateUtils {
            function addMonths(d: Date, n: number): Date;
            function clone(d: Date): Date;
            function isSameDay(d1?: Date, d2?: Date): boolean;
            function isPastDay(d: Date): boolean;
            function isDayBetween(day: Date, startDate: Date, endDate: Date): boolean;
            function addDayToRange(day: Date, range: { from?: Date, to?: Date }): { from?: Date, to?: Date };
            function isDayInRange(day: Date, range: { from?: Date, to?: Date }): boolean;
        }  
    }
}