Merge pull request #24 from ryancyq/patch-1

📖 doc: add missing end date prop in doc and example for range

Author: dysfunc

README.md

@@ -61,6 +61,7 @@ Try it in the [Svelte REPL](https://svelte.dev/repl/cae0ce6e92634878b6e1a587146d
 | Prop              | Description                                                                           | Default                     |
 | :---------------- | :------------------------------------------------------------------------------------ | :-------------------------- |
 | startDate	        | The start date string or date object.	                                                | `object` (default: `null`)
+| endDate	          | The end date string or date object.	                                                  | `object` (default: `null`)
 | startDateTime	    | The start date time string in 24 hour format.	                                        | `string` (default: `00:00`)
 | endDateTime	      | The end date time string in 24 hour format.                                           | `string` (default: `00:00`)
 | defaultYear	      |	The year you want to show as the default.	                                            | `number` (default: `2023`)

docs/src/App.svelte

@@ -46,6 +46,12 @@
         <td>The start date <code>string</code> or <code>date</code> object.</td>
         <td><code>null</code></td>
       </tr>
+      <tr>
+        <td>endDate</td>
+        <td><code>object</code></td>
+        <td>The end date <code>string</code> or <code>date</code> object.</td>
+        <td><code>null</code></td>
+      </tr>
       <tr>
         <td>startDateTime</td>
         <td><code>string</code></td>

docs/src/examples/range/range.svelte

@@ -100,7 +100,7 @@
 </script>
 
 <div class="date-filter">
-  <DatePicker bind:isOpen bind:startDate isRange${isMultipane ? ' isMultipane' : ''}${showPresets ? ' showPresets' : ''}>
+  <DatePicker bind:isOpen bind:startDate bind:endDate isRange${isMultipane ? ' isMultipane' : ''}${showPresets ? ' showPresets' : ''}>
     <div class="date-field" on:click={toggleDatePicker} class:open={isOpen}>
       <i class="icon-calendar" />
       <div class="date">