chrono-calendar
Version:
A modern, responsive, and customizable calendar library for **Angular** applications. Built with **Signals** and **standalone components** for simple and performant integration.
40 lines (39 loc) • 2.05 kB
TypeScript
import { EventEmitter, OnInit } from '@angular/core';
import { CalendarDay, CalendarEvent, ViewType } from '../calendar.model';
import { DateTime } from 'luxon';
import * as i0 from "@angular/core";
export declare class ChronoCalendarComponent implements OnInit {
set events(eventList: CalendarEvent[]);
currentDate: import("@angular/core").WritableSignal<DateTime<true>>;
initialView: ViewType;
todayButtonText: string;
monthViewText: string;
weekViewText: string;
dayViewText: string;
dayClicked: EventEmitter<DateTime<boolean>>;
eventClicked: EventEmitter<CalendarEvent>;
viewChange: EventEmitter<ViewType>;
monthChange: EventEmitter<{
start: DateTime;
end: DateTime;
}>;
currentView: import("@angular/core").WritableSignal<ViewType>;
eventsSignal: import("@angular/core").WritableSignal<{
[key: string]: CalendarEvent[];
}>;
headerTitle: import("@angular/core").Signal<string>;
daysToDisplay: import("@angular/core").Signal<CalendarDay[]>;
ngOnInit(): void;
setView(type: ViewType): void;
goToPrevious(): void;
goToNext(): void;
goToToday(): void;
private advanceRetreatDate;
private mapEventsByDay;
private formatDateKey;
private isSameDay;
private generateMonthDays;
private generateWeekDays;
static ɵfac: i0.ɵɵFactoryDeclaration<ChronoCalendarComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ChronoCalendarComponent, "chrono-calendar", never, { "events": { "alias": "events"; "required": false; }; "initialView": { "alias": "initialView"; "required": false; }; "todayButtonText": { "alias": "todayButtonText"; "required": false; }; "monthViewText": { "alias": "monthViewText"; "required": false; }; "weekViewText": { "alias": "weekViewText"; "required": false; }; "dayViewText": { "alias": "dayViewText"; "required": false; }; }, { "dayClicked": "dayClicked"; "eventClicked": "eventClicked"; "viewChange": "viewChange"; "monthChange": "monthChange"; }, never, never, true, never>;
}