@start-base/react-form-elements/Calendar/index.d.ts

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

import React from 'react';
import { DayPickerSingleProps } from 'react-day-picker';
import { FieldError } from 'react-hook-form';

interface CalendarRootSingleProps extends DayPickerSingleProps {
    numberOfMonths?: number;
    classNames?: Partial<Record<string, string>>;
    calendarClassName?: string | null;
    className?: string;
    disabled?: boolean;
    error?: boolean | string | {
        message?: string;
    } | null;
}

interface CalendarProps extends CalendarRootSingleProps {
    name: string;
    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
    error?: boolean | string | {
        message?: string;
    } | null | undefined | FieldError;
    label?: string;
    value?: Date | null;
    labelClassName?: string;
    errorClassName?: string;
    calendarClassName?: string;
    disabled?: boolean;
}
declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLInputElement>>;

export { type CalendarProps, Calendar as default };