(refactor) O3-3846: Replace the DatePickers to use the OpenmrsDatePicker

[jwnasambu]

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

Screenshots

Related Issue

https://openmrs.atlassian.net/browse/O3-3846

Other

[NethmiRodrigo]

Thanks @jwnasambu! Left a few nitpicks:

[jwnasambu]

@ibacher One thing I am picking from the error I am getting on this PR is specificMockImpl.apply is not a function. I want to believe it occurs when a mocked function is not properly set up, or its implementation does not correctly replicate the original behavior of the function. In this case, OpenmrsDatePicker is being mocked using jest.fn(realOpenmrsDatePicker), which can be a problem if realOpenmrsDatePicker is either a class or a React component and not a function. It’s for that reason I am thinking Instead of using jest.fn(realOpenmrsDatePicker), we mock it directly as a functional component? kindly what is your take?

[denniskigen]

Try using this stub implementation of the OpenmrsDatePicker component in your tests:

import { OpenmrsDatePicker } from '@openmrs/esm-framework';

const mockOpenmrsDatePicker = jest.mocked(OpenmrsDatePicker);

mockOpenmrsDatePicker.mockImplementation(({ id, labelText, value, onChange }) => {
  return (
    <>
      <label htmlFor={id}>{labelText}</label>
      <input
        aria-label={labelText.toString()}
        id={id}
        onChange={(evt) => {
          onChange(dayjs(evt.target.value).toDate());
        }}
        type="text"
        // @ts-ignore
        value={value ? dayjs(value).format('DD/MM/YYYY') : ''}
      />
    </>
  );
});

[Muppasanipraneeth]

@jwnasambu Standardize the use of the OpenMRS date picker Across All Apps O3-4287 however you are working on it . I checked what are changes you made . you already working on the visits, medication,conditions,Immunization,program,and other I think you did not worked on the Appointments so please work on it also Thank you .