asb_cloud_front/src/pages/Report.jsx

import React, { useState } from "react";
import DatePicker, { registerLocale, setDefaultLocale } from "react-datepicker";
import ru from 'date-fns/locale/ru';

import "react-datepicker/dist/react-datepicker.css";


registerLocale('ru', ru)

export default function Report(props){
    const PeriodOfTime = () => {
        const [startDate, setStartDate] = useState(new Date());
        return (
          <DatePicker 
          selected={startDate} 
          onChange={date => setStartDate(date)}
          locale='ru'
          />
        );
      };

    return(<>
    <h2>Рапорт</h2>
    <h3>Выбор за период времени и расширение файла</h3>
    <select>
        <option>las</option>
        <option>pdf</option>
    </select>
    <PeriodOfTime />
    </>
    )
}