@appello/web-ui
Version:
Web ui library for a better development experience
26 lines (25 loc) • 1.14 kB
TypeScript
import 'react-day-picker/dist/style.css';
import { Nullable } from '@appello/common';
import React from 'react';
import { ActiveModifiers, DateRange, DayClickEventHandler, DayPickerDefaultProps, Matcher } from 'react-day-picker';
export interface DatePickerDefaultProps {
mode?: undefined;
value: Date | null;
onChange: DayClickEventHandler;
}
export interface DatePickerRangeProps {
mode: 'range';
value: Nullable<DateRange>;
onChange: (range: Nullable<DateRange>, selectedDay: Date, activeModifiers: ActiveModifiers, e: React.MouseEvent) => void;
}
export interface DatePickerBaseProps extends Pick<DayPickerDefaultProps, 'fromYear' | 'toYear' | 'weekStartsOn'> {
yearsLength?: number;
disabledDate?: Matcher;
position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
callableElement: HTMLElement | null;
onClose: () => void;
containerWrapperClassName?: string;
containerClassName?: string;
}
export type DatePickerPopupProps = DatePickerBaseProps & (DatePickerDefaultProps | DatePickerRangeProps);
export declare const DatePickerPopup: React.FC<DatePickerPopupProps>;