diff --git a/packages/esm-appointments-app/src/form/appointments-form.component.tsx b/packages/esm-appointments-app/src/form/appointments-form.component.tsx index 6e4a67b41..43a0db867 100644 --- a/packages/esm-appointments-app/src/form/appointments-form.component.tsx +++ b/packages/esm-appointments-app/src/form/appointments-form.component.tsx @@ -8,7 +8,6 @@ import { DatePicker, Form, InlineLoading, - Layer, MultiSelect, NumberInput, Select, @@ -24,7 +23,14 @@ import { import { Controller, useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import { z } from 'zod'; -import { useLocations, useSession, showSnackbar, useLayoutType, useConfig } from '@openmrs/esm-framework'; +import { + useLocations, + useSession, + showSnackbar, + useLayoutType, + useConfig, + ResponsiveWrapper, +} from '@openmrs/esm-framework'; import { convertTime12to24 } from '@openmrs/esm-patient-common-lib'; import { saveAppointment, @@ -302,7 +308,7 @@ const AppointmentsForm: React.FC = ({
{t('location', 'Location')}
- + = ({
{t('service', 'Service')} - + = ({
{t('appointmentType_title', 'Appointment Type')} - + = ({ toggled={isAllDayAppointment} /> )} - + ( - + = ({ )} - + = ({ /> - + = ({ toggled={isAllDayAppointment} /> )} - + = ({ {getValues('selectedService') && (
- + = ({ {context !== 'creating' ? (
{t('appointmentStatus', 'Appointment Status')} - + = ({ name="appointmentNote" control={control} render={({ field: { onChange, onBlur, value, ref } }) => ( - +