import React from "react"; import dayjs from "dayjs"; import { CalendarDayProps } from "./CalendarDay"; export interface CalendarDaysProps extends Omit { children?: React.ReactNode; } export interface CalendarEvent { start?: dayjs.ConfigType; end?: dayjs.ConfigType; type?: "default" | "disabled" | string; props?: CalendarDaysProps; } export interface CalendarDaysInMonthProps { children?: never; events?: CalendarEvent[]; /** * datesで渡されたデータをどのようにレンダリングするかを指定します * @default "(message: string) => {new String(message)}"" */ renderCell?: (props: T) => React.ReactNode; /** * keyに対応するカレンダーのセルに任意の子要素を入れることができます。 * keyのフォーマットはYYYYMMDDでなければなりません。 */ dates?: Record; daysProps?: CalendarDaysProps; date?: dayjs.ConfigType; min?: dayjs.ConfigType; max?: dayjs.ConfigType; /** * カレンダーのセルの高さを指定します。 * これが指定されていない場合、カレンダーのセルは正方形になります。 */ cellHeight?: number | string; /** * 日付がクリックされた場合に、その日付とイベントを返す。 */ onClickDay?: (value: Date, event: React.MouseEvent) => void; } export declare const CalendarDaysInMonth: ({ dates, events, daysProps, date, min, max, cellHeight, renderCell, onClickDay, ...props }: Readonly>) => import("@emotion/react/jsx-runtime").JSX.Element;