\n \n \\${formattedDate}\n \n \n \\${detectedDateString}\n \n

\n \\`;\n \n inputEl.value = ''; // Clear the input after detection\n } else {\n outputEl.innerHTML = '';\n }\n}\n\nfunction clearAll() {\n inputEl.value = '';\n outputEl.innerHTML = '';\n inputEl.focus();\n}\n\nfunction formatDate(date) {\n if (!date) return '';\n return date.toLocaleString('en-US', {\n month: '2-digit',\n day: '2-digit',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true,\n });\n}\n\ninputEl.addEventListener('input', detectDate);\nclearBtn.addEventListener('click', clearAll);\n`;\n\nconst html = `\n\n\n\n \n \n AI Date Input\n \n \n\n\n

AI Date Input

\n \n \n ×\n \n

\n Try typing things like \"tomorrow\", \"next Friday\", \"3 days from now\", or \"2024-09-15 14:30\".\n

\n \n View Source\n \n

\n \n\n\n`;\n\nexport default (req: Request) => {\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n};","deleted","label",[99],"permalink","https://www.val.town/x/ganeshkumartk/AIDateInput/code/main.tsx","extension","actionData","errors"]