[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
0

Configure Feed

Select the types of activity you want to include in your feed.

Add new date to select event (#71)


authored by

Adam Nyberg and committed by
GitHub
(Sep 29, 2023, 1:01 AM +0200) 70ce2058 14d995db

+8 -5
+3
CHANGELOG.md
··· 1 1 # Changelog 2 2 3 + ## Next 4 + - Add date to `select` event detail 5 + 3 6 ## 2.7.0 - 2023 Sep 23 4 7 - Add `dynamicPositioning` prop to avoid the date popup appearing outside the screen (@stinger567) 5 8 - `DateInput`: Avoid errors when `undefined` is passed as value (@happysalada)
+2 -2
src/lib/DateInput.svelte
··· 10 10 11 11 const dispatch = createEventDispatcher<{ 12 12 /** Fires when the user selects a new value in the DatePicker by clicking on a date or by pressing enter */ 13 - select: undefined 13 + select: Date 14 14 }>() 15 15 16 16 /** Default date to display in picker before value is assigned */ ··· 121 121 } 122 122 } 123 123 124 - function onSelect(e: CustomEvent<undefined>) { 124 + function onSelect(e: CustomEvent<Date>) { 125 125 dispatch('select', e.detail) 126 126 if (closeOnSelection) { 127 127 visible = false
+3 -3
src/lib/DatePicker.svelte
··· 5 5 6 6 const dispatch = createEventDispatcher<{ 7 7 /** Fires when the user selects a new value by clicking on a date or by pressing enter */ 8 - select: undefined 8 + select: Date 9 9 }>() 10 10 11 11 function cloneDate(d: Date) { ··· 117 117 browseDate.setMonth(calendarDay.month) 118 118 browseDate.setDate(calendarDay.number) 119 119 setValue(browseDate) 120 - dispatch('select') 120 + dispatch('select', cloneDate(browseDate)) 121 121 } 122 122 } 123 123 function dayIsInRange(calendarDay: CalendarDay, min: Date, max: Date) { ··· 197 197 setValue(browseDate) 198 198 } else if (e.key === 'Enter') { 199 199 setValue(browseDate) 200 - dispatch('select') 200 + dispatch('select', cloneDate(browseDate)) 201 201 } else { 202 202 return 203 203 }