Fix

packages/example/src/todo/Todo.tsx

@@ -4,9 +4,9 @@ import { TextAreaInput } from "@/lib/TextAreaInput"
 import { TextFieldInput } from "@/lib/TextFieldInput"
 import { Box, Button, Flex, IconButton } from "@radix-ui/themes"
 import { GetRandomValues, makeUuid4 } from "@typed/id"
-import { Chunk, Effect, Match, Option, Ref, Runtime, Schema, SubscriptionRef } from "effect"
+import { Chunk, DateTime, Effect, Match, Option, Ref, Runtime, Schema, SubscriptionRef } from "effect"
 import { Component, Memo } from "effect-fc"
-import { Hooks } from "effect-fc/hooks"
+import { Hooks, useOnce } from "effect-fc/hooks"
 import { SubscriptionSubRef } from "effect-fc/types"
 import { FaArrowDown, FaArrowUp } from "react-icons/fa"
 import { FaDeleteLeft } from "react-icons/fa6"
@@ -60,8 +60,9 @@ export class Todo extends Component.makeUntraced(function* Todo(props: TodoProps
 
                     <Flex direction="row" justify="center" align="center" gap="2">
                         <OptionalDateInputFC
-                            ref={completedAtRef}
                             type="datetime-local"
+                            ref={completedAtRef}
+                            defaultValue={yield* useOnce(() => DateTime.now)}
                         />
 
                         {props._tag === "new" &&