Skip to content

ClockIcon

const ClockIcon: 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/ClockIcon.tsx:27

Clock icon component for time and scheduling functionality.

A standard clock icon commonly used for time displays, scheduling features, and temporal indicators in editor interfaces.

Example

// Basic usage
<ClockIcon />
// With custom size and color
<ClockIcon size="lg" color="primary" />
// In a time picker
<Button icon={<ClockIcon />}>Set Time</Button>