@fk6/react-datepicker
Version:
React date picker with Hijri & Gregorian support, theming, localization, and more.
40 lines • 1.94 kB
TypeScript
import { Moment } from 'moment-hijri';
import { default as React, ComponentProps, ReactNode } from 'react';
import { CalendarPositionsEnum, CalendarsEnum, CalendarViewsEnum, PopupModesEnum, ThemesEnum } from '../../utils/enums.js';
import { DaysCalendarProps } from './DaysCalendar/index.js';
import { MonthsCalendarProps } from './MonthsCalendar/index.js';
import { YearsCalendarProps } from './YearsCalendar/index.js';
import { TimePickerProps } from './TimePicker/index.js';
export interface AllCalendarProps extends Omit<ComponentProps<'div'>, 'onSelect'> {
open?: boolean;
value?: Date | Moment | null;
initialDate?: Date | Moment | undefined;
minDate?: Date | undefined;
maxDate?: Date | undefined;
locale?: string | undefined;
calendar?: `${CalendarsEnum}` | undefined;
disablePortal?: boolean;
yearsCalendarProps?: Partial<YearsCalendarProps>;
monthsCalendarProps?: Partial<MonthsCalendarProps>;
daysCalendarProps?: Partial<DaysCalendarProps>;
timePickerProps?: Partial<TimePickerProps>;
enableGoToToday?: boolean;
mode?: `${PopupModesEnum}`;
theme?: `${ThemesEnum}`;
position?: `${CalendarPositionsEnum}`;
anchorEl?: HTMLElement | null;
isControlled?: boolean;
views?: `${CalendarViewsEnum}`[];
initialView?: `${CalendarViewsEnum}`;
showTimePicker?: boolean;
hideFooter?: boolean;
disableLocaleDigits?: boolean | undefined;
disabledDatesFn?: (date: Date, view: `${CalendarViewsEnum}`) => boolean;
renderGoToToday?: (onClick: () => void) => ReactNode;
renderConfirmBtn?: (onClick: () => void) => ReactNode;
onSelect?: (date: Date, close?: boolean) => void;
onClose?: () => void;
}
export type CalendarProps = Omit<AllCalendarProps, "showTimePicker">;
export declare const Calendar: React.ForwardRefExoticComponent<Omit<AllCalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=index.d.ts.map