메일 관리 작업 저장용 커밋

frontend/lib/registry/components/date-input/DateInputComponent.tsx

@@ -322,13 +322,23 @@ export const DateInputComponent: React.FC<DateInputComponentProps> = ({
           width: "100%",
           height: "100%",
           border: "1px solid #d1d5db",
-          borderRadius: "4px",
+          borderRadius: "8px",
           padding: "8px 12px",
           fontSize: "14px",
           outline: "none",
+          transition: "all 0.2s ease-in-out",
+          boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
           // isInteractive 모드에서는 사용자 스타일 우선 적용
           ...(isInteractive && component.style ? component.style : {}),
         }}
+        onFocus={(e) => {
+          e.target.style.borderColor = "#f97316";
+          e.target.style.boxShadow = "0 0 0 3px rgba(249, 115, 22, 0.1)";
+        }}
+        onBlur={(e) => {
+          e.target.style.borderColor = "#d1d5db";
+          e.target.style.boxShadow = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+        }}
         onClick={handleClick}
         onDragStart={onDragStart}
         onDragEnd={onDragEnd}