Skip to content

CalendarIcon

const CalendarIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/CalendarIcon.tsx:27

Calendar icon component for date and scheduling functionality.

A standard calendar icon commonly used for date pickers, scheduling, and time-related features in editor interfaces.

Example

// Basic usage
<CalendarIcon />
// With custom size and color
<CalendarIcon size="lg" color="primary" />
// In a date picker
<Button icon={<CalendarIcon />}>Select Date</Button>