[READ-ONLY] Mirror of https://github.com/probablykasper/date-picker-svelte. Date and time picker for Svelte
date-picker-svelte.kasper.space
calendar
date
date-picker
date-time-picker
datepicker
package
svelte
time
Fix view not always updating with `browseWithoutSelecting`
Closes #82
+17
-4
+3
CHANGELOG.md
+3
CHANGELOG.md
+5
-2
src/lib/DatePicker.svelte
+5
-2
src/lib/DatePicker.svelte
···
59
59
60
60
/** The date shown in the popup when none is selected */
61
61
let browseDate = value ? cloneDate(value) : cloneDate(clamp(defaultDate, min, max))
62
-
$: if (browseDate.getTime() !== value?.getTime() && !browseWithoutSelecting) {
63
-
browseDate = value ? cloneDate(value) : browseDate
62
+
$: setBrowseDate(value)
63
+
function setBrowseDate(value: Date | null) {
64
+
if (browseDate.getTime() !== value?.getTime()) {
65
+
browseDate = value ? cloneDate(value) : browseDate
66
+
}
64
67
}
65
68
66
69
let years = getYears(min, max)
+9
-2
src/routes/bug/+page.svelte
+9
-2
src/routes/bug/+page.svelte
···
1
1
<script lang="ts">
2
2
import DatePicker from '$lib/DatePicker.svelte'
3
3
4
-
let date: Date | null = null
4
+
let date: Date | null = new Date()
5
5
// let date_string: string | undefined
6
6
let is_date_valid: boolean
7
7
let max_date = new Date()
···
16
16
}
17
17
</script>
18
18
19
+
<button
20
+
type="button"
21
+
on:click={() => {
22
+
date?.setMonth(date.getMonth() - 1)
23
+
date = date
24
+
}}>Subtract 1 month</button
25
+
>
19
26
<!-- <input bind:value={date_string} type="date" class="hidden" id="id_birth_date" name="birth_date" /> -->
20
27
<!-- <DateInput
21
28
bind:value={date}
···
24
31
format="yyyy-MM-dd"
25
32
placeholder="Select a date"
26
33
/> -->
27
-
<DatePicker bind:value={date} max={max_date} />
34
+
<DatePicker bind:value={date} max={max_date} browseWithoutSelecting={true} />