Fix event forwarding

Author: t-lock

src/App.svelte

@@ -59,13 +59,13 @@
         <div class="row">
           <aside>
             <div class="menu-box">
-              <h4>Navigation</h4>	
+              <h4>Navigation</h4>
               <nav class="side-nav">
                 <ul>
                   <li><a href="/">Home</a></li>
                   <li><a href="/date-picker">Date Picker</a></li>
                   <li><a href="/range-picker">Range Picker</a></li>
-                </ul>					
+                </ul>
               </nav>
             </div>
           </aside>
@@ -273,6 +273,7 @@
                     range={true}
                     time={true}
                     on:range-selected={e => {
+                      console.log(e)
                       firedEvents = [
                         ...firedEvents,
                         `Picked range ${e.detail.from} to ${e.detail.to}`
@@ -314,7 +315,7 @@
     <div class="container">
       <div class="row">
         <div class="col-lg-12 center">
-          
+
         </div>
       </div>
     </div>
@@ -446,4 +447,4 @@
       background-position: 100%;
     }
   }
-</style>
+</style>

src/components/DatePicker.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from 'svelte'
+  import { createEventDispatcher, onMount } from 'svelte'
   import DatePickerInner from './DatePickerInner.svelte'
   import { setLoadingCursor } from './lib/context'
 
@@ -9,14 +9,40 @@
     await setLoadingCursor()
     ready = true
   })
+
+  /**
+   * ! WARNING
+   *
+   * The only events forwarded here are the ones we are currently using in
+   * Real Rev...
+   *
+   * Forwarding both Date and Date Range events bricked our build.
+  */
+  const dispatch = createEventDispatcher()
+  function forwardEvent (event) {
+    console.log('Forwarding event:', event.type)
+    dispatch(event.type, event.detail)
+  }
 </script>
 
 {#if ready}
   {#if $$slots.default}
-    <DatePickerInner {...$$props} on:*>
+    <DatePickerInner {...$$restProps}
+      on:range-selected={forwardEvent}
+      on:open={forwardEvent}
+      on:close={forwardEvent}
+      on:updateStart={forwardEvent}
+      on:updateEnd={forwardEvent}
+    >
       <slot />
     </DatePickerInner>
   {:else}
-    <DatePickerInner {...$$props} on:* />
+    <DatePickerInner {...$$restProps}
+      on:range-selected={forwardEvent}
+      on:open={forwardEvent}
+      on:close={forwardEvent}
+      on:updateStart={forwardEvent}
+      on:updateEnd={forwardEvent}
+    />
   {/if}
 {/if}