import React from "react";
import { TextField } from "@mui/material";
import type { FieldConfig } from "../../../types";

interface Props {
  field: FieldConfig;
  value: any;
  onChange: (value: any) => void;
  error?: string;
}

export function DateField({ field, value, onChange, error }: Props) {
  const inputType = field.format === "date" ? "date" : "datetime-local";

  return (
    <TextField
      fullWidth
      label={field.label}
      type={inputType}
      value={value ?? ""}
      onChange={(e) => onChange(e.target.value)}
      error={!!error}
      helperText={error ?? field.description}
      placeholder={field.description}
      size="small"
      disabled={field.readOnly}
      InputLabelProps={{ shrink: true }}
    />
  );
}