forked from Cutlery/immich
3e8af16270
* refactor search suggestion handling * chore: open api * revert server changes * chore: open api * update location filters * location filter cleanup * refactor people filter * refactor camera filter * refactor display filter * cleanup --------- Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
38 lines
947 B
Svelte
38 lines
947 B
Svelte
<script lang="ts" context="module">
|
|
export interface SearchDateFilter {
|
|
takenBefore?: string;
|
|
takenAfter?: string;
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
export let filters: SearchDateFilter;
|
|
</script>
|
|
|
|
<div id="date-range-selection" class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-5">
|
|
<label class="immich-form-label" for="start-date">
|
|
<span>START DATE</span>
|
|
<input
|
|
class="immich-form-input w-full mt-1 hover:cursor-pointer"
|
|
type="date"
|
|
id="start-date"
|
|
name="start-date"
|
|
max={filters.takenBefore}
|
|
bind:value={filters.takenAfter}
|
|
/>
|
|
</label>
|
|
|
|
<label class="immich-form-label" for="end-date">
|
|
<span>END DATE</span>
|
|
<input
|
|
class="immich-form-input w-full mt-1 hover:cursor-pointer"
|
|
type="date"
|
|
id="end-date"
|
|
name="end-date"
|
|
placeholder=""
|
|
min={filters.takenAfter}
|
|
bind:value={filters.takenBefore}
|
|
/>
|
|
</label>
|
|
</div>
|