@cmgfi/clear-ds 1.1.7 → 1.1.8

package/dist/index.d.ts

@@ -245,6 +245,45 @@ export declare type ButtonSize = 'sm' | 'md' | 'lg';
 
 export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'link';
 
+/**
+ * Calendar — Clear Design System
+ *
+ * A standalone, inline calendar for picking a single date. Renders directly in the
+ * page (no popover or text input). Three views: day, month, and year — click the
+ * month or year in the header to drill up. This is the same calendar surface used
+ * inside DatePicker, extracted for use on its own.
+ *
+ * @example
+ * <Calendar value={date} onChange={setDate} />
+ *
+ * @example
+ * <Calendar value={date} onChange={setDate} minDate={new Date()} showFooter />
+ */
+export declare const Calendar: ForwardRefExoticComponent<CalendarProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface CalendarProps {
+    /** Controlled selected date. Pass `null` to clear. */
+    value?: Date | null;
+    /** Called when the user selects (or, with the footer, clears) a date. */
+    onChange?: (date: Date | null) => void;
+    /** Dates before this date are disabled and not selectable. */
+    minDate?: Date;
+    /** Dates after this date are disabled and not selectable. */
+    maxDate?: Date;
+    /** When true, shows ISO week numbers as the first column. Defaults to false. */
+    showWeekNumbers?: boolean;
+    /**
+     * Surface style. `'card'` (default) is a white panel with a border and shadow;
+     * `'plain'` is transparent with no border or shadow, letting the page show through.
+     */
+    variant?: 'card' | 'plain';
+    /** Month to display initially when there is no `value`. Defaults to the current month. */
+    defaultMonth?: Date;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+
 /**
  * Card — Clear Design System
  *