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

React based design system for UNDP

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

export declare function DateTimePicker({ selected, onSelect, disablePopover, disabled, classNames, variant, inputSize, onValueChange, disabledHours, disabledMinutes, placeHolder, ...props }: SingleCalendarProps & VariantProps<typeof dateTimePickerVariants> & {
    disablePopover?: boolean;
    classNames?: {
        popOverTrigger?: string;
        popOverContent?: string;
        popOverTriggerIcon?: string;
        popOverTriggerButton?: string;
    };
    onValueChange?: (date?: Date) => void;
    disabledHours?: number[];
    disabledMinutes?: number[];
    disabled?: Matcher | Matcher[];
    placeHolder?: string;
}): JSX.Element;

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

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

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