\n \n Título da tarefa *\n \n setTitle(e.target.value)}\n placeholder=\"Ex: Revisar proposta do cliente\"\n className=\"conversion-input w-full\"\n disabled={loading}\n required\n />\n

\n\n

\n \n Descrição (opcional)\n \n setDescription(e.target.value)}\n placeholder=\"Adicione detalhes sobre a tarefa...\"\n rows={3}\n className=\"conversion-input w-full resize-none\"\n disabled={loading}\n />\n

\n\n

\n \n Prioridade\n \n setPriority(e.target.value as Todo['priority'])}\n className=\"conversion-select w-full\"\n disabled={loading}\n >\n {priorityOptions.map(option => (\n \n ))}\n \n

\n\n

\n \n Categoria\n \n setCategory(e.target.value as Todo['category'])}\n className=\"conversion-select w-full\"\n disabled={loading}\n >\n {categoryOptions.map(option => (\n \n ))}\n \n

\n\n

\n \n Data de vencimento (opcional)\n \n setDueDate(e.target.value)}\n min={today}\n className=\"conversion-input w-full\"\n disabled={loading}\n />\n {dueDate && (\n

\n 📅 Vencimento: {new Date(dueDate).toLocaleDateString('pt-BR', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })}\n

\n )}\n

\n\n \n {loading ? 'Adicionando...' : '+ Adicionar Tarefa'}\n \n \n );\n}","deleted","label",[168,169,149],"frontend","components","permalink","https://www.val.town/x/diegoivo/todo-app/code/frontend/components/TodoForm.tsx","extension","actionData","errors"]