How to Create a Calender and add an event to it based on input received from user

I have a class named Fix Appointment as below

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;

@Entity 
@Table(name="FIX_APPOINTMENT")
public class FixAppointment {

@Id
@GeneratedValue(strategy=GenerationType.AUTO)
@Column (nullable=false,name="Patient_AppointmentId")
private int appoitmentid;
@Column (nullable=false,name="Patient_Firstname")
private String patientFirstname;
@Column (nullable=false,name="Patient_Lastname")
private String patientLastname;
@Column (nullable=false,name="Patient_Birthdate")
private String patientBirthdate;
@Column (nullable=false,name="Patient_Streetaddress")
private String patientStreetaddress;
@Column (nullable=false,name="Patient_City")
private String patientCity;
@Column (nullable=false,name="Patient_State")
private String patientState;
@Column (nullable=false,name="Patient_Zipcode")
private String patientZipcode;
@Column (nullable=false,name="Patient_Gender")
private String patientGender;
@Column (nullable=false,name="Patient_Email")
private String patientEmail;
@Column (nullable=false,name="Patient_Phone")
private String patientPhone;
@Column (nullable=false,name="Reason_For_Visit")
private String reason;
@Column (nullable=false,name="Are_You_In_Goodhealth")
private String question1;
@Column (nullable=false,name="Any_Changes_In_Health")
private String question2;
@Column (nullable=false,name="Patient_Weight")
private float weight;
@Column (nullable=false,name="Patient_Height")
private float height;
@Column (nullable=false,name="Under_Any_Care_Of_Physician")
private String question3;
@Column (nullable=false,name="Any_Illness_Or_Hospitalized")
private String question4;
@Column (nullable=false,name="Anything_Tobe_Toldto_Doctor")
private String question5;
@Column (nullable=false,name="Have_Any_Disease1")
private String question6;
@Column (nullable=false,name="Have_Any_Disease2")
private String question7;
@Column (nullable=false,name="Family_Has_Disease")
private String question8;
@Column (nullable=false,name="Taking_Any_Drugs")
private String question9;
@Column (nullable=false,name="Related_To_Accident")
private String question10;
@Column (nullable=false,name="Related_To_Automobie")
private String question11;
@Column (nullable=false,name="Related_To_Work")
private String question12;
@Column (nullable=false,name="Any_Other_Issue")
private String question13;
@Column (nullable=false,name="Date_Of_Injury")
private String injurydate;
@Column (name="Insurance_Company")
private String insurancecompany;
@Column (name="Claim_Number")
private int claimnumber;
@Column (nullable=false,name="Patient_Signature")
private String signature;
@Column (nullable=false,name="Hospital_Name")
private String hospitalName;
@Column (name="Doctor_Name")
private String doctorName;
@Column (name="Doctor_NPI")
private int doctornpi;
private String status;
@Column (name="Date_Of_Visit")
private String dateRequested;

The values to these columns will be picked by filling the below HTML page:

There is doctor actor when logs in, can see the appointment list that are assigned to him as FixAppointment class has Doctor name in it.

Here when the doctor accepts the appointment, there should be calender and an event should be added in the calender having an appointment date and the name of the patient added to that date.

Could you please help me in creating a calender and updating the event in this manner. It will be great if it can be done using JQuery or JavaScript.