Function DateInput

web/components/FrontmatterEditor.tsx:182–207

日期输入：onBlur 时校验 YYYY-MM-DD 与日期合法性，无效时高亮边框。 * 允许保留无效字符串（用户可继续编辑）；frontmatter 仍写入用户输入，由 PUT * 后的 validate-frontmatter 做最终校验。

({
  value,
  onChange,
}: {
  value: string | undefined;
  onChange: (v: string) => void;
})

 *  允许保留无效字符串（用户可继续编辑）；frontmatter 仍写入用户输入，由 PUT
 *  后的 validate-frontmatter 做最终校验。 */
function DateInput({
  value,
  onChange,
}: {
  value: string | undefined;
  onChange: (v: string) => void;
}) {
  const [touched, setTouched] = useState(false);
  const v = value || "";
  const isInvalid =
    touched && v !== "" && (!ISO_DATE_RE.test(v) || isNaN(Date.parse(v)));
  return (
    <input
      type="text"
      value={v}
      onChange={(e) => onChange(e.target.value)}
      onBlur={() => setTouched(true)}
      placeholder="YYYY-MM-DD"
      className={
        "w-full rounded border bg-background px-2 py-1 text-sm font-mono " +
        (isInvalid ? "border-destructive" : "")
      }
      aria-invalid={isInvalid || undefined}
    />
  );
}