AgendaAdd a calendar to your website1.0local://CalendarCptServer<!-- CALENDAR CONTAINER -->
<div class="uica_calendar">
<div class="uica_calendar_container"></div>
</div>
<!-- Add Event form -->
<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">
<!--COLOR PICKER -->
<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">
<!-- Jour entier==> checkbox -->
<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>
<!-- Popup viewer form -->
<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>
<!-- Windows selection mode -->
<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>