import React from 'react';
import CustomTimePicker from "../../Forms/CustomDateTimePicker/CustomTimePicker";

interface FormTimePickerFieldProps {
    field: any;
    mode: string;
    formData: Record<string, any>;
    formErrors: Record<string, string>;
    dispatch: React.Dispatch<any>;
}

const FormTimePickerField: React.FC<FormTimePickerFieldProps> = ({ field, mode, formData, formErrors, dispatch }) => {
    const isReadOnly = (field?.readonly || mode === 'view') ?? false;

    const handleChange = (e: any) => {
        if (isReadOnly) {
            console.log("u cant change a readonly field");
        } else {
            dispatch({
                type: 'simple',
                value: e,
                key: field.name
            });
        }
    };

    return (
        <CustomTimePicker
            readOnly={isReadOnly}
            value={formData[field.name]}
            hasError={formErrors[field.name] ?? ''}
            minTime={field.minTime}
            maxTime={field.maxTime}
            onChange={handleChange}
        />
    );
};

export default FormTimePickerField;