import * as React from 'react';
import { Locale } from 'date-fns';
import { LanguageType as CalendarLanguageType } from '../Calendar';
import {PropsWithChildren} from "react";

export interface CalendarPanelProps {
  dataHook?: string;
  className?: string;
  onChange: (selectedDays: SelectedDaysType) => void;
  onClose?: (e: React.SyntheticEvent) => void;
  excludePastDates?: boolean;
  filterDate?: (date: Date) => boolean;
  value?: SelectedDaysType;
  numOfMonths?: number;
  selectionMode?: SelectionModeType;
  showYearDropdown?: boolean;
  showMonthDropdown?: boolean;
  shouldCloseOnSelect?: boolean;
  locale?: CalendarLanguageType | Locale;
  presets?:
    | PresetType[]
    | { selectedDays?: SelectedDaysType; id?: string | number };
  footer?: (selectedDays: SelectedDaysType, submitDisabled: boolean) => void;
}

type PresetType = OptionType | { value: '-' };

type OptionType = {
  id: string | number;
  value: React.ReactNode | string | Function;
  disabled?: boolean;
  overrideStyle?: boolean;
  selectedDays: SelectedDaysType;
};

export { LanguageType } from '../Calendar';

export type SelectedDaysType = string | Date | DateRangeType;

export type DateRangeType = { from?: string | Date; to?: string | Date };

type SelectionModeType = 'day' | 'range';

export default class CalendarPanel extends React.Component<PropsWithChildren<CalendarPanelProps>> {
  getSelectedPresetId: () => string | number;
  onSelectPreset: () => void;
  isSubmitDisabled: () => boolean;
}