@abbl/material-calendar/dist/common/api/CalendarView.d.ts

Calendar component build with React and Material-UI

import { ComponentClass, FunctionComponent } from 'react';
import { DateChangeAction } from './DateChangeAction';
export interface CalendarView {
    /**
     *  Name of the view in different locales, if such are supported.
     */
    name: {
        [localName: string]: string;
    };
    /**
     *  Component that represents the view.
     */
    component: FunctionComponent<any> | ComponentClass<any, any>;
    /**
     *  Content of the popout displayed after event selection.
     *
     *  If set to undefined, will fallback to global eventPopoutContent.
     */
    eventPopoutContent?: FunctionComponent<any> | ComponentClass<any, any>;
    /**
     * Text that represents highlightDate in NavigationBar component.
     */
    getHighlightDateDescription?: (highlightDate: Date) => string;
    /**
     *  Date range required by the view.
     *
     *  eg. MonthView requires "from" to be start of the month and "till" to be end of the month
     */
    getDateRange: (highlightDate: Date) => {
        from: Date;
        till: Date;
    };
    /**
     *  Change the date highlighted by the calendar depending on user input.
     */
    onDateChange?: (dateChangeAction: DateChangeAction.BACKWARD | DateChangeAction.FORWARD, highlightDate: Date) => Date;
}
export default CalendarView;