From 537c94a34bad5d85f1320c0b7923f2e51b4dc978 Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Sun, 21 Sep 2025 23:30:33 +0900
Subject: [PATCH] =?UTF-8?q?#101=20=E4=BD=99=E7=99=BD=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/PostEditForm.tsx         | 2 ++
 frontend/src/components/common/DateTimeField.tsx | 9 ++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/PostEditForm.tsx b/frontend/src/components/PostEditForm.tsx
index ad7ba82..18270ce 100644
--- a/frontend/src/components/PostEditForm.tsx
+++ b/frontend/src/components/PostEditForm.tsx
@@ -62,12 +62,14 @@ export default (({ post, onSave }: Props) => {
 	  <Label>オリジナルの作成日時</Label>
 	  <div className="my-1">
 	    <DateTimeField
+		className="mr-2"
 		value={originalCreatedFrom ?? undefined}
 		onChange={setOriginalCreatedFrom}/>
 	    以降
 	  </div>
 	  <div className="my-1">
 	    <DateTimeField
+		className="mr-2"
 		value={originalCreatedBefore ?? undefined}
 		onChange={setOriginalCreatedBefore}/>
 	    より前
diff --git a/frontend/src/components/common/DateTimeField.tsx b/frontend/src/components/common/DateTimeField.tsx
index bd7509a..c152f2a 100644
--- a/frontend/src/components/common/DateTimeField.tsx
+++ b/frontend/src/components/common/DateTimeField.tsx
@@ -1,5 +1,7 @@
 import { useEffect, useState } from 'react'
 
+import { cn } from '@/lib/utils'
+
 import type { FC } from 'react'
 
 
@@ -19,10 +21,11 @@ const toDateTimeLocalValue = (d: Date) => {
 
 type Props = {
     value?:     string
-    onChange?:  (isoUTC: string | null) => void }
+    onChange?:  (isoUTC: string | null) => void
+    className?: string }
 
 
-export default (({ value, onChange }: Props) => {
+export default (({ value, onChange, className }: Props) => {
   const [local, setLocal] = useState ('')
 
   useEffect (() => {
@@ -31,7 +34,7 @@ export default (({ value, onChange }: Props) => {
 
   return (
       <input
-	  className="border rounded p-2"
+	  className={cn ('border rounded p-2', className)}
 	  type="datetime-local"
 	  step={1}
 	  value={local}