diff --git a/main/templates/main/calendar.html b/main/templates/main/calendar.html
new file mode 100644
index 0000000..776f728
--- /dev/null
+++ b/main/templates/main/calendar.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
Preview
+
+ {{value}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/js/calendar.js b/static/js/calendar.js
new file mode 100644
index 0000000..4939fd2
--- /dev/null
+++ b/static/js/calendar.js
@@ -0,0 +1,76 @@
+/**
+ *
+ * @param {Date} start
+ * @param {Date} end
+ */
+function randomDate(start, end) {
+ return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));
+}
+
+var getDateArray = function(start, end) {
+ var arr = new Array();
+ var dt = new Date(start);
+ while (dt <= end) {
+ arr.push(new Date(dt));
+ dt.setDate(dt.getDate() + 1);
+ }
+ return arr;
+}
+
+function randomInterval(interval) {
+ var date = new Date();
+ // make array of all dates in current month
+ var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
+ var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+ var dates = getDateArray(firstDay, lastDay)
+ // loop over them and "flip a coin" for each day to keep/remove
+ for (i=0 ; i