Add datetime input

src/lib/components/ModalBox.svelte

@@ -1,38 +1,10 @@
-<script context="module" lang="ts">
-  import {emitter} from "@app/modal"
-
-  const modalHeight = tweened(0, {
-    duration: 700,
-    easing: quintOut,
-  })
-
-  emitter.on("close", () => modalHeight.set(0))
-</script>
-
 <script lang="ts">
-  import {onMount} from "svelte"
-  import {quintOut} from "svelte/easing"
-  import {tweened} from "svelte/motion"
+  import {fly} from "@lib/transition"
 
   export let component
   export let props = {}
-
-  let box: HTMLElement
-  let content: HTMLElement
-  let naturalHeight = 0
-
-  onMount(() => {
-    naturalHeight = content.clientHeight + 48
-    modalHeight.set(naturalHeight)
-  })
 </script>
 
-<div
-  class="modal-box"
-  bind:this={box}
-  style={`height: ${$modalHeight}px`}
-  class:overflow-hidden={$modalHeight !== naturalHeight}>
-  <div bind:this={content}>
-    <svelte:component this={component} {...props} />
-  </div>
+<div class="modal-box" transition:fly={{duration: 100}}>
+  <svelte:component this={component} {...props} />
 </div>