aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
81 lines • 1.8 kB
TypeScript
import React from "react";
export interface CalendarEvent {
id: string;
title: string;
date: Date;
startTime?: string;
endTime?: string;
description?: string;
location?: string;
attendees?: string[];
type?: "meeting" | "event" | "reminder" | "task";
color?: string;
}
export interface GlassCalendarProps {
/**
* Currently selected date
*/
selectedDate?: Date;
/**
* Callback when date is selected
*/
onDateSelect?: (date: Date) => void;
/**
* Events to display on the calendar
*/
events?: CalendarEvent[];
/**
* Calendar view mode
*/
view?: "month" | "week" | "day";
/**
* Show events in calendar cells
*/
showEvents?: boolean;
/**
* Highlight today's date
*/
showToday?: boolean;
/**
* Show weekend days
*/
showWeekends?: boolean;
/**
* Custom date formatting
*/
dateFormat?: "short" | "long" | "numeric";
/**
* Locale for date formatting
*/
locale?: string;
/**
* Minimum selectable date
*/
minDate?: Date;
/**
* Maximum selectable date
*/
maxDate?: Date;
/**
* Custom className
*/
className?: string;
/**
* Loading state
*/
loading?: boolean;
}
/**
* GlassCalendar component
* A full-featured calendar with glassmorphism styling and event support
*/
export declare const GlassCalendar: React.FC<GlassCalendarProps>;
export interface GlassCalendarEventCardProps {
event: CalendarEvent;
compact?: boolean;
onClick?: () => void;
className?: string;
}
export declare const GlassCalendarEventCard: React.FC<GlassCalendarEventCardProps>;
export default GlassCalendar;
//# sourceMappingURL=GlassCalendar.d.ts.map