@spaced-out/ui-design-system
Version:
Sense UI components library
29 lines • 1.4 kB
TypeScript
import * as React from 'react';
import type { DateRange } from '../../types';
import type { MARKERS, NAVIGATION_ACTION } from '../../utils';
interface CalendarProps {
value: string;
marker: (typeof MARKERS)[keyof typeof MARKERS];
minDate?: string;
maxDate?: string;
hoverDay: string;
dateRange: DateRange;
inHoverRange: (day: string) => boolean;
handlers: {
onDayClick: (day: string) => void;
onDayHover: (day: string) => void;
onMonthNavigate: (marker: (typeof MARKERS)[keyof typeof MARKERS], action: (typeof NAVIGATION_ACTION)[keyof typeof NAVIGATION_ACTION]) => void;
};
today: string;
t: ((key: string, fallback: string) => string) | null | undefined;
testId?: string;
}
interface CalendarMobileProps extends Omit<CalendarProps, 'marker' | 'handlers'> {
handlers: Omit<CalendarProps['handlers'], 'onMonthNavigate'> & {
onMonthNavigate: (action: (typeof NAVIGATION_ACTION)[keyof typeof NAVIGATION_ACTION]) => void;
};
}
export declare const Calendar: ({ value, minDate, maxDate, handlers, hoverDay, dateRange, inHoverRange, today, t, testId, }: CalendarProps) => React.JSX.Element;
export declare const CalendarMobile: ({ value, minDate, maxDate, handlers, hoverDay, dateRange, inHoverRange, today, t, testId, }: CalendarMobileProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Calendar.d.ts.map