import SelectBox from "../../../components/Input/SelectBox" import ArrowDownTrayIcon from '@heroicons/react/24/outline/ArrowDownTrayIcon' import ShareIcon from '@heroicons/react/24/outline/ShareIcon' import EnvelopeIcon from '@heroicons/react/24/outline/EnvelopeIcon' import EllipsisVerticalIcon from '@heroicons/react/24/outline/EllipsisVerticalIcon' import ArrowPathIcon from '@heroicons/react/24/outline/ArrowPathIcon' import { useState } from "react" import Datepicker from "react-tailwindcss-datepicker"; const periodOptions = [ {name : "Today", value : "TODAY"}, {name : "Yesterday", value : "YESTERDAY"}, {name : "This Week", value : "THIS_WEEK"}, {name : "Last Week", value : "LAST_WEEK"}, {name : "This Month", value : "THIS_MONTH"}, {name : "Last Month", value : "LAST_MONTH"}, ] function DashboardTopBar({updateDashboardPeriod}){ const [dateValue, setDateValue] = useState({ startDate: new Date(), endDate: new Date() }); const handleDatePickerValueChange = (newValue) => { console.log("newValue:", newValue); setDateValue(newValue); updateDashboardPeriod(newValue) } return(