react-d3-calendar-heatmap/dist/components/CalendarHeatMap/CalendarHeatMapProps.d.ts

Calendar Heatmap in D3

import { ScaleSequential } from "d3-scale";
import { TooltipPlacement } from "../Tooltip/types";
export interface TimeRange {
    from: Date;
    to: Date;
}
export declare type CellShape = "circle" | "square";
export declare type BaseCalendarHeatMapItemType = {
    day: string;
    value: number;
};
export interface CalendarHeatMapProps<CalendarHeatMapItemType> {
    className?: string;
    data: Array<CalendarHeatMapItemType>;
    weekday?: "weekday" | "weekend";
    tooltipPlacement?: TooltipPlacement;
    tooltipClassName?: string;
    disableTooltip?: boolean;
    tooltipOffsetX?: number;
    tooltipOffsetY?: number;
    timeRange?: TimeRange;
    customD3ColorScale?: ScaleSequential<string>;
    width?: number;
    cellSize?: number;
    cellShape?: CellShape;
    formatDate?: (date: Date) => string;
    formatDay?: (dayOfWeek: number) => string;
    valueFn?: (value: number) => string;
    defaultColor?: string;
    marginTop?: number;
    marginBottom?: number;
    marginLeft?: number;
    paddingUnderMonthHeader?: number;
    paddingAfterDayOfWeekHeader?: number;
    cellPadding?: number;
    fillToWidth?: boolean;
    labelsFillColor?: string;
}