react-datepicker

const CalendarContainer: React.FC<CalendarContainerProps>;

const PRESELECT_CHANGE_VIA_INPUT: string;

const PRESELECT_CHANGE_VIA_NAVIGATE: string;

getDefaultLocale: () => string | undefined;

registerLocale: (localeName: string, localeData: LocaleObj) => void;

setDefaultLocale: (localeName?: string) => void;

type DatePickerProps = OmitUnion<
    CalendarProps,
    | 'setOpen'
    | 'dateFormat'
    | 'preSelection'
    | 'onSelect'
    | 'onClickOutside'
    | 'highlightDates'
    | 'holidays'
    | 'shouldFocusDayInline'
    | 'monthSelectedIn'
    | 'onDropdownFocus'
    | 'onTimeChange'
    | 'className'
    | 'container'
    | 'handleOnKeyDown'
    | 'handleOnDayKeyDown'
    | 'isInputFocused'
    | 'setPreSelection'
    | 'selectsRange'
    | 'selectsMultiple'
    | 'dropdownMode'
> &
    Partial<Pick<CalendarIconProps, 'icon'>> &
    OmitUnion<PortalProps, 'children' | 'portalId'> &
    OmitUnion<
        PopperComponentProps,
        | 'className'
        | 'hidePopper'
        | 'targetComponent'
        | 'popperComponent'
        | 'popperOnKeyDown'
        | 'showArrow'
    > & {
        dateFormatCalendar?: CalendarProps['dateFormat'];
        calendarClassName?: CalendarProps['className'];
        calendarContainer?: CalendarProps['container'];
        dropdownMode?: CalendarProps['dropdownMode'];
        onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
        popperClassName?: PopperComponentProps['className'];
        showPopperArrow?: PopperComponentProps['showArrow'];
        popperTargetRef?: React.RefObject<HTMLElement | null>;
        open?: boolean;
        disabled?: boolean;
        readOnly?: boolean;
        startOpen?: boolean;
        onFocus?: React.FocusEventHandler<HTMLElement>;
        onBlur?: React.FocusEventHandler<HTMLElement>;
        onClickOutside?: ClickOutsideHandler;
        onInputClick?: VoidFunction;
        preventOpenOnFocus?: boolean;
        closeOnScroll?: boolean | ((event: Event) => boolean);
        isClearable?: boolean;
        clearButtonTitle?: string;
        clearButtonClassName?: string;
        ariaLabelClose?: string;
        className?: string;
        customInput?: Parameters<typeof cloneElement>[0];
        dateFormat?: string | string[];
        showDateSelect?: boolean;
        highlightDates?: (Date | HighlightDate)[];
        onCalendarOpen?: VoidFunction;
        onCalendarClose?: VoidFunction;
        strictParsing?: boolean;
        swapRange?: boolean;
        onInputError?: (error: { code: 1; msg: string }) => void;
        allowSameDay?: boolean;
        withPortal?: boolean;
        focusSelectedMonth?: boolean;
        showIcon?: boolean;
        calendarIconClassname?: never;
        calendarIconClassName?: string;
        toggleCalendarOnIconClick?: boolean;
        holidays?: Holiday[];
        startDate?: Date | null;
        endDate?: Date | null;
        selected?: Date | null;
        /**
         * The IANA timezone identifier (e.g., "America/New_York", "UTC", "Europe/London").
         * When set, the datepicker will display dates/times in this timezone and
         * the onChange callback will return dates adjusted to this timezone.
         *
         * Requires the optional peer dependency `date-fns-tz` to be installed:
         * ```
         * npm install date-fns-tz
         * ```
         *
         * @example
         * ```tsx
         * <DatePicker
         *   timeZone="America/New_York"
         *   selected={selectedDate}
         *   onChange={(date) => setSelectedDate(date)}
         * />
         * ```
         */
        timeZone?: TimeZone;
        value?: string;
        customInputRef?: string;
        id?: string;
        name?: string;
        form?: string;
        autoFocus?: boolean;
        placeholderText?: string;
        autoComplete?: string;
        title?: string;
        required?: boolean;
        tabIndex?: number;
        ariaDescribedBy?: string;
        ariaInvalid?: string;
        ariaLabel?: string;
        ariaLabelledBy?: string;
        ariaRequired?: string;
        'aria-describedby'?: string;
        'aria-invalid'?: string;
        'aria-label'?: string;
        'aria-labelledby'?: string;
        'aria-required'?: string;
        rangeSeparator?: string;
        onChangeRaw?: (
            event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
            selectionMeta?: {
                date: Date;
                formattedDate: string;
            }
        ) => void;
        onSelect?: (
            date: Date | null,
            event?:
                | React.MouseEvent<HTMLElement, MouseEvent>
                | React.KeyboardEvent<HTMLElement>
        ) => void;
    } & (
        | {
              selectsRange?: false | undefined;
              selectsMultiple?: false | undefined;
              formatMultipleDates?: never;
              onChange?: (
                  date: Date | null,
                  event?:
                      | React.MouseEvent<HTMLElement>
                      | React.KeyboardEvent<HTMLElement>
              ) => void;
          }
        | {
              selectsRange?: true;
              selectsMultiple?: false | undefined;
              formatMultipleDates?: never;
              onChange?: (
                  date: [Date | null, Date | null],
                  event?:
                      | React.MouseEvent<HTMLElement>
                      | React.KeyboardEvent<HTMLElement>
              ) => void;
          }
        | {
              selectsRange?: false | undefined;
              selectsMultiple?: true;
              formatMultipleDates?: (
                  dates: Date[],
                  formatDate: (date: Date) => string
              ) => string;
              onChange?: (
                  dates: Date[] | null,
                  event?:
                      | React.MouseEvent<HTMLElement>
                      | React.KeyboardEvent<HTMLElement>
              ) => void;
          }
    );