diff --git a/config/ng-config.json b/config/ng-config.json
index c9f2ad5f6f..1bdd31ad35 100644
--- a/config/ng-config.json
+++ b/config/ng-config.json
@@ -80,7 +80,9 @@
       "openMRSSystemSettingUrl": "/openmrs/ws/rest/v1/systemsetting/",
       "baseLocaleURL": "./i18n/",
       "customLocaleURL": "/bahmni_config/openmrs/i18n/",
-      "loginPageUrl": "../../bahmni/home/index.html#/login"
+      "loginPageUrl": "../../bahmni/home/index.html#/login",
+      "patientsURL": "/bahmni/clinical/index.html#/default/patient/",
+      "patientsURLGeneralInformationTab": "/dashboard?currentTab=DASHBOARD_TAB_GENERAL_KEY"
     }
   },
   "Appointments": {
diff --git a/i18n/appointments/locale_en.json b/i18n/appointments/locale_en.json
index c2f2aaf6ac..a38f2b4b25 100644
--- a/i18n/appointments/locale_en.json
+++ b/i18n/appointments/locale_en.json
@@ -174,5 +174,7 @@
   "PLACEHOLDER_APPOINTMENT_REQUEST": "Select Appointment Status",
   "ACCEPT_APPOINTMENT_REQUEST": "Accept",
   "PROVIDER_RESPONSE_ACCEPT_SUCCESS_MESSAGE": "Appointment invitation accepted successfully.",
-  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Are you sure, you want to accept the appointment invite?"
+  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Are you sure, you want to accept the appointment invite?",
+  "JOIN_TELE_CONSULTATION":"Join Teleconsultation",
+  "COPY_LINK": "Copy TeleConsultation Link"
 }
diff --git a/i18n/appointments/locale_es.json b/i18n/appointments/locale_es.json
index fe92671900..76441dd0a8 100644
--- a/i18n/appointments/locale_es.json
+++ b/i18n/appointments/locale_es.json
@@ -151,5 +151,7 @@
   "PLACEHOLDER_APPOINTMENT_REQUEST": "Seleccionar estado de cita",
   "ACCEPT_APPOINTMENT_REQUEST": "Aceptar",
   "PROVIDER_RESPONSE_ACCEPT_SUCCESS_MESSAGE": "Invitación de cita aceptada con éxito.",
-  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "¿Estás seguro de que quieres aceptar la invitación a la cita?"
+  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "¿Estás seguro de que quieres aceptar la invitación a la cita?",
+  "JOIN_TELE_CONSULTATION":"Unirse Teleconsulta",
+  "COPY_LINK": "copiar enlace de teleconsulta"
 }
diff --git a/i18n/appointments/locale_fr.json b/i18n/appointments/locale_fr.json
index 1dc7042bc0..4d3629582f 100644
--- a/i18n/appointments/locale_fr.json
+++ b/i18n/appointments/locale_fr.json
@@ -167,5 +167,7 @@
   "PLACEHOLDER_APPOINTMENT_REQUEST": "Sélectionnez statut rendez-vous",
   "ACCEPT_APPOINTMENT_REQUEST": "Acceptez",
   "PROVIDER_RESPONSE_ACCEPT_SUCCESS_MESSAGE": "Invitation à le rendez-vous acceptée avec succès.",
-  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Êtes-vous sûr de vouloir accepter l'invitation au rendez-vous?"
+  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Êtes-vous sûr de vouloir accepter l'invitation au rendez-vous?",
+  "COPY_LINK": "copier le lien de téléconsultation",
+  "JOIN_TELE_CONSULTATION":"Joindre Téléconsultation"
 }
diff --git a/i18n/appointments/locale_pt_BR.json b/i18n/appointments/locale_pt_BR.json
index 280e31f43d..635723e95c 100644
--- a/i18n/appointments/locale_pt_BR.json
+++ b/i18n/appointments/locale_pt_BR.json
@@ -151,5 +151,7 @@
   "PLACEHOLDER_APPOINTMENT_REQUEST": "Selecionar status do compromisso",
   "ACCEPT_APPOINTMENT_REQUEST": "Aceitar",
   "PROVIDER_RESPONSE_ACCEPT_SUCCESS_MESSAGE": "Convite para compromisso aceito com sucesso.",
-  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Tem certeza de que deseja aceitar o convite para o compromisso?"
+  "APPOINTMENT_ACCEPT_CONFIRM_MESSAGE": "Tem certeza de que deseja aceitar o convite para o compromisso?",
+  "COPY_LINK": "copiar link de teleconsulta",
+  "JOIN_TELE_CONSULTATION":"Junte-se Teleconsulta"
 }
diff --git a/src/controllers/manage/list/appointmentsListViewController.js b/src/controllers/manage/list/appointmentsListViewController.js
index ea164f9f19..186d6ae6c8 100644
--- a/src/controllers/manage/list/appointmentsListViewController.js
+++ b/src/controllers/manage/list/appointmentsListViewController.js
@@ -175,13 +175,35 @@ angular.module('bahmni.appointments')
                 return appointmentType === 'WalkIn' ? 'Yes' : 'No';
             };
 
-            $scope.editAppointment = function () {
+            $scope.editAppointment = function () {     
                 var params = $stateParams;
                 params.uuid = $scope.selectedAppointment.uuid;
                 params.isRecurring = $scope.selectedAppointment.recurring;
                 $state.go('home.manage.appointments.list.edit', params);
             };
 
+            $scope.openJitsiMeet = function () {
+                
+                window.open("https://" + 
+                    window.location.hostname + 
+                    Bahmni.Common.Constants.patientsURL + 
+                    $scope.selectedAppointment.patient.uuid +
+                    Bahmni.Common.Constants.patientsURLGeneralInformationTab
+                    , '_self')
+            }; 
+            
+            $scope.copyTeleConsultationMeetingURL = function () {
+                var jitsiMeetingUrl = 'https://meet.jit.si/' + $scope.selectedAppointment.uuid;
+                
+                    const el = document.createElement('textarea');
+                    el.value = jitsiMeetingUrl;
+                    document.body.appendChild(el);
+                    el.select();
+                    document.execCommand('copy');
+                    document.body.removeChild(el);
+                  
+            };
+
             $scope.checkinAppointment = function () {
                 var scope = $rootScope.$new();
                 scope.message = $translate.instant('APPOINTMENT_STATUS_CHANGE_CONFIRM_MESSAGE', {
@@ -419,6 +441,13 @@ angular.module('bahmni.appointments')
                 return false;
             };
 
+            $scope.isTeleconsultingAllowed = function () {
+                if (!_.isUndefined($scope.selectedAppointment)) {
+                    return $scope.selectedAppointment.teleconsultation && $scope.selectedAppointment.status == window.Bahmni.Appointments.Constants.appointmentStatuses.Scheduled;
+                }
+                return false;
+            };
+
             $scope.isResetAppointmentStatusFeatureEnabled = function () {
                 return !(_.isNull($scope.enableResetAppointmentStatuses) ||
                     _.isUndefined($scope.enableResetAppointmentStatuses));
diff --git a/src/images/copy_24px.png b/src/images/copy_24px.png
new file mode 100644
index 0000000000..21a9ae882d
Binary files /dev/null and b/src/images/copy_24px.png differ
diff --git a/src/models/appointment.js b/src/models/appointment.js
index 15124133dd..a62a4943c1 100644
--- a/src/models/appointment.js
+++ b/src/models/appointment.js
@@ -41,6 +41,7 @@ Bahmni.Appointments.Appointment = (function () {
             locationUuid: appointmentDetails.location && appointmentDetails.location.uuid,
             status: appointmentDetails.status,
             appointmentKind: appointmentDetails.appointmentKind,
+            teleconsultation: appointmentDetails.teleconsultation,
             comments: appointmentDetails.comments
         });
         return appointment;
diff --git a/src/models/appointmentViewModel.js b/src/models/appointmentViewModel.js
index 3a9e9e9330..241c04720f 100644
--- a/src/models/appointmentViewModel.js
+++ b/src/models/appointmentViewModel.js
@@ -68,6 +68,7 @@ Bahmni.Appointments.AppointmentViewModel = (function () {
             startTime: getTimeWithoutDate(appointmentDetails.startDateTime),
             endTime: getTimeWithoutDate(appointmentDetails.endDateTime),
             appointmentKind: appointmentDetails.appointmentKind,
+            teleconsultation: appointmentDetails.teleconsultation,
             status: appointmentDetails.status,
             comments: appointmentDetails.comments
         });
diff --git a/src/services/calendarViewPopUp.js b/src/services/calendarViewPopUp.js
index d69b933c59..231ec35b8b 100644
--- a/src/services/calendarViewPopUp.js
+++ b/src/services/calendarViewPopUp.js
@@ -1,9 +1,9 @@
 'use strict';
 
 angular.module('bahmni.appointments')
-    .service('calendarViewPopUp', ['$rootScope', 'ngDialog', '$state', '$translate', 'appointmentsService',
+    .service('calendarViewPopUp', ['$rootScope', 'ngDialog', '$state','$window', '$translate', 'appointmentsService',
         'confirmBox', 'checkinPopUp', 'appService', 'messagingService', 'appointmentCommonService',
-        function ($rootScope, ngDialog, $state, $translate, appointmentsService, confirmBox, checkinPopUp, appService, messagingService, appointmentCommonService) {
+        function ($rootScope, ngDialog, $state, $window, $translate, appointmentsService, confirmBox, checkinPopUp, appService, messagingService, appointmentCommonService) {
             var calendarViewPopUp = function (config) {
                 var popUpScope = $rootScope.$new();
                 var dialog;
@@ -42,6 +42,25 @@ angular.module('bahmni.appointments')
                     popUpScope.$destroy();
                 };
 
+                popUpScope.openJitsiMeet = function (appointment) {
+
+                    $window.open("https://" +
+                        window.location.hostname + 
+                        Bahmni.Common.Constants.patientsURL + 
+                        appointment.patient.uuid +
+                        Bahmni.Common.Constants.patientsURLGeneralInformationTab
+                        , '_self')
+                };  
+                popUpScope.copyTeleConsultationMeetingURL = function (appointment) {
+                    var jitsiMeetingUrl = 'https://meet.jit.si/' + appointment.uuid
+                    const el = document.createElement('textarea');
+                    el.value = jitsiMeetingUrl;
+                    document.body.appendChild(el);
+                    el.select();
+                    document.execCommand('copy');
+                    document.body.removeChild(el);
+                };
+
                 var closeConfirmBox = function (closeConfirmBox) {
                     closeConfirmBox();
                 };
diff --git a/src/styles/appointments/_manageAppointments.scss b/src/styles/appointments/_manageAppointments.scss
index 2ad3be8a73..c8f909f1a0 100644
--- a/src/styles/appointments/_manageAppointments.scss
+++ b/src/styles/appointments/_manageAppointments.scss
@@ -229,8 +229,13 @@
   &.calendar-view-btn-container {
     height: 51px;
   }
+  .copy-clip,.copy-clip:disabled,.copy-clip:hover{
+    width: 25px;
+    height: 30px;
+    background:url('../images/copy_24px.png') no-repeat left center;
+    padding: 10px;
+  }  
 }
-
 /*----- create new appointment styles -----*/
 .create-new-app-wrapper {
   top: 52px;
diff --git a/src/styles/bahmni-components/_ngDialog.scss b/src/styles/bahmni-components/_ngDialog.scss
index 7a1fe891ca..4b81a98082 100644
--- a/src/styles/bahmni-components/_ngDialog.scss
+++ b/src/styles/bahmni-components/_ngDialog.scss
@@ -306,3 +306,12 @@ div.ngdialog-close {
     position:static!important;
     height:auto!important;
 }
+
+.copy-clip,.copy-clip:hover{
+    width: 25px;
+    height: 30px;
+    background:url('../images/copy_24px.png') no-repeat left center;
+    padding: 10px;
+
+  }  
+  
\ No newline at end of file
diff --git a/src/views/manage/calendar/popUp.html b/src/views/manage/calendar/popUp.html
index 92234d5293..95671f9b3f 100644
--- a/src/views/manage/calendar/popUp.html
+++ b/src/views/manage/calendar/popUp.html
@@ -29,6 +29,13 @@
     <p><b>{{::'APPOINTMENT_DATE' | translate}}:</b> {{scope.appointments[0].startDateTime | bahmniDate}}</p>
     <p><b>{{::'APPOINTMENT_SLOT' | translate}}:</b> {{scope.appointments[0].startDateTime | bahmniTime}} -
         {{scope.appointments[0].endDateTime | bahmniTime}}</p>
+     <p ng-if="appointment.teleconsultation"><b>
+        <button  ng-click="openJitsiMeet(appointment)">
+           {{::'JOIN_TELE_CONSULTATION' | translate}}
+        </button>
+        <button ng-click="copyTeleConsultationMeetingURL(appointment)" class="copy-clip" title="{{::'COPY_LINK' | translate}}">
+        </button>
+      <p><b>  
     <p class="app-dialog-btn-wrap">
         <button show-if-privilege="{{manageAppointmentPrivilege}},{{ownAppointmentPrivilege}}" style="background: #039BE5"
                 ng-show="isAppointmentRequestEnabled"
diff --git a/src/views/manage/list/listView.html b/src/views/manage/list/listView.html
index 9c19b80cf7..b50134dd44 100644
--- a/src/views/manage/list/listView.html
+++ b/src/views/manage/list/listView.html
@@ -53,6 +53,14 @@
     </div>
     <div ui-view="content@appointment"></div>
     <fieldset class="appointment-action-btn-container" ng-disabled="!selectedAppointment" ng-class="{'disabled': !selectedAppointment}">
+
+        <button show-if-privilege="{{manageAppointmentPrivilege}},{{ownAppointmentPrivilege}}" ng-click="openJitsiMeet()" 
+        ng-disabled="!isTeleconsultingAllowed()">
+        {{::'JOIN_TELE_CONSULTATION' |translate}}</button>
+
+        <button class="copy-clip" title="{{::'COPY_LINK' | translate}}" show-if-privilege="{{manageAppointmentPrivilege}},{{ownAppointmentPrivilege}}"
+        ng-click="copyTeleConsultationMeetingURL()" ng-disabled="!isTeleconsultingAllowed()"></button>
+
         <button show-if-privilege="{{manageAppointmentPrivilege}},{{ownAppointmentPrivilege}}" ng-click="editAppointment()"
         ng-disabled="!isEditAllowed()">
             {{::'EDIT_APPOINTMENT' |translate}}
diff --git a/ui/react-components/components/AddAppointment/AddAppointment.jsx b/ui/react-components/components/AddAppointment/AddAppointment.jsx
index 43981d5c8c..4f429f3f9a 100644
--- a/ui/react-components/components/AddAppointment/AddAppointment.jsx
+++ b/ui/react-components/components/AddAppointment/AddAppointment.jsx
@@ -9,6 +9,7 @@ import {
     recurringContainerLeft,
     recurringContainerRight,
     searchFieldsContainer,
+    appointmentTypeContainer,
     timeSelector,
     weekDaysContainer
 } from './AddAppointment.module.scss';
@@ -28,6 +29,7 @@ import {getDateTime, isStartTimeBeforeEndTime} from '../../utils/DateUtil.js'
 import TimeSelector from "../TimeSelector/TimeSelector.jsx";
 import AppointmentNotes from "../AppointmentNotes/AppointmentNotes.jsx";
 import AppointmentPlan from "../AppointmentPlan/AppointmentPlan.jsx";
+import AppointmentType from "../AppointmentType/AppointmentType.jsx";
 import CustomPopup from "../CustomPopup/CustomPopup.jsx";
 import SuccessConfirmation from "../SuccessModal/SuccessModal.jsx";
 import {AppContext} from "../AppContext/AppContext";
@@ -45,6 +47,7 @@ import {
     RECURRING_APPOINTMENT_TYPE,
     SERVICE_ERROR_MESSAGE_TIME_OUT_INTERVAL,
     TODAY,
+    TELECONSULTATION_APPOINTMENT,
     WALK_IN_APPOINTMENT_TYPE
 } from "../../constants";
 import moment from "moment";
@@ -79,6 +82,7 @@ const AddAppointment = props => {
         startTime: appointmentParams && moment(appointmentParams.startDateTime),
         endTime: appointmentParams && moment(appointmentParams.endDateTime),
         appointmentType: undefined,
+        teleconsultation: false,
         notes: undefined,
         startDateType: appointmentParams && moment(new Date(appointmentParams.startDateTime)) ? FROM : undefined,
         endDateType: undefined,
@@ -106,6 +110,7 @@ const AddAppointment = props => {
     };
 
     const [appointmentDetails, setAppointmentDetails] = useState(initialAppointmentState);
+    const [showEmailWarning, setShowEmailWarning] = useState(false);
     const [conflicts, setConflicts] = useState();
     const [errors, setErrors] = useState(initialErrorsState);
     const [showSuccessPopup, setShowSuccessPopup] = useState(false);
@@ -151,6 +156,7 @@ const AddAppointment = props => {
 
     const isRecurringAppointment = () => appointmentDetails.appointmentType === RECURRING_APPOINTMENT_TYPE;
     const isWalkInAppointment = () => appointmentDetails.appointmentType === WALK_IN_APPOINTMENT_TYPE;
+    const isTeleConsultation = () => appointmentDetails.teleconsultation;
 
     const getAppointmentRequest = () => {
         let appointment = {
@@ -167,6 +173,7 @@ const AddAppointment = props => {
             providers: appointmentDetails.providers,
             locationUuid: appointmentDetails.location && appointmentDetails.location.value.uuid,
             appointmentKind: isWalkInAppointment() ? WALK_IN_APPOINTMENT_TYPE : "Scheduled",
+            teleconsultation: isTeleConsultation(),
             comments: appointmentDetails.notes
         };
         if (!appointment.serviceTypeUuid || appointment.serviceTypeUuid.length < 1)
@@ -255,6 +262,7 @@ const AddAppointment = props => {
         const status = response.status;
         if (status === 200) {
             setConflicts(undefined);
+            setShowEmailWarning((response.data.teleconsultation && (!response.data.emailIdAvailable)));
             setViewDateAndShowSuccessPopup(response.data.startDateTime);
         } else if (response.data && response.data.error) {
             setConflicts(undefined);
@@ -339,7 +347,8 @@ const AddAppointment = props => {
 
     const savePopup = <CustomPopup style={customPopup} popupContent={<SuccessConfirmation
       resetAppointmentModal={reInitialiseComponent}
-      patientDetails={appointmentDetails.patient && `${appointmentDetails.patient.value.name} (${appointmentDetails.patient.value.identifier})`}/>}/>;
+      patientDetails={appointmentDetails.patient && `${appointmentDetails.patient.value.name} (${appointmentDetails.patient.value.identifier})`}
+      showEmailWarning={showEmailWarning}/>}/>;
 
     const endTimeBasedOnService = (time, service, serviceType) => {
         const currentTime = moment(time);
@@ -383,21 +392,38 @@ const AddAppointment = props => {
 
     const on = "On";
     return (<Fragment>
-        <div data-testid="appointment-editor" className={classNames(appointmentEditor, appointmentDetails.appointmentType === RECURRING_APPOINTMENT_TYPE ? isRecurring: '')}>
+        <div data-testid="appointment-editor" className={classNames(appointmentEditor, appointmentDetails.appointmentType === RECURRING_APPOINTMENT_TYPE ? isRecurring : '')}>
             <AppointmentEditorCommonFieldsWrapper appointmentDetails={appointmentDetails}
-                                   updateAppointmentDetails={updateAppointmentDetails}
-                                   updateErrorIndicators={updateErrorIndicators}
-                                   endTimeBasedOnService={endTimeBasedOnService}
-                                   appConfig={appConfig} errors={errors} autoFocus={true}/>
+                updateAppointmentDetails={updateAppointmentDetails}
+                updateErrorIndicators={updateErrorIndicators}
+                endTimeBasedOnService={endTimeBasedOnService}
+                appConfig={appConfig} errors={errors} autoFocus={true} />
             <div className={classNames(searchFieldsContainer)} data-testid="recurring-plan-checkbox">
                 <div className={classNames(appointmentPlanContainer)}>
                     <AppointmentPlan appointmentType={appointmentDetails.appointmentType}
-                                     onChange={(e) => {
-                                         if (appointmentDetails.appointmentType === e.target.name)
-                                             updateAppointmentDetails({appointmentType: undefined});
-                                         else
-                                             updateAppointmentDetails({appointmentType: e.target.name})
-                                     }}/>
+                        teleconsultation={appointmentDetails.teleconsultation}
+                        onChange={(e) => {
+                            if (appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: false });
+                            else if (!appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: true });
+                            else if (appointmentDetails.appointmentType === e.target.name)
+                                updateAppointmentDetails({ appointmentType: undefined });
+                            else
+                                updateAppointmentDetails({ appointmentType: e.target.name })
+                        }} />
+                </div>
+            </div>
+            <div className={classNames(appointmentTypeContainer)} data-testid="appointment-type-checkbox">
+                <div className={classNames(appointmentPlanContainer)}>
+                    <AppointmentType appointmentType={appointmentDetails.appointmentType}
+                        teleconsultation={appointmentDetails.teleconsultation}
+                        onChange={(e) => {
+                            if (appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: false });
+                            else if (!appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: true });
+                        }} />
                 </div>
             </div>
             <div className={classNames(recurringContainer)}>
diff --git a/ui/react-components/components/AddAppointment/AddAppointment.module.scss b/ui/react-components/components/AddAppointment/AddAppointment.module.scss
index f4b1218b47..d267bbf927 100644
--- a/ui/react-components/components/AddAppointment/AddAppointment.module.scss
+++ b/ui/react-components/components/AddAppointment/AddAppointment.module.scss
@@ -66,4 +66,20 @@
   letter-spacing: normal;
 }
 
+.appointmentTypeContainer {
+  top: 50px;
+  position: relative;
+  padding: 1% 2% 0 2%;
+  display: flex;
+  justify-content: space-between;
+
+  &:nth-child(2) {
+    padding-top: 0;
+  }
+
+  .appointmentPlanContainer {
+    width: 70%;
+    margin-bottom: 25px;
+  }
+}
 
diff --git a/ui/react-components/components/AppointmentType/AppointmentType.jsx b/ui/react-components/components/AppointmentType/AppointmentType.jsx
new file mode 100644
index 0000000000..f91a5d417f
--- /dev/null
+++ b/ui/react-components/components/AppointmentType/AppointmentType.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import Label from "../Label/Label.jsx";
+import {checkbox, checkboxContainer, container, appointmentTypeLabel} from "./AppointmentType.module.scss";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import {injectIntl} from "react-intl";
+import Checkbox from 'rc-checkbox';
+import 'rc-checkbox/assets/index.css';
+import {TELECONSULTATION_APPOINTMENT} from "../../constants";
+
+const AppointmentType = props => {
+
+    const {onChange, teleconsultation, isTeleconsultationDisabled } = props;
+
+    return (<div className={classNames(container)}>
+        <span className={classNames(appointmentTypeLabel)}><Label className={classNames(appointmentTypeLabel)} translationKey="APPOINTMENT_TYPE_LABEL"
+        defaultValue="Appointment Type"/></span>
+        <div className={classNames(checkboxContainer)} data-test-id="add-tele-consultation">    
+            <Checkbox
+                defaultChecked={false}
+                className={classNames(checkbox)}
+                id="teleconsultation-checkbox"
+                onChange={onChange}
+                checked={teleconsultation}
+                name={TELECONSULTATION_APPOINTMENT}
+                disabled={isTeleconsultationDisabled}
+            />
+            <Label forInput="teleconsultation-checkbox" translationKey="TELECONSULTATION_APPOINTMENT_LABEL"
+                defaultValue="Teleconsultation"
+                disabled={isTeleconsultationDisabled}/>
+        </div>
+    </div>)
+};
+
+AppointmentType.propTypes = {
+    onChange: PropTypes.func,
+    appointmentType: PropTypes.string,
+    isTeleconsultationDisabled: PropTypes.bool
+};
+
+export default injectIntl(AppointmentType);
\ No newline at end of file
diff --git a/ui/react-components/components/AppointmentType/AppointmentType.module.scss b/ui/react-components/components/AppointmentType/AppointmentType.module.scss
new file mode 100644
index 0000000000..4084ce2066
--- /dev/null
+++ b/ui/react-components/components/AppointmentType/AppointmentType.module.scss
@@ -0,0 +1,81 @@
+@import '../../variables.scss';
+
+.container {
+  display: flex;
+  width: 100%;
+
+  .appointmentTypeLabel {
+    color: $primary-color-1;
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  .checkboxContainer {
+    margin-left: 5%;
+    font-size: 14px;
+    .checkbox {
+      margin-right: 8px;
+      height: 16px;
+      width: 16px;
+      background-color: $primary-color-1;
+      border-radius: 30%;
+    }
+
+    span[class*='checkbox-disabled'] {
+      cursor: not-allowed;
+    }
+
+    span[class*='checkbox'] {
+      &:hover {
+        span[class*='checkbox-inner'] {
+          border-color: $primary-color-1;
+        }
+      }
+    }
+
+    input[class*='checkbox-input'] {
+      &:focus {
+        + {
+          span[class*='checkbox-inner'] {
+            outline:none;
+            border-color: $primary-color-1;
+            box-shadow:0 0 5px $primary-color-1;
+          }
+        }
+      }
+      &:disabled {
+        cursor: not-allowed;
+      }
+    }
+
+    input[class*='checkbox-input'] {
+      border-color: $primary-color-1;
+
+      &:focus {
+        outline:none;
+        border-color: $primary-color-1;
+        box-shadow:0 0 5px $primary-color-1;
+      }
+    }
+
+    span[class*='checkbox-checked'] {
+      &:hover {
+        border-color: $primary-color-1;
+      }
+
+      span[class*='checkbox-inner'] {
+        border-color: $primary-color-1;
+        background-color: $primary-color-1;
+        box-shadow: inset 0 0 0 0 $primary-color-1;
+      }
+    }
+
+    span[class*='checkbox-inner'] {
+      border-color: $primary-color-1;
+      &:after {
+        width: 4px;
+      }
+    }
+
+  }
+}
diff --git a/ui/react-components/components/AppointmentType/AppointmentType.spec.jsx b/ui/react-components/components/AppointmentType/AppointmentType.spec.jsx
new file mode 100644
index 0000000000..2399716231
--- /dev/null
+++ b/ui/react-components/components/AppointmentType/AppointmentType.spec.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import {renderWithReactIntl} from '../../utils/TestUtil';
+import AppointmentType from "./AppointmentType.jsx";
+
+
+describe('Appointment type', () => {
+    it('should render the Appointment Type component', () => {
+        const {container, getByText} = renderWithReactIntl(<AppointmentType />);
+        expect(getByText('Appointment Type')).not.toBeNull();
+        expect(getByText('Teleconsultation')).not.toBeNull();
+        expect(container.querySelector('.checkbox')).not.toBeNull();
+        expect(container.querySelector('.checkboxContainer')).not.toBeNull();
+    });
+
+    it('should disable the teleconsulting when isTeleconsultationDisabled is true', () => {
+        const {container} = renderWithReactIntl(<AppointmentType isTeleconsultationDisabled={true}/>);
+        expect(container.querySelectorAll('.rc-checkbox-disabled')[0]).not.toBeUndefined();
+        expect(container.querySelectorAll('.disabledLabelContainer')[0]).not.toBeUndefined();
+    });
+});
diff --git a/ui/react-components/components/EditAppointment/EditAppointment.jsx b/ui/react-components/components/EditAppointment/EditAppointment.jsx
index a0fb990816..4775bc25d7 100644
--- a/ui/react-components/components/EditAppointment/EditAppointment.jsx
+++ b/ui/react-components/components/EditAppointment/EditAppointment.jsx
@@ -10,7 +10,8 @@ import {
     recurringContainer,
     recurringContainerLeft,
     recurringContainerRight,
-    searchFieldsContainer
+    searchFieldsContainer,
+    appointmentTypeContainer
 } from "../AddAppointment/AddAppointment.module.scss";
 import {conflictsPopup, customPopup} from "../CustomPopup/CustomPopup.module.scss";
 import AppointmentEditorCommonFieldsWrapper
@@ -33,9 +34,11 @@ import {
     SCHEDULED_APPOINTMENT_TYPE,
     SERVICE_ERROR_MESSAGE_TIME_OUT_INTERVAL,
     WALK_IN_APPOINTMENT_TYPE,
-    weekRecurrenceType
+    weekRecurrenceType,
+    TELECONSULTATION_APPOINTMENT
 } from "../../constants";
 import AppointmentPlan from "../AppointmentPlan/AppointmentPlan.jsx";
+import AppointmentType from "../AppointmentType/AppointmentType.jsx";
 import Label from "../Label/Label.jsx";
 import {
     currentTimeSlot,
@@ -110,7 +113,8 @@ const EditAppointment = props => {
         occurrences: undefined,
         period: undefined,
         weekDays: undefined,
-        endDateType: undefined
+        endDateType: undefined,
+        teleconsultation:undefined
     };
 
     const [appointmentDetails, setAppointmentDetails] = useState(initialAppointmentState);
@@ -183,7 +187,8 @@ const EditAppointment = props => {
             locationUuid: appointmentDetails.location && appointmentDetails.location.value && appointmentDetails.location.value.uuid,
             appointmentKind: appointmentDetails.appointmentKind,
             status: appointmentDetails.status,
-            comments: appointmentDetails.notes
+            comments: appointmentDetails.notes,
+            teleconsultation:appointmentDetails.teleconsultation
         };
         if (!appointment.serviceTypeUuid || appointment.serviceTypeUuid.length < 1)
             delete appointment.serviceTypeUuid;
@@ -397,7 +402,8 @@ const EditAppointment = props => {
                 appointmentKind: appointmentResponse.appointmentKind,
                 status: appointmentResponse.status,
                 appointmentType: isRecurring === 'true' ? RECURRING_APPOINTMENT_TYPE :
-                    appointmentResponse.appointmentKind === WALK_IN_APPOINTMENT_TYPE ? WALK_IN_APPOINTMENT_TYPE : undefined
+                    appointmentResponse.appointmentKind === WALK_IN_APPOINTMENT_TYPE ? WALK_IN_APPOINTMENT_TYPE : undefined,
+                teleconsultation:appointmentResponse.teleconsultation
             };
             updateAppointmentDetails(appointmentDetailsFromResponse);
             storePreviousAppointmentDatetime(appointmentDetailsFromResponse.appointmentDate, appointmentDetailsFromResponse.startTime, appointmentDetailsFromResponse.endTime);
@@ -474,6 +480,18 @@ const EditAppointment = props => {
                                     isWalkInDisabled={componentsDisableStatus.walkIn}/>
                 </div>
             </div>
+            <div className={classNames(appointmentTypeContainer)} data-testid="appointment-type-checkbox">
+                <div className={classNames(appointmentPlanContainer)}>
+                    <AppointmentType appointmentType={appointmentDetails.appointmentType}
+                        teleconsultation={appointmentDetails.teleconsultation}
+                        onChange={(e) => {
+                            if (appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: false });
+                            else if (!appointmentDetails.teleconsultation && e.target.name === TELECONSULTATION_APPOINTMENT)
+                                updateAppointmentDetails({ teleconsultation: true });
+                        }} />
+                </div>
+            </div>
             <div className={classNames(recurringContainer)}>
                 <div className={classNames(recurringContainerLeft)}>
                     <div data-testid="date-selector">
diff --git a/ui/react-components/components/EditAppointment/EditAppointment.module.scss b/ui/react-components/components/EditAppointment/EditAppointment.module.scss
index e1e5abff94..fa73aa8743 100644
--- a/ui/react-components/components/EditAppointment/EditAppointment.module.scss
+++ b/ui/react-components/components/EditAppointment/EditAppointment.module.scss
@@ -32,4 +32,9 @@
     }
 
   }
+
+  .appointmentPlanContainer {
+    width: 70%;
+    margin-bottom: 25px;
+  }
 }
\ No newline at end of file
diff --git a/ui/react-components/components/SuccessModal/SuccessModal.jsx b/ui/react-components/components/SuccessModal/SuccessModal.jsx
index b9c8d797dc..2486921b6e 100644
--- a/ui/react-components/components/SuccessModal/SuccessModal.jsx
+++ b/ui/react-components/components/SuccessModal/SuccessModal.jsx
@@ -8,7 +8,8 @@ import {
     saveModal,
     saveModalBody,
     saveModalCloseIcon,
-    saveModalTitle
+    saveModalTitle,
+    saveModalWarning
 } from "./SuccessModal.module.scss";
 import PropTypes from "prop-types";
 import {AppContext} from "../AppContext/AppContext";
@@ -16,11 +17,26 @@ import useFocusLock from "../../utils/hooks/useFocusLock.jsx";
 
 const SuccessModal = (props) => {
 
-    const {intl, patientDetails, resetAppointmentModal} = props;
+    const {intl, patientDetails, resetAppointmentModal, showEmailWarning} = props;
+
     const {onBack} = React.useContext(AppContext);
 
     const defaultSaveSuccessMessage = 'The new appointment for the patient {patientDetails} has been saved.';
 
+    const saveSucessHelpText = ()=>{
+        return(<div className={classNames(saveModalBody)} >
+            <FormattedMessage id={'APPOINTMENT_SAVE_SUCCESS_HELP_TEXT'}
+            defaultMessage={'Please check Appointment calendar for the updated schedule'}/> 
+        </div>)
+    }
+    
+    const emailWarningHelpText = ()=>{
+      return ( <div className={classNames(saveModalWarning)} >
+           <FormattedMessage id={'EMAIL_WARNING'}
+           defaultMessage={'Warning: No Email ID present for patient to share Teleconsultation communication'}/>
+        </div>)
+    }
+
     return (
         <div className={classNames(saveModal)}>
             <div className={classNames(saveModalCloseIcon)}>
@@ -40,8 +56,7 @@ const SuccessModal = (props) => {
                                           values={{patientDetails: <strong>{patientDetails}</strong>}}/>
                     </span>
                     <br/><br/>
-                    <FormattedMessage id={'APPOINTMENT_SAVE_SUCCESS_HELP_TEXT'}
-                                      defaultMessage={'Please check Appointment calendar for the updated schedule'}/>
+                   {showEmailWarning === true ? emailWarningHelpText() : saveSucessHelpText() }
                 </div>
 
                 <div className={classNames(saveConfirmationFooter)}>
diff --git a/ui/react-components/components/SuccessModal/SuccessModal.module.scss b/ui/react-components/components/SuccessModal/SuccessModal.module.scss
index 4cb91329dc..6056d98c29 100644
--- a/ui/react-components/components/SuccessModal/SuccessModal.module.scss
+++ b/ui/react-components/components/SuccessModal/SuccessModal.module.scss
@@ -24,6 +24,12 @@
     .saveModalBody {
       margin: 0 0 24px;
       line-height: normal;
+    } 
+    
+    .saveModalWarning {
+      margin: 0 0 24px;
+      line-height: normal;
+      font-style: italic;
     }
 
     .saveConfirmationFooter {
diff --git a/ui/react-components/constants.js b/ui/react-components/constants.js
index 549051f60d..743132eb9d 100644
--- a/ui/react-components/constants.js
+++ b/ui/react-components/constants.js
@@ -13,6 +13,7 @@ export const MINUTES = "minutes";
 
 export const RECURRING_APPOINTMENT_TYPE = "Recurring";
 export const WALK_IN_APPOINTMENT_TYPE = "WalkIn";
+export const TELECONSULTATION_APPOINTMENT = "Teleconsultation";
 export const SCHEDULED_APPOINTMENT_TYPE = "Scheduled";
 
 export const APPOINTMENT_STATUSES = {