add deadline selector to ProjectForm.

svelte-ui/src/components/DeadlineSelect.svelte

@@ -91,7 +91,7 @@
 
       options.push({
         id: "custom",
-        label: "Specific Dates",
+        label: "Specific Date",
         value: null,
       });
     }

svelte-ui/src/forms/ProjectForm.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import stuffLogClient from "../clients/stufflog";
   import Checkbox from "../components/Checkbox.svelte";
+  import DeadlineSelect from "../components/DeadlineSelect.svelte";
   import IconSelect from "../components/IconSelect.svelte";
   import Modal from "../components/Modal.svelte";
   import StatusTagSelect from "../components/StatusTagSelect.svelte";
@@ -8,7 +9,6 @@
   import type { ProjectResult } from "../models/project";
   import markStale from "../stores/markStale";
   import modalStore from "../stores/modal";
-  import projectStore, { fpProjectStore } from "../stores/project";
   import { formatFormTime } from "../utils/time";
 
   export let deletion = false;
@@ -110,7 +110,7 @@
     <label for="itemId">Icon</label>
     <IconSelect disabled={deletion} bind:value={icon} />
     <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} />