public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-23 23:00:42 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(web): rework combobox and add clear button (#7317)

Browse Source 
* feat(web): rework combobox

* simplify statement and use transition-all
This commit is contained in:
Michel Heusschen
2024-02-22 14:12:33 +01:00
committed by GitHub
parent 749b182f97
commit 46f85618db
3 changed files with 84 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/lib/components/shared-components/change-date.svelte
View File

@@ -28,7 +28,7 @@
const initialOption = timezones.find((item) => item.value === 'UTC' + initialDate.toFormat('ZZ'));
let selectedOption = {
let selectedOption = initialOption && {
label: initialOption?.label || '',
value: initialOption?.value || '',
};
@@ -36,7 +36,7 @@
let selectedDate = initialDate.toFormat("yyyy-MM-dd'T'HH:mm");
// Keep local time if not it's really confusing
$: date = DateTime.fromISO(selectedDate).setZone(selectedOption.value, { keepLocalTime: true });
$: date = DateTime.fromISO(selectedDate).setZone(selectedOption?.value, { keepLocalTime: true });
const dispatch = createEventDispatcher<{
cancel: void;
@@ -82,7 +82,7 @@
</div>
<div class="flex flex-col w-full mt-2">
<label for="timezone">Timezone</label>
<Combobox bind:selectedOption options={timezones} placeholder="Search timezone..." />
<Combobox bind:selectedOption id="timezone" options={timezones} placeholder="Search timezone..." />
</div>
</div>
</ConfirmDialogue>