fix: make native date/time picker icons visible in dark mode (#27275)

This commit is contained in:
Jiwon Lee authored and GitHub committed 2026-07-23 22:23:46 -04:00
1 parent 021c4c7a2e
commit 9d020edf0f
5 files changed
+13 -13

No files matched your search

@@ -214,11 +214,11 @@
<div>
<div class="mb-1 text-xs text-gray-500">{$i18n.t('When')}</div>
<div class="flex items-center gap-2 text-sm flex-wrap">
<input type="date" class="bg-transparent outline-hidden" bind:value={startDate} />
<input type="date" class="bg-transparent outline-hidden dark:scheme-dark" bind:value={startDate} />
{#if !allDay}
<input type="time" class="bg-transparent outline-hidden" bind:value={startTime} />
<input type="time" class="bg-transparent outline-hidden dark:scheme-dark" bind:value={startTime} />
<span class="text-gray-300 dark:text-gray-600">–</span>
<input type="time" class="bg-transparent outline-hidden" bind:value={endTime} />
<input type="time" class="bg-transparent outline-hidden dark:scheme-dark" bind:value={endTime} />
{/if}
<label class="flex items-center gap-1.5 cursor-pointer text-xs text-gray-400 ml-auto">
<input type="checkbox" class="accent-blue-500" bind:checked={allDay} />