coracle/flotilla
1
6
Fork 24
Code Issues 38 Pull Requests 3 Actions Packages Projects 5 Releases Wiki 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 was merged in pull request #209.
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>
<div class="relative grid grid-cols-2 gap-2" bind:this={element}>
<div class="relative">
<div class="relative focus-within:z-modal grid grid-cols-2 gap-2" bind:this={element}>
<div class="relative group z-popover">
<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}
<Button onclick={clear} class="h-5">
<Button onclick={clear} class="h-5 pointer-events-auto">
<Icon icon={CloseCircle} />
</Button>
{:else}
<Button onclick={focusDate} class="h-5">
<Button onclick={focusDate} class="h-5 pointer-events-auto">
<Icon icon={CalendarMinimalistic} />
</Button>
{/if}
</div>
</div>
<label class="input input-bordered flex items-center">
<label class="input input-bordered flex items-center relative">
<input
list="time-options"
class="grow"