administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-28 11:08:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix calendar popover modal bug on export dialog

Browse Source
This commit is contained in:
Josh Hawkins 2025-12-15 09:22:12 -06:00
parent 0140adf8e1
commit 5d49429600
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/overlay/ExportDialog.tsx
View File

@ -440,6 +440,7 @@ function CustomTimeSelector({
<FaCalendarAlt /> <FaCalendarAlt />
<div className="flex flex-wrap items-center"> <div className="flex flex-wrap items-center">
<Popover <Popover
modal={false}
open={startOpen} open={startOpen}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {
@ -461,7 +462,10 @@ function CustomTimeSelector({
{formattedStart} {formattedStart}
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="flex flex-col items-center"> <PopoverContent
disablePortal={isDesktop}
className="flex flex-col items-center"
>
<TimezoneAwareCalendar <TimezoneAwareCalendar
timezone={config?.ui.timezone} timezone={config?.ui.timezone}
selectedDay={new Date(startTime * 1000)} selectedDay={new Date(startTime * 1000)}
@ -506,6 +510,7 @@ function CustomTimeSelector({
</Popover> </Popover>
<FaArrowRight className="size-4 text-primary" /> <FaArrowRight className="size-4 text-primary" />
<Popover <Popover
modal={false}
open={endOpen} open={endOpen}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {
@ -527,7 +532,10 @@ function CustomTimeSelector({
{formattedEnd} {formattedEnd}
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="flex flex-col items-center"> <PopoverContent
disablePortal={isDesktop}
className="flex flex-col items-center"
>
<TimezoneAwareCalendar <TimezoneAwareCalendar
timezone={config?.ui.timezone} timezone={config?.ui.timezone}
selectedDay={new Date(endTime * 1000)} selectedDay={new Date(endTime * 1000)}
@ -545,7 +553,7 @@ function CustomTimeSelector({
<SelectSeparator className="bg-secondary" /> <SelectSeparator className="bg-secondary" />
<input <input
className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime" id="endTime"
type="time" type="time"
value={endClock} value={endClock}
step={isIOS ? "60" : "1"} step={isIOS ? "60" : "1"}