Add new date to select event (#71)

Author: adamnyberg

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## Next
+- Add date to `select` event detail
+
 ## 2.7.0 - 2023 Sep 23
 - Add `dynamicPositioning` prop to avoid the date popup appearing outside the screen (@stinger567)
 - `DateInput`: Avoid errors when `undefined` is passed as value (@happysalada)

src/lib/DateInput.svelte

@@ -10,7 +10,7 @@
 
   const dispatch = createEventDispatcher<{
     /** Fires when the user selects a new value in the DatePicker by clicking on a date or by pressing enter */
-    select: undefined
+    select: Date
   }>()
 
   /** Default date to display in picker before value is assigned */
@@ -121,7 +121,7 @@
     }
   }
 
-  function onSelect(e: CustomEvent<undefined>) {
+  function onSelect(e: CustomEvent<Date>) {
     dispatch('select', e.detail)
     if (closeOnSelection) {
       visible = false

src/lib/DatePicker.svelte

@@ -5,7 +5,7 @@
 
   const dispatch = createEventDispatcher<{
     /** Fires when the user selects a new value by clicking on a date or by pressing enter */
-    select: undefined
+    select: Date
   }>()
 
   function cloneDate(d: Date) {
@@ -117,7 +117,7 @@
       browseDate.setMonth(calendarDay.month)
       browseDate.setDate(calendarDay.number)
       setValue(browseDate)
-      dispatch('select')
+      dispatch('select', cloneDate(browseDate))
     }
   }
   function dayIsInRange(calendarDay: CalendarDay, min: Date, max: Date) {
@@ -197,7 +197,7 @@
       setValue(browseDate)
     } else if (e.key === 'Enter') {
       setValue(browseDate)
-      dispatch('select')
+      dispatch('select', cloneDate(browseDate))
     } else {
       return
     }