added english language

src/components/DateCalendarPopup.jsx

@@ -1,9 +1,10 @@
 import { useState, useEffect, useRef } from "react";
-
-const MONTHS = ["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"];
-const DAYS = ["Пн","Вт","Ср","Чт","Пт","Сб","Вс"];
+import { useTranslation } from 'react-i18next';
 
 export default function DateCalendarPopup({ date, onClose }) {
+  const { t } = useTranslation();
+  const months = t('calendar.months', { returnObjects: true });
+  const days = t('calendar.days', { returnObjects: true });
   const ref = useRef(null);
   const d = new Date(date);
   const [year, setYear] = useState(d.getFullYear());
@@ -30,11 +31,11 @@ export default function DateCalendarPopup({ date, onClose }) {
     <div className="f-date-calendar" ref={ref}>
       <div className="f-cal-header">
         <button onClick={() => setMonth(m => m === 0 ? (setYear(y => y - 1), 11) : m - 1)}>‹</button>
-        <span>{MONTHS[month]} {year}</span>
+        <span>{months[month]} {year}</span>
         <button onClick={() => setMonth(m => m === 11 ? (setYear(y => y + 1), 0) : m + 1)}>›</button>
       </div>
       <div className="f-cal-grid">
-        {DAYS.map(d => <div key={d} className="f-cal-day-name">{d}</div>)}
+        {days.map(d => <div key={d} className="f-cal-day-name">{d}</div>)}
         {cells.map((day, i) =>
           day ? (
             <div key={i}