poc of new editor is,, progressing

src/lib/components/editor.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { CalendarDate } from "@internationalized/date";
+    import { onMount } from "svelte";
+    
+    let {
+      dateValue = $bindable<CalendarDate | undefined>(
+                  new CalendarDate(2026, 2, 1),
+              ),
+    } = $props()
+    
+    let edit = $state(false)
+    
+    let entry = $state({
+      date: dateValue.toString(),
+      image: "",
+      content: ""
+    })
+    
+    onMount(async () => {
+      const res = await fetch(`/api/entry?date=${dateValue.toString()}`)
+      const data = await res.json()
+      entry = data
+    })
+</script>
+
+{JSON.stringify(entry)}
+
+<!-- <div class="flex flex-row items-center justify-between"> -->
+    <h1 class="text-3xl">{entry["date"]}</h1>
+<!-- </div> -->

src/lib/components/entrySummaryView.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import * as Item from "$lib/components/ui/item/index.js";
-    import { CalendarDate, parseAbsolute } from "@internationalized/date";
+    import { CalendarDate, parseDate } from "@internationalized/date";
 
     import { marked } from 'marked';
     import { formatDate } from "$lib/date.ts";
@@ -14,7 +14,7 @@
     
     const formattedDate = formatDate(entry.date);
 
-    function select() { value = parseAbsolute(entry.date) }
+    function select() { value = parseDate(entry.date) }
 </script>
 
 <button class="border border-white/30 rounded-xl w-full hover:brightness-80 transition-all mb-3"  onclick={select}>

src/lib/server/db/schema.ts

@@ -1,8 +1,8 @@
-import { text, integer, pgTable, json, timestamp } from "drizzle-orm/pg-core";
+import { text, integer, pgTable, json, date } from "drizzle-orm/pg-core";
 
 export const entryTable = pgTable("entries", {
   id: integer().primaryKey().generatedAlwaysAsIdentity(),
-  date: timestamp({ mode: 'date', withTimezone: true }).notNull().defaultNow(),
+  date: date().notNull().defaultNow(),
   location: json(),
   content: text(),
   image: text()

src/routes/+page.svelte

@@ -6,45 +6,21 @@
     import Header from '$lib/components/header.svelte';
     
     import Calendar from "$lib/components/calendar.svelte";
-    import Editor from "$lib/components/editor/index.svelte";
+    import Editor from "$lib/components/editor.svelte";
     import EntrySummaryView from "$lib/components/entrySummaryView.svelte";
-    import AddEntryCover from "$lib/components/addEntryCover.svelte";
-    import { today } from "$lib/date";
-
-    let selectedEntry = $state("");
-    let selectedDate = $state(today());
     
     let dateValue = $state(new CalendarDate(2026, 2, 1));
 
-    let selectEntry = async (hasEntry: boolean, data: string | null) => {
-        // data should be the entryID if hasEntry == true, or the date if there is no entry
-        if (hasEntry) {
-            const res = await fetch(`/api/entry?id=${data}`);
-            selectedEntry = await res.json();
-            selectedDate = selectedEntry.date;
-        } else {
-            selectedEntry = "";
-            selectedDate = data as string;
-        }
-    };
-
-    // $effect(() => {selectedEntry = ''})
 </script>
 
 
 <div class="flex flex-col md:flex-row space-y-4 w-full mt-6">
     <div class="md:w-1/2 md:order-2">
         <Header />
-
+        
-        {#if selectedEntry}
+        {#key dateValue}
-            {#key selectedEntry.id}
+            <Editor {dateValue} />
-                <Editor bind:entry={selectedEntry} />
+        {/key}
-            {/key}
-        {:else}
-            {#key selectedDate}
-                <AddEntryCover bind:date={selectedDate} />
-            {/key}
-        {/if}
     </div>
 
     <div class="md:w-1/2 space-y-4 md:mr-4">