@r365/react-calendar-timeline/dist/lib/headers/CustomDateHeader.d.ts

react-calendar-timeline

import React from 'react';
import { Interval as IntervalType, IntervalRenderer, TimelineDate } from '../types/main';
import { SelectUnits } from '../utility/calendar';
import { GetIntervalPropsType } from './types';
export interface CustomDateHeaderProps<Data> {
    headerContext: {
        intervals: IntervalType[];
        unit: SelectUnits;
    };
    timelineContext: {
        timelineWidth: number;
        visibleTimeStart: number;
        visibleTimeEnd: number;
        canvasTimeStart: number;
        canvasTimeEnd: number;
        timezone: string;
    };
    getRootProps: (props?: any) => any;
    getIntervalProps: GetIntervalPropsType;
    showPeriod: (start: TimelineDate, end: TimelineDate) => void;
    data: {
        style: React.CSSProperties;
        intervalRenderer: (props: IntervalRenderer<Data>) => React.ReactNode;
        className?: string;
        getLabelFormat: (interval: [TimelineDate, TimelineDate], unit: string, labelWidth: number) => string;
        unitProp?: 'primaryHeader';
        headerData?: Data;
    };
}
export declare function CustomDateHeader<Data>({ headerContext: { intervals, unit }, getRootProps, getIntervalProps, showPeriod, data: { style, intervalRenderer, className, getLabelFormat, unitProp, headerData }, }: CustomDateHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;