administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-03 17:55:21 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add timepicker

Browse Source
This commit is contained in:
Bernt Christian Egeland 2023-01-15 19:27:56 +01:00
parent bdc20bd2e8
commit ed63cb5e7f
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/routes/Events.jsx
View File

@ -26,6 +26,7 @@ import Dialog from '../components/Dialog';
import MultiSelect from '../components/MultiSelect'; import MultiSelect from '../components/MultiSelect';
import { formatUnixTimestampToDateTime, getDurationFromTimestamps } from '../utils/dateUtil'; import { formatUnixTimestampToDateTime, getDurationFromTimestamps } from '../utils/dateUtil';
import TimeAgo from '../components/TimeAgo'; import TimeAgo from '../components/TimeAgo';
import Timepicker from '../components/TimePicker';
const API_LIMIT = 25; const API_LIMIT = 25;
@ -414,17 +415,21 @@ export default function Events({ path, ...props }) {
</Menu> </Menu>
)} )}
{state.showCalendar && ( {state.showCalendar && (
<Menu <span>
className="rounded-t-none" <Menu
onDismiss={() => setState({ ...state, showCalendar: false })} className="rounded-t-none"
relativeTo={datePicker} onDismiss={() => setState({ ...state, showCalendar: false })}
> relativeTo={datePicker}
<Calendar >
onChange={handleSelectDateRange} <Calendar
dateRange={{ before: searchParams.before * 1000 || null, after: searchParams.after * 1000 || null }} onChange={handleSelectDateRange}
close={() => setState({ ...state, showCalendar: false })} dateRange={{ before: searchParams.before * 1000 || null, after: searchParams.after * 1000 || null }}
/> close={() => setState({ ...state, showCalendar: false })}
</Menu> >
<Timepicker />
</Calendar>
</Menu>
</span>
)} )}
{state.showPlusConfig && ( {state.showPlusConfig && (
<Dialog> <Dialog>