design-system-silkhaus 3.12.0-beta.month-range-picker.1 → 3.12.0-beta.month-range-picker.3

package/dist/index.d.ts

@@ -500,6 +500,13 @@ export declare const DeleteIcon: FC<{
     className?: string;
 }>;
 
+export declare const DesktopActionBar: ({ applyLabel, cancelLabel, onApply, onCancel, }: {
+    applyLabel: string;
+    cancelLabel: string;
+    onApply?: () => void;
+    onCancel?: () => void;
+}) => JSX_2.Element;
+
 export declare const desktopMinWidth: number;
 
 export declare const DesktopMonthRangePicker: FC<PropsWithChildren<MonthRangePickerProps>>;
@@ -952,6 +959,8 @@ export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivEle
     rtl?: boolean;
 }
 
+export declare const MobileMonthRangePicker: FC<PropsWithChildren<MonthRangePickerProps>>;
+
 export declare const MobileMultiSelectFilterDropDown: ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
@@ -1018,7 +1027,7 @@ export declare type MonthRangePickerProps = {
     minDate: MonthYear;
     maxDate: MonthYear;
     value?: MonthRange;
-    onChange?: (value: MonthRange) => void;
+    onChange?: (value: MonthRange, shortcut: ShortcutsKey) => void;
     trigger?: ReactNode;
     triggerContainerClassName?: string;
     disabled?: boolean;
@@ -1028,6 +1037,9 @@ export declare type MonthRangePickerProps = {
      * By default the dropdown will display the selected dates in the format of "MMM YY - MMM YY"
      */
     getSelectedValueDisplayText?: (value?: MonthRange, placeholder?: string) => string;
+    shortcutLabels: ShortcutsProps['labels'];
+    applyLabel?: string;
+    cancelLabel?: string;
 };
 
 export declare type MonthYear = {
@@ -1515,6 +1527,15 @@ export declare const ShareIcon: FC<{
     className?: string;
 }>;
 
+declare type ShortcutsKey = 'custom' | 'currentMonth' | 'lastMonth' | 'last3Months' | 'last12Months' | 'allTime';
+
+declare type ShortcutsProps = {
+    labels: Record<ShortcutsKey, string>;
+    value?: ShortcutsKey;
+    onChange?: (value: ShortcutsKey) => void;
+    className?: string;
+};
+
 export declare const SingleBuildingIcon: FC<{
     className?: string;
 }>;