diff --git a/src/routes.py b/src/routes.py
index 4b48b47..df7f261 100644
--- a/src/routes.py
+++ b/src/routes.py
@@ -267,18 +267,21 @@ def return_data():
                 else:
                     spots = 'FULL'
 
-            start_date = event.start_date
+            start_date = event.startDateTime()
+            end_date = event.endDateTime()
 
             event_list.append({
                                 "Id": event.id,
                                 "title": event.title,
                                 "Name": event.title,
                                 "start": start_date.isoformat(),
-                                "Date": start_date.isoformat(),
-                                "Time": start_date.isoformat(),
+                                "end": end_date.isoformat(),
+                                # "Date": start_date.isoformat(),
+                                # "Time": start_date.isoformat(),
                                 "Description": event.description,
                                 "Register": "http://makeict.wildapricot.org/event-"
                                             + str(event.id),
+                                "url": '/event/' + str(event.id)
                               })
 
     return json.dumps(event_list)
diff --git a/src/templates/calendar.html b/src/templates/calendar.html
index b3d982c..1d15fe9 100644
--- a/src/templates/calendar.html
+++ b/src/templates/calendar.html
@@ -37,6 +37,9 @@
 				defaultDate: dayStr,
 				editable: false,
 				eventLimit: true, // allow "more" link when too many events
+				height: "auto",
+				eventColor: '#007bff',
+				navlinks: true,
 				events: {
 					url: 'calendardata',
 					error: function() {
@@ -45,7 +48,12 @@
 				},
 				loading: function(bool) {
 					$('#loading').toggle(bool);
-				}
+				},
+				// eventClick: function(info) {
+				// 	console.log(info)
+				//     alert('Event: ' + info.title);
+  		// 		}
+
 			});
 		});
 
@@ -81,6 +89,7 @@
 			/*max-width: 900px;*/
 			/*margin: 40px auto;*/
 			padding: 0 10px;
+			height: 100%;
 		}
 	</style>
 {% endblock head %}