Be able to disable flatpickr input

I used this solution and worked with me

const AppDatePicker = ({ onChange, placeholder, value, disabled }) => {
  const inputRef = useRef();
  useEffect(() => {
    inputRef.current.flatpickr.altInput.disabled = disabled;
  }, [disabled]);

  return (
    <Flatpickr
      ref={inputRef}
      style={{ marginTop: "18px" }}
      placeholder={placeholder}
      readOnly={false}
      value={value}
      className="form-control m-0"
      options={{ altInput: true, altFormat: "F j, Y", dateFormat: "Y-m-d", mode: "range" }}
      onChange={onChange}
    />
  );
};

So, I fixed it by setting the dateFormat prop to the desired output format and disabling altInput prop. @jacobmischka Thanks for the input.