@undp/design-system-react/dist/DateRangePicker.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { JSX } from 'react/jsx-runtime';
import { PropsSingle } from 'react-day-picker';
import { VariantProps } from 'class-variance-authority';

declare const datePickerVariants: (props?: ({
    variant?: "light" | "normal" | null | undefined;
    rounded?: "base" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
    inputSize?: "base" | "sm" | null | undefined;
} & ClassProp) | undefined) => string;

export declare function DateRangePicker({ onValueChange, value, defaultValue, disablePopover, classNames, variant, inputSize, numberOfMonths, ...props }: SingleCalendarProps & VariantProps<typeof datePickerVariants> & {
    numberOfMonths?: number;
    disablePopover?: boolean;
    classNames?: {
        popOverTrigger?: string;
        popOverContent?: string;
        popOverTriggerIcon?: string;
        popOverTriggerButton?: string;
    };
    onValueChange?: (range: {
        from: Date | undefined;
        to: Date | undefined;
    }) => void;
    value?: {
        from: Date | undefined;
        to: Date | undefined;
    };
    defaultValue?: {
        from: Date | undefined;
        to: Date | undefined;
    };
}): JSX.Element;

declare type SingleCalendarProps = Omit<PropsSingle, 'mode' | 'onSelect'>;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}