AgendaAdd a calendar to your website1.0local://CalendarCptServer <div class="uica_calendar"> <div class="uica_calendar_container"></div> </div>  <div class="uica_window" style="display:none;"> <div class="uica_header_window"> <input class="uica_title_event uica_te" type="text" name="title_event" placeholder="Event title">  <span class="fonticon uica_window_close_btn">✖</span> <button class="uica_cs_opener" style="padding: 3px 8px;border-radius: 2px;border: 0px solid;background-color: transparent;margin-left: 10px;float:right"> <span class="fonticon"></span> </button> <div class="uica_color_selector"> <div class="uica_cs_square"></div> <div class="uica_cs_title"> <span>Choose a color</span> <span class="fonticon uica_cf_close_btn">✖</span> </div> <div class="uica_cs_container"> <div class="uica_cs_card_more"> <span class="uica_cs_textcolor">Or another color</span> <input class="uica_colorPicker input_colorPicker"> </div> </div> </div> </div> <div class="uica_content"> <div class="uica_event_dates">  <div> <label id="use_hour_text" for="use_hour">Specify hours</label> <input class="uica_input_use_hour" name='use_hour' type='checkbox' value='use_hour'> </div> <div> <label for="start_date">Start Date</label> <div class="day_container"> <select class="start_day_chooser"> <option value="1">Monday</option> <option value="2">Tuesday</option> <option value="3">Wednesday</option> <option value="4">Thursday</option> <option value="5">Friday</option> <option value="6">Saturday</option> <option value="0">Sunday</option> </select> </div> <div class='input-group date uica_startdatepicker'> <input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/> <span class="input-group-addon"> <span class="fonticon">⏨</span> </span> </div> </div> <div> <label for="end_date">End Date</label> <div class="day_container"> <select class="end_day_chooser"> <option value="1">Monday</option> <option value="2">Tuesday</option> <option value="3">Wednesday</option> <option value="4">Thursday</option> <option value="5">Friday</option> <option value="6">Saturday</option> <option value="0">Sunday</option> </select> </div> <div class='input-group date uica_enddatepicker'> <input type='text' class="form-control" style="height: 29px;border-radius: 2px;padding-left:45px;" required="required"/> <span class="input-group-addon"> <span class="fonticon">⏨</span> </span> </div> </div> </div> <div class="uica_elements uica_textcontainer"> <label>Description: </label> <div class="uica_ptxt" uitype="editor" uinocb="true"></div> </div> </div> <div class="uica_footer"> <button class="uica_delete_btn btn btn-default"><span class="fonticon" style="font-size: 14px;"></span> Delete</button> <button class="uica_submit_btn btn btn-primary"></button> </div> </div>  <div class="uica_viewer_event_window" style="display:none;"> <div class="uica_viewer_header_window"> <span class="fonticon uica_viewer_close_btn">✖</span> <label class="uica_viewer_title_event uica_te"></label> </div> <div class="uica_viewer_content"> <div class="uica_viewer_event_dates"> <span class="uica_viewer_date_event"></span> </div> <div class="uica_viewer_uica_elements"> <label>Description</label> <div class="uica_viewer_description_container"></div> </div> </div> </form> </div>  <div class="uica_mode_selection_window editor_interface"> <div class="uica_mode_selection_header"> <h3>Choose your display mode</h3> </div> <div class="uica_mode_selection_first_choice_container" data-mode="calendar"> <div class="uica_mode_selection_choice_header"> <h3>Calendar</h3> </div> <div class="uica_mode_selection_content"> <img class="uica_mode_selection_illustration" src="/components/UI_Calendar/agenda.svg" alt=""> <p>Display a calendar on your website - easily add and edit events for specific dates.</p> </div> <div class="uica_mode_selection_footer"> <button type="button" class="uica_mode_selection_calendar_choice btn btn-primary" value="calendar">Calendar mode</button> </div> </div> <div class="uica_mode_selection_second_choice_container" data-mode="agenda"> <div class="uica_mode_selection_choice_header"> <h3>Timetable</h3> </div> <div class="uica_mode_selection_content"> <img class="uica_mode_selection_illustration" src="/components/UI_Calendar/emploie_du_temps.svg" alt=""> <p>Do you have an activity with recurring schedules? Use the Timetable mode.</p> </div> <div class="uica_mode_selection_footer"> <button type="button" class="uica_mode_selection_agenda_choice btn btn-primary" value="agenda">Timetable mode</button> </div> </div> </div>