Date time work

packages/example/src/todo/Todo.tsx

@@ -1,4 +1,5 @@
 import * as Domain from "@/domain"
+import { DateTimeUtcFromZonedInput } from "@/lib/schema"
 import { TextAreaInput } from "@/lib/TextAreaInput"
 import { TextFieldInput } from "@/lib/TextFieldInput"
 import { Box, Button, Flex, IconButton } from "@radix-ui/themes"
@@ -13,7 +14,7 @@ import { TodosState } from "./TodosState.service"
 
 
 const StringTextAreaInput = TextAreaInput({ schema: Schema.String })
-const OptionalDateInput = TextFieldInput({ optional: true, schema: Schema.DateTimeUtc })
+const OptionalDateInput = TextFieldInput({ optional: true, schema: DateTimeUtcFromZonedInput })
 
 const makeTodo = makeUuid4.pipe(
     Effect.map(id => Domain.Todo.Todo.make({
@@ -58,7 +59,10 @@ export class Todo extends Component.makeUntraced(function* Todo(props: TodoProps
                     <StringTextAreaInputFC ref={contentRef} />
 
                     <Flex direction="row" justify="center" align="center" gap="2">
-                        <OptionalDateInputFC ref={completedAtRef} />
+                        <OptionalDateInputFC
+                            ref={completedAtRef}
+                            type="datetime-local"
+                        />
 
                         {props._tag === "new" &&
                             <Button