import React, {ReactNode} from 'react';
import {DatePicker} from "@mui/x-date-pickers";
import './customdatetimepicker.scss';
import dayjs, {Dayjs} from "dayjs";

type CustomDatePickerProps = {
    value: any
    onChange: any
    readOnly?: boolean
    minDate?: Dayjs
    hasError?:string

}

const CustomDatePicker = ({value, onChange, readOnly=false, minDate, hasError}: CustomDatePickerProps) => {

    return (
        <>

        <DatePicker
            readOnly = {readOnly}
            minDate={minDate}
            inputFormat="DD/MM/YYYY"
            value={value}
            onChange={onChange}
            renderInput={({ inputRef, inputProps, InputProps }) => (
                <div className={'rendered-date-time'}>
                    <input ref={inputRef} {...inputProps} />
                    {InputProps?.endAdornment}
                </div>
            )}
        />
            {hasError && <p className={'error-message'}>{hasError}</p>}
        </>
    );
}

export default CustomDatePicker;