@tiller-ds/date/DatePicker.d.ts

Date module of Tiller Design System

import * as React from "react";
import { useDatepicker } from "@datepicker-react/hooks";
import { TokenProps } from "@tiller-ds/theme";
declare type DatePickerProps = {
    className?: string;
    datePicker: ReturnType<typeof useDatepicker>;
    datePickerRef: React.Ref<HTMLDivElement>;
    fixedWidth?: boolean;
    focusedDate: Date | null;
    isDateRange: boolean;
    maxYear?: number;
    minYear?: number;
    highlightToday?: boolean;
};
declare type YearsPickerProps = {
    years: number[];
    currentYear: number;
} & TokenProps<"DateInput">;
declare type DaysPickerProps = {
    weekdayLabels: string[];
    days: (number | {
        dayLabel: string;
        date: Date;
    })[];
} & TokenProps<"DateInput">;
declare type NavigationButtonProps = {
    onClick: () => void;
    icon?: React.ReactElement;
    hiddenText?: string;
} & TokenProps<"DateInput">;
export default function DatePicker({ datePicker, datePickerRef, fixedWidth, focusedDate, minYear, maxYear, isDateRange, className, highlightToday, }: DatePickerProps): JSX.Element;
export declare function YearsPicker({ years, currentYear, ...props }: YearsPickerProps): JSX.Element;
export declare function DaysPicker({ weekdayLabels, days, ...props }: DaysPickerProps): JSX.Element;
export declare function NavigationButton({ onClick, icon, hiddenText, ...props }: NavigationButtonProps): JSX.Element;
export {};