@rnwonder/react-date-picker
Version:
A lightweight, customizable, and accessible date picker component for React applications.
43 lines (41 loc) • 1.89 kB
TypeScript
import { IMonthSelectorType, IMonthYearSelectorFlexDirection, YearRange, Locale, RnColor, MakeOptionalRequired, DateObjectUnits, DateArray, RnClassName, DatePickerOnChange, DatePickerType } from '../../interface/general';
import { SelectorProps } from '../Selector';
import { default as React, SetStateAction } from 'react';
export interface DatePickerTopProps extends RnColor, RnClassName {
handlePrevMonth: () => void;
handleNextMonth: () => void;
setMonth: React.Dispatch<SetStateAction<number>>;
setYear: React.Dispatch<SetStateAction<number>>;
month: number;
year: number;
render: boolean;
setShowSelectorTwo?: React.Dispatch<SetStateAction<boolean>>;
setSelectorTwoProps?: React.Dispatch<SetStateAction<SelectorProps>>;
showSelectorTwo?: boolean;
monthSelectorJSX?: React.ReactNode;
yearSelectorJSX?: React.ReactNode;
monthYearSelectorJSX?: React.ReactNode;
zIndex?: number;
setAllowedComponents?: React.Dispatch<SetStateAction<HTMLElement[]>>;
monthSelectorFormat?: IMonthSelectorType;
monthYearSelectorFlexDirection?: IMonthYearSelectorFlexDirection;
yearRange?: YearRange;
locale?: Locale;
nextIcon?: React.ReactNode;
prevIcon?: React.ReactNode;
removeNavButtons?: boolean;
nextButtonAreaJSX?: React.ReactNode;
prevButtonAreaJSX?: React.ReactNode;
minDate?: MakeOptionalRequired<DateObjectUnits>;
maxDate?: MakeOptionalRequired<DateObjectUnits>;
enabledDays?: DateArray[];
onMonthChange?: (month: number) => void;
onChange?: (data: DatePickerOnChange) => void;
twoMonthsDisplay?: boolean;
type: DatePickerType;
startDay?: DateObjectUnits;
setStartDay: React.Dispatch<SetStateAction<DateObjectUnits | undefined>>;
noButtonAnimation?: boolean;
yearSelectorCount: number;
}
export declare const DatePickerTop: React.FC<DatePickerTopProps>;