import React from 'react'; import DatePicker from 'react-datepicker'; import 'react-datepicker/dist/react-datepicker.css'; import { TIME_RANGES } from './constants'; export const TimeRangeSelector = ({ selectedRange, handleRangeChange, startDate, setStartDate, endDate, setEndDate, useCustomRange, handleCustomRangeChange, handleResetZoom }) => { return (
{/* Стандартные диапазоны */}
{/* Кастомный диапазон */}
Или укажите свой диапазон:
setStartDate(date)} showTimeSelect timeFormat="HH:mm" timeIntervals={15} dateFormat="yyyy-MM-dd HH:mm" placeholderText="Начальная дата" customInput={ } />
setEndDate(date)} showTimeSelect timeFormat="HH:mm" timeIntervals={15} dateFormat="yyyy-MM-dd HH:mm" placeholderText="Конечная дата" customInput={ } />
); };