Add timepicker

This commit is contained in:
Bernt Christian Egeland 2023-01-15 19:27:56 +01:00
parent bdc20bd2e8
commit ed63cb5e7f

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,6 +415,7 @@ export default function Events({ path, ...props }) {
</Menu> </Menu>
)} )}
{state.showCalendar && ( {state.showCalendar && (
<span>
<Menu <Menu
className="rounded-t-none" className="rounded-t-none"
onDismiss={() => setState({ ...state, showCalendar: false })} onDismiss={() => setState({ ...state, showCalendar: false })}
@ -423,8 +425,11 @@ export default function Events({ path, ...props }) {
onChange={handleSelectDateRange} onChange={handleSelectDateRange}
dateRange={{ before: searchParams.before * 1000 || null, after: searchParams.after * 1000 || null }} dateRange={{ before: searchParams.before * 1000 || null, after: searchParams.after * 1000 || null }}
close={() => setState({ ...state, showCalendar: false })} close={() => setState({ ...state, showCalendar: false })}
/> >
<Timepicker />
</Calendar>
</Menu> </Menu>
</span>
)} )}
{state.showPlusConfig && ( {state.showPlusConfig && (
<Dialog> <Dialog>