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

React based design system for UNDP

import { JSX } from 'react/jsx-runtime';
import { Matcher } from 'react-day-picker';

export declare function DateTimeRangePicker({ disablePopover, classNames, variant, inputSize, rounded, onValueChange, value, defaultValue, disabled, }: {
    variant?: 'light' | 'normal';
    inputSize?: 'sm' | 'base';
    rounded?: 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
    classNames?: {
        popOverTrigger?: string;
        popOverContent?: string;
        popOverTriggerIcon?: string;
    };
    onValueChange?: (dates?: {
        startDate?: Date;
        endDate?: Date;
    }) => void;
    value?: {
        startDate?: Date;
        endDate?: Date;
    };
    defaultValue?: {
        startDate?: Date;
        endDate?: Date;
    };
    disablePopover?: boolean;
    disabled?: Matcher | Matcher[];
}): JSX.Element;

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;
}