@iskaiiii/react-dropdown-date/dist/date-dropdown.component.d.ts

Highly customizable react based date picker. Select date from Day, Month and Year dropdown

import * as React from 'react';
export declare enum DropdownComponent {
    year = "year",
    month = "month",
    day = "day"
}
interface IProps {
    startDate?: string;
    endDate?: string;
    selectedDate?: string;
    order?: DropdownComponent[];
    onMonthChange?: Function;
    onDayChange?: Function;
    onYearChange?: Function;
    onDateChange?: Function;
    ids?: {
        year?: string;
        month?: string;
        day?: string;
    };
    names?: {
        year?: string;
        month?: string;
        day?: string;
    };
    classes?: {
        dateContainer?: string;
        yearContainer?: string;
        monthContainer?: string;
        dayContainer?: string;
        year?: string;
        month?: string;
        day?: string;
        yearOptions?: string;
        monthOptions?: string;
        dayOptions?: string;
    };
    defaultValues?: {
        year?: string;
        month?: string;
        day?: string;
    };
    options?: {
        yearReverse?: boolean;
        monthShort?: boolean;
        monthCaps?: boolean;
    };
}
interface IState {
    startYear: number;
    startMonth: number;
    startDay: number;
    endYear: number;
    endMonth: number;
    endDay: number;
    selectedYear: number;
    selectedMonth: number;
    selectedDay: number;
}
export declare class DropdownDate extends React.Component<IProps, IState> {
    renderParts: any;
    constructor(props: IProps);
    static getDerivedStateFromProps(nextProps: IProps, prevState: IState): {
        selectedYear: number;
        selectedMonth?: undefined;
        selectedDay?: undefined;
    } | {
        selectedMonth: number;
        selectedYear?: undefined;
        selectedDay?: undefined;
    } | {
        selectedDay: number;
        selectedYear?: undefined;
        selectedMonth?: undefined;
    } | null;
    generateYearOptions(): React.JSX.Element[];
    generateMonthOptions(): React.JSX.Element[];
    generateDayOptions(): React.JSX.Element[];
    handleDateChange: (type: DropdownComponent, value: number) => void;
    handleYearChange: (e: any) => void;
    handleMonthChange: (e: any) => void;
    handleDayChange: (e: any) => void;
    renderYear: () => React.JSX.Element;
    renderMonth: () => React.JSX.Element;
    renderDay: () => React.JSX.Element;
    render: () => React.JSX.Element;
}
export {};