EscolaLMS/Front

import { useTranslation } from "react-i18next";
import ReactDatePicker, { registerLocale } from "react-datepicker";
import { StyledDatePicker } from "./styles";
import "react-datepicker/dist/react-datepicker.css";
import en from "date-fns/locale/en-GB";
import pl from "date-fns/locale/pl";
registerLocale("pl", pl);
registerLocale("en", en);

interface Props {
  selectedDate: Date | null;
  onChange: (date: Date) => void;
  includeDates?: Date[];
  includeTimes?: Date[];
  minDate?: Date | null;
  showTimeInput?: boolean;
  timeInputLabel?: string;
}

const DatePicker = ({
  selectedDate,
  onChange,
  includeDates,
  includeTimes,
  minDate,
  showTimeInput,
  timeInputLabel,
}: Props) => {
  const { i18n } = useTranslation();

  return (
    <StyledDatePicker>
      <ReactDatePicker
        selected={selectedDate}
        onChange={onChange}
        includeDates={includeDates}
        includeTimes={includeTimes}
        inline
        locale={i18n.language}
        minDate={minDate}
        showTimeInput={showTimeInput}
        timeInputLabel={timeInputLabel}
      />
    </StyledDatePicker>
  );
};

export default DatePicker;