{ if (e.key === "Escape") dismiss(); }} >
e.stopPropagation()} >
Date & Time
Done
{monthLabel}
{#each DAY_NAMES as name}
{name}
{/each}
{#each calendarCells as day} {#if day === null}
{:else}
selectDay(day)} class="mx-auto flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors {selectedDay === day ? 'bg-primary text-white' : ''} {isToday(day) && selectedDay !== day ? 'font-bold text-primary' : ''} {selectedDay !== day && !isToday(day) ? 'hover:bg-black/5 dark:hover:bg-white/10' : ''}" > {day}
{/if} {/each}
{#if includeTime}
Time
{#each Array(24) as _, h}
{String(h).padStart(2, "0")}
{/each}
:
{#each [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55] as m}
{String(m).padStart(2, "0")}
{/each}
{ includeTime = false; done(); }} class="ml-auto opacity-40 hover:opacity-80">
{:else}
(includeTime = true)} class="text-sm opacity-50 hover:opacity-80" > Set time
{/if}
{#if value}
Clear date
{/if}