feat: support recurring events with rrule plugin (#29)

* add feature: support recurring events with rrule plugin --------- Co-authored-by: Jingyuan <[email protected]> Co-authored-by: Muhammad Luqman <[email protected]>
im-perativa · Mar 28, 2024 · d9f1065 · d9f1065
1 parent 6f2eecb
commit d9f1065
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 7 deletions.
diff --git a/streamlit_calendar/__init__.py b/streamlit_calendar/__init__.py
@@ -259,6 +259,19 @@ def calendar(
             "end": "2023-07-17T16:30:00",
             "resourceId": "e",
         },
+        {
+            "title": "Event 18",
+            "color": "#3D9DF3",
+            "duration": "00:40",
+            "resourceId": "a",
+            "rrule": {
+                        "freq": 'weekly',
+                        "byweekday": [ 'tu', 'we' ],
+                        "interval": 1,
+                        "dtstart": '2023-07-04T10:00:00', # will also accept '20120201T103000'
+                        "until": '2023-07-20' # will also accept '20120201'
+                    }
+        },
     ]
     calendar_resources = [
         {"id": "a", "building": "Building A", "title": "Room A"},

diff --git a/streamlit_calendar/frontend/package-lock.json b/streamlit_calendar/frontend/package-lock.json
diff --git a/streamlit_calendar/frontend/package.json b/streamlit_calendar/frontend/package.json
@@ -14,6 +14,7 @@
     "@fullcalendar/resource-daygrid": "^6.1.9",
     "@fullcalendar/resource-timegrid": "^6.1.9",
     "@fullcalendar/resource-timeline": "^6.1.9",
+    "@fullcalendar/rrule": "^6.1.9",
     "@fullcalendar/scrollgrid": "^6.1.9",
     "@fullcalendar/timegrid": "^6.1.9",
     "@fullcalendar/timeline": "^6.1.9",

diff --git a/streamlit_calendar/frontend/src/components/Calendar.tsx b/streamlit_calendar/frontend/src/components/Calendar.tsx
@@ -11,6 +11,7 @@ import resourceTimeGridPlugin from "@fullcalendar/resource-timegrid" // premium
 import resourceTimelinePlugin from "@fullcalendar/resource-timeline" // premium
 import timeGridPlugin from "@fullcalendar/timegrid"
 import timelinePlugin from "@fullcalendar/timeline" // premium
+import rrulePlugin from "@fullcalendar/rrule"; //
 
 import {
   CalendarOptions,
@@ -51,6 +52,7 @@ const ENABLED_PLUGINS = [
   resourceTimelinePlugin,
   timeGridPlugin,
   timelinePlugin,
+  rrulePlugin,
 ]
 
 const FullCalendarWrapper = styled.div<{ $customCSS?: string }>`