design-system-silkhaus 3.11.0-beta-image-viewer.11 → 3.11.0-beta-image-viewer.13

package/dist/index.d.ts

@@ -395,6 +395,35 @@ export declare const DashboardOutlineIcon: FC<{
     className?: string;
 }>;
 
+export declare const DateRangeCalendar: default_2.FC<DateRangeCalendarProps>;
+
+/**
+ * A responsive date range calendar using react-dates' DayPickerRangeController.
+ * It adjusts to fill its parent's full width, showing 1 month on mobile and 2 months on larger screens.
+ */
+export declare interface DateRangeCalendarProps {
+    startDate: Moment | null;
+    endDate: Moment | null;
+    onDatesChange: ({ startDate, endDate, }: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    /**
+     * Callback to determine the initially visible month (defaults to current month)
+     */
+    initialVisibleMonth?: () => Moment;
+    isDayBlocked?: ((day: Moment) => boolean) | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
+    getParentWidth: () => number;
+    buttonText: string;
+    /**
+     * Used for RTL.
+     * Pass this as true when you have direction=rtl in your HTML
+     * @default false
+     */
+    rtl?: boolean;
+}
+
 export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
@@ -459,11 +488,6 @@ declare interface DateRangePickerProps {
      * @default 'Clear'
      */
     secondaryBtnText?: string;
-    /**
-     * @default 'silkhaus_date_picker'
-     */
-    id?: string;
-    isOnDialogBox?: boolean;
 }
 
 export declare const DeleteIcon: FC<{