45 lines
1.9 KiB
TypeScript
45 lines
1.9 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import type { GenerateConfig } from 'rc-picker/lib/generate';
|
||
|
|
import type { CellRenderInfo } from 'rc-picker/lib/interface';
|
||
|
|
import type { AnyObject } from '../_util/type';
|
||
|
|
import enUS from './locale/en_US';
|
||
|
|
export type CalendarMode = 'year' | 'month';
|
||
|
|
export type HeaderRender<DateType> = (config: {
|
||
|
|
value: DateType;
|
||
|
|
type: CalendarMode;
|
||
|
|
onChange: (date: DateType) => void;
|
||
|
|
onTypeChange: (type: CalendarMode) => void;
|
||
|
|
}) => React.ReactNode;
|
||
|
|
export interface SelectInfo {
|
||
|
|
source: 'year' | 'month' | 'date' | 'customize';
|
||
|
|
}
|
||
|
|
export interface CalendarProps<DateType> {
|
||
|
|
prefixCls?: string;
|
||
|
|
className?: string;
|
||
|
|
rootClassName?: string;
|
||
|
|
style?: React.CSSProperties;
|
||
|
|
locale?: typeof enUS;
|
||
|
|
validRange?: [DateType, DateType];
|
||
|
|
disabledDate?: (date: DateType) => boolean;
|
||
|
|
/** @deprecated Please use fullCellRender instead. */
|
||
|
|
dateFullCellRender?: (date: DateType) => React.ReactNode;
|
||
|
|
/** @deprecated Please use cellRender instead. */
|
||
|
|
dateCellRender?: (date: DateType) => React.ReactNode;
|
||
|
|
/** @deprecated Please use fullCellRender instead. */
|
||
|
|
monthFullCellRender?: (date: DateType) => React.ReactNode;
|
||
|
|
/** @deprecated Please use cellRender instead. */
|
||
|
|
monthCellRender?: (date: DateType) => React.ReactNode;
|
||
|
|
cellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode;
|
||
|
|
fullCellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode;
|
||
|
|
headerRender?: HeaderRender<DateType>;
|
||
|
|
value?: DateType;
|
||
|
|
defaultValue?: DateType;
|
||
|
|
mode?: CalendarMode;
|
||
|
|
fullscreen?: boolean;
|
||
|
|
onChange?: (date: DateType) => void;
|
||
|
|
onPanelChange?: (date: DateType, mode: CalendarMode) => void;
|
||
|
|
onSelect?: (date: DateType, selectInfo: SelectInfo) => void;
|
||
|
|
}
|
||
|
|
declare const generateCalendar: <DateType extends AnyObject>(generateConfig: GenerateConfig<DateType>) => React.FC<Readonly<CalendarProps<DateType>>>;
|
||
|
|
export default generateCalendar;
|