Function Select

web/components/FrontmatterEditor.tsx:152–175

({
  value,
  options,
  onChange,
  renderOption,
}: {
  value: string | undefined;
  options: string[];
  onChange: (v: string) => void;
  renderOption?: (o: string) => string;
})

}

function Select({
  value,
  options,
  onChange,
  renderOption,
}: {
  value: string | undefined;
  options: string[];
  onChange: (v: string) => void;
  renderOption?: (o: string) => string;
}) {
  const opts = value && !options.includes(value) ? [...options, value] : options;
  return (
    <select
      value={value || ""}
      onChange={(e) => onChange(e.target.value)}
      className="w-full rounded border bg-background px-2 py-1 text-sm"
    >
      {opts.map((o) => (
        <option key={o} value={o}>{renderOption ? renderOption(o) : o}</option>
      ))}
    </select>
  );
}

const ISO_DATE_RE = /^\d{4}-\d{2}-\d{2}$/;