19 lines
637 B
TypeScript
19 lines
637 B
TypeScript
import { TextField as MuiTextField } from '@mui/material';
|
|
import { FieldComponentProps } from '../../types/overrides';
|
|
|
|
export default function DateField({ field, value, onChange, disabled }: FieldComponentProps) {
|
|
const isDatetime = field.type === 'datetime';
|
|
return (
|
|
<MuiTextField
|
|
fullWidth
|
|
label={field.label}
|
|
type={isDatetime ? "datetime-local" : "date"}
|
|
InputLabelProps={{ shrink: true }}
|
|
value={value ? new Date(value).toISOString().slice(0, isDatetime ? 16 : 10) : ''}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
disabled={disabled}
|
|
required={field.required}
|
|
/>
|
|
);
|
|
}
|