component rename

src/pages/Archive.jsx

@@ -22,14 +22,13 @@ const { RangePicker } = DatePicker;
 const { Option } = Select;
 
 // Выбор периода времени
-const PeriodOfTime = () => {
-  // const [startDate, setStartDate] = useState(new Date());
-
+const RangePickerLocalized = ({locale, ...other}) => {
   return (
     <ConfigProvider locale={locale}>
       <RangePicker
         showTime
         style={{ margin: '5px 5px', }}
+        {...other}
       />
     </ConfigProvider>
   )
@@ -71,7 +70,9 @@ const SelectDataCharts = () => {
     { label: "Расход. Холостой ход", xAccessorName: "flowIdle", color: '#a0a' },
     { label: "Расход. Аварийный макс.", xAccessorName: "flowDeltaLimitMax", color: '#a0a' },
   ]
+
   const children = linesCollection.map((line) => (<Option key={line.xAccessorName}>{line.label}</Option>))
+
   function handleChange(value) {
     console.log(`selected ${value}`);
   }
@@ -159,7 +160,7 @@ export default function Archive(props) {
       textAlign: 'center',
       margin: '5px 5px',
     }}>Добавить график</Button>
-    <PeriodOfTime />
+    <RangePickerLocalized />
     <SelectDataCharts />
     <Row style={{ marginBottom: '1rem' }}>
       <Col>