userAdityaa/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

bug: fixed calender modal stacking issue (#209)

Browse Source 
Co-authored-by: deveshanim3 <deveshsingh6986@gmail.com>
Co-committed-by: deveshanim3 <deveshsingh6986@gmail.com>
This commit is contained in:
deveshanim3
2026-04-16 14:55:37 +00:00
committed by hodlbod
parent 43fb3d35e6
commit 0658a8ee44
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/DateTimeInput.svelte
+7 -6
View File
@@ -68,22 +68,23 @@
}) })
</script> </script>
<div class="relative grid grid-cols-2 gap-2" bind:this={element}> <div class="relative focus-within:z-modal grid grid-cols-2 gap-2" bind:this={element}>
<div class="relative"> <div class="relative group z-popover">
<DateInput format="yyyy-MM-dd" placeholder="" bind:value={date} /> <DateInput format="yyyy-MM-dd" placeholder="" bind:value={date} />
<div class="absolute right-2 top-0 flex h-12 cursor-pointer items-center gap-2"> <div
class="absolute right-2 top-0 flex h-12 cursor-pointer items-center gap-2 opacity-100 group-focus-within:opacity-0 group-focus-within:pointer-events-none transition-opacity pointer-events-none">
{#if date} {#if date}
<Button onclick={clear} class="h-5"> <Button onclick={clear} class="h-5 pointer-events-auto">
<Icon icon={CloseCircle} /> <Icon icon={CloseCircle} />
</Button> </Button>
{:else} {:else}
<Button onclick={focusDate} class="h-5"> <Button onclick={focusDate} class="h-5 pointer-events-auto">
<Icon icon={CalendarMinimalistic} /> <Icon icon={CalendarMinimalistic} />
</Button> </Button>
{/if} {/if}
</div> </div>
</div> </div>
<label class="input input-bordered flex items-center"> <label class="input input-bordered flex items-center relative">
<input <input
list="time-options" list="time-options"
class="grow" class="grow"