@cmgfi/clear-ds 1.1.6 → 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
  *
@@ -1242,6 +1281,14 @@ export declare interface MultiSelectOption {
     value: string;
     /** When true, this option cannot be toggled. */
     disabled?: boolean;
+    /**
+     * When set, the option is rendered as a MiscChip in the dropdown row and the
+     * trigger pill, using the given color. Mirrors the production "tag picker"
+     * pattern where each option carries its own color.
+     */
+    chip?: {
+        color: MiscChipColor;
+    };
 }
 
 export declare interface MultiSelectProps {
@@ -1277,6 +1324,11 @@ export declare interface MultiSelectProps {
     showSelectAll?: boolean;
     /** Size variant that controls font size and trigger padding. sm = 10px / md = 12px (default) / lg = 14px. */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Optional content rendered as a sticky bottom row of the dropdown
+     * (e.g., a "Modify Tags" action link). Mirrors PrimeNG's `footerTemplate`.
+     */
+    footer?: ReactNode;
     className?: string;
     style?: React.CSSProperties;
 }