UI/UX Improvement on add appointments

Team, As part of a client engagement, we have an oppotunity to improve the UI/UX for create appointment. The new design isn’t a large overhaul hence most of the functionality remains the same except for a appointment category drop down. More about appointment category here.

Proposed changes are as follows:

  1. Use of carbon UI for a cleaner and newer look.
  2. Unlike earlier, the new design now affords a split screen. This allows the user to maintain context while adding new appointments.
  3. Tele consultation is available for both, regular as well as recurring appointment types.

  1. We now have a much simpler and cleaner recurring appointment UI.
  2. This section is inspired from the familier google calendar’s recurring meetings.

@gsluthra @abhinab @angshuonline @binduak @akhilmalhotra

This will be discussed in PAT call today.

cc: @grace @buvaneswariarun

The current (older) appointments screen can be seen on lite environments here: https://dev.lite.mybahmni.in/appointments/#/home/manage/appointments/calendar/new

This one is being re-designed to show up as a right-side panel (Add New Appointment), as per the screenshot attached by @adikarle on top.