I was able to reproduce was triggering the onChange event when any state of the wrapper changes. That's obviously a bug, and we're going to fix it soon. We are currently working to generally improve pickers.

Could you tell me if you get an endless loop issue with this code? I didn't find it.

import React, { useCallback, useState } from 'react';
import {
  MDBContainer,
  MDBCol,
  MDBDateTimepicker,
  MDBModal,
  MDBModalBody,
  MDBModalDialog,
  MDBModalContent,
  MDBModalHeader,
  MDBModalTitle,
  MDBBtn,
  MDBModalFooter,
  MDBInputGroup,
} from 'mdb-react-ui-kit';

export default function DateTimepickerPage() {
  const [startDateTime, setStartDateTime] = useState(new Date());
  const [showModal, setShowModal] = useState(false);
  const [onModalClose, setOnModalClose] = useState(null);

  const toggleShow = () => setShowModal(!showModal);
  const onBtnConfirmClick = () => {
    toggleShow();
  };

  const onStartDateTimeChanged = (e: any) => {
    console.log('onStartDateTimeChanged');
    setStartDateTime(e);
  };

  return (
    <MDBContainer>
      <button className='btn btn-primary' onClick={() => setShowModal(true)}>
        click
      </button>
      <MDBModal tabIndex='-1' show={showModal} setShow={setShowModal} nonInvasive>
        <MDBModalDialog centered scrollable>
          <MDBModalContent>
            <MDBModalHeader>
              <MDBModalTitle>Title</MDBModalTitle>
              <MDBBtn className='btn-close' color='none' onClick={toggleShow}></MDBBtn>
            </MDBModalHeader>
            <MDBModalBody>
              <MDBInputGroup className='mb-4'>
                <MDBDateTimepicker
                  inline
                  inputToggle
                  label='Start DateTime'
                  dateFormat={'mm-dd-yyyy'}
                  onChange={(e) => {
                    onStartDateTimeChanged(e);
                  }}
                  required
                />
              </MDBInputGroup>
            </MDBModalBody>
            <MDBModalFooter>
              <MDBBtn
                color='secondary'
                onClick={() => {
                  toggleShow();
                  if (onModalClose !== null && onModalClose !== undefined) {
                    onModalClose();
                  }
                }}
              >
                Close
              </MDBBtn>
              <MDBBtn
                type='button'
                onClick={() => {
                  onBtnConfirmClick();
                }}
              >
                Confirm
              </MDBBtn>
            </MDBModalFooter>
          </MDBModalContent>
        </MDBModalDialog>
      </MDBModal>
    </MDBContainer>
  );
}