Add dropdown list to Event Calendar [FullCalendar]

Question

Hello.
I created an event calendar using the following tutorial: http://www.c-sharpcorner.com/UploadFile/krishnasarala/event-calendar-using-j-query/

I want to know how to:
1) Edit the ADD EVENT button that pops up when I click on a date. By edit, I mean replace the STARTS AT and ENDS AT textboxes with dropdown lists which will allow me to select time slots. These slots, after selection, should fire the appropriate time slots provided by the FullCalendar plugin.

2) Add ColorPicker to the ADD EVENT button

Please let me know as to how I can do this. Thanks!