1 files changed, 76 insertions, 0 deletions
diff --git a/public/js/fullcalendar/examples/list-sticky-header.html b/public/js/fullcalendar/examples/list-sticky-header.html
new file mode 100644
index 0000000..487af31
--- /dev/null
+++ b/public/js/fullcalendar/examples/list-sticky-header.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<script src='../dist/index.global.js'></script>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    var calendarEl = document.getElementById('calendar');
+    var calendar = new FullCalendar.Calendar(calendarEl, {
+      height: 'auto',
+      // stickyHeaderDates: false, // for disabling
+      headerToolbar: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'listMonth,listYear'
+      },
+      // customize the button names,
+      // otherwise they'd all just say "list"
+      views: {
+        listMonth: { buttonText: 'list month' },
+        listYear: { buttonText: 'list year' }
+      },
+      initialView: 'listYear',
+      initialDate: '2023-01-12',
+      navLinks: true, // can click day/week names to navigate views
+      editable: true,
+      events: [
+        {
+          title: 'repeating event 1',
+          daysOfWeek: [ 1, 2, 3 ],
+          duration: '00:30'
+        },
+        {
+          title: 'repeating event 2',
+          daysOfWeek: [ 1, 2, 3 ],
+          duration: '00:30'
+        },
+        {
+          title: 'repeating event 3',
+          daysOfWeek: [ 1, 2, 3 ],
+          duration: '00:30'
+        }
+      ]
+    });
+    calendar.render();
+  });
+</script>
+<style>
+  body {
+    margin: 40px 10px;
+    padding: 0;
+    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
+    font-size: 14px;
+  }
+  #calendar {
+    max-width: 1100px;
+    margin: 0 auto;
+  }
+</style>
+</head>
+<body>
+  <div id='calendar'></div>
+</body>
+</html>

diff --git a/public/js/fullcalendar/examples/list-sticky-header.html b/public/js/fullcalendar/examples/list-sticky-header.html new file mode 100644 index 0000000..487af31 --- /dev/null +++ b/public/js/fullcalendar/examples/list-sticky-header.html
@@ -0,0 +1,76 @@
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta charset='utf-8' />
	5	<script src='../dist/index.global.js'></script>
	6	<script>
	7
	8	document.addEventListener('DOMContentLoaded', function() {
	9	var calendarEl = document.getElementById('calendar');
	10
	11	var calendar = new FullCalendar.Calendar(calendarEl, {
	12	height: 'auto',
	13	// stickyHeaderDates: false, // for disabling
	14
	15	headerToolbar: {
	16	left: 'prev,next today',
	17	center: 'title',
	18	right: 'listMonth,listYear'
	19	},
	20
	21	// customize the button names,
	22	// otherwise they'd all just say "list"
	23	views: {
	24	listMonth: { buttonText: 'list month' },
	25	listYear: { buttonText: 'list year' }
	26	},
	27
	28	initialView: 'listYear',
	29	initialDate: '2023-01-12',
	30	navLinks: true, // can click day/week names to navigate views
	31	editable: true,
	32	events: [
	33	{
	34	title: 'repeating event 1',
	35	daysOfWeek: [ 1, 2, 3 ],
	36	duration: '00:30'
	37	},
	38	{
	39	title: 'repeating event 2',
	40	daysOfWeek: [ 1, 2, 3 ],
	41	duration: '00:30'
	42	},
	43	{
	44	title: 'repeating event 3',
	45	daysOfWeek: [ 1, 2, 3 ],
	46	duration: '00:30'
	47	}
	48	]
	49	});
	50
	51	calendar.render();
	52	});
	53
	54	</script>
	55	<style>
	56
	57	body {
	58	margin: 40px 10px;
	59	padding: 0;
	60	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	61	font-size: 14px;
	62	}
	63
	64	#calendar {
	65	max-width: 1100px;
	66	margin: 0 auto;
	67	}
	68
	69	</style>
	70	</head>
	71	<body>
	72
	73	<div id='calendar'></div>
	74
	75	</body>
	76	</html>