added better deadline and date range selectors.

svelte-ui/src/forms/GoalForm.svelte

@@ -10,6 +10,7 @@ import Checkbox from "../components/Checkbox.svelte";
 import GroupItemSelect from "../components/GroupItemSelect.svelte";
 import groupStore from "../stores/group";
 import type { GroupResult } from "../models/group";
+import DateRangeSelect from "../components/DateRangeSelect.svelte";
 
   export let deletion = false;
   export let creation = false;
@@ -132,10 +133,7 @@ import type { GroupResult } from "../models/group";
       <option value="item" selected={"item" === compositionMode}>Item</option>
       <option value="task" selected={"task" === compositionMode}>Task</option>
     </select>
-    <label for="startTime">Start Time</label>
-    <input disabled={deletion} name="startTime" type="datetime-local" bind:value={startTime} />
-    <label for="endTime">End Time</label>
-    <input disabled={deletion} name="endTime" type="datetime-local" bind:value={endTime} />
+    <DateRangeSelect disabled={deletion} bind:fromValue={startTime} bind:toValue={endTime} />
     <label for="taskFilter">Task Filter (Optional)</label>
     <input disabled={deletion} name="taskFilter" type="text" bind:value={taskFilter} />
     <label for="itemFilter">Item Filter (Optional)</label>

svelte-ui/src/forms/TaskForm.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import stuffLogClient from "../clients/stufflog";
+import DeadlineSelect from "../components/DeadlineSelect.svelte";
   import ItemSelect from "../components/ItemSelect.svelte";
   import Modal from "../components/Modal.svelte";
   import StatusTagSelect from "../components/StatusTagSelect.svelte";
@@ -117,10 +118,10 @@
     <label for="itemAmount">Amount</label>
     <input disabled={deletion} name="itemAmount" type="number" bind:value={itemAmount} />
     <label for="endTime">Deadline (Optional)</label>
-    <input disabled={deletion} name="endTime" type="datetime-local" bind:value={endTime} />
+    <DeadlineSelect disabled={deletion} bind:value={endTime} />
     <label for="statusTag">Status</label>
     <StatusTagSelect disabled={deletion} bind:value={statusTag} />
-
+    
     <hr />
 
     <button disabled={loading} type="submit">{verb} Task</button>