2000: Reverted change to rrule dtstart

Author: tuj

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- Reverted change in https://github.com/os2display/display-admin-client/commit/65762066c708f541305a48fbd6b28264dca593b5.
+- Added comments about how rrules are handled.
+
 - [#242](https://github.com/os2display/display-admin-client/pull/243)
     - Add entry in example config for midttrafik api key
     - Clean up multi select component a bit, replace reduce with Map logic

src/components/util/schedule/schedule-util.js

@@ -11,6 +11,8 @@ dayjs.extend(localizedFormat);
 /**
  * Get rrule string from schedule.
  *
+ *
+ *
  * @param {object} schedule - The schedule.
  * @returns {string} - RRule string.
  */
@@ -56,7 +58,18 @@ const createNewSchedule = () => {
     id: ulid(nowTimestamp),
     duration: 60 * 60 * 24, // Default one day.
     freq: RRule.WEEKLY,
-    dtstart: new Date(),
+    // For evaluation with the RRule library we pretend that "now" is in UTC instead of the local timezone.
+    // That is 9:00 in Europe/Copenhagen time will be evaluated as if it was 9:00 in UTC.
+    // @see https://github.com/jkbrzt/rrule#important-use-utc-dates
+    dtstart: new Date(
+      Date.UTC(
+        now.getFullYear(),
+        now.getMonth(),
+        now.getDate(),
+        now.getHours(),
+        now.getMinutes()
+      )
+    ),
     until: null,
     wkst: RRule.MO,
     byhour: null,

src/components/util/schedule/schedule.jsx

@@ -120,7 +120,17 @@ function Schedule({ schedules, onChange }) {
    */
   const setDateValue = (scheduleId, target) => {
     const date = new Date(target.value);
-    changeSchedule(scheduleId, target.id, date);
+
+    // For evaluation with the RRule library we pretend that the date is in UTC instead of the local timezone.
+    // That is 9:00 in Europe/Copenhagen time will be evaluated as if it was 9:00 in UTC.
+    // @see https://github.com/jkbrzt/rrule#important-use-utc-dates
+    changeSchedule(scheduleId, target.id, new Date(Date.UTC(
+      date.getFullYear(),
+      date.getMonth(),
+      date.getDate(),
+      date.getHours(),
+      date.getMinutes()
+    )));
   };
 
   /**
@@ -130,7 +140,7 @@ function Schedule({ schedules, onChange }) {
    * @returns {string} - The date formatted for datetime-local.
    */
   const getDateValue = (date) => {
-    return date ? dayjs(date).format("YYYY-MM-DDTHH:mm") : "";
+    return date ? dayjs(date).utc().format("YYYY-MM-DDTHH:mm") : "";
   };
 
   /**
@@ -342,6 +352,7 @@ function Schedule({ schedules, onChange }) {
                 <div id="schedule_details" className="row">
                   <strong>{t("schedule.rrulestring")}:</strong>
                   <span>{schedule.rrule}</span>
+                  <small>{t("schedule.rrulestring-z-ignored")}</small>
                   <div className="mt-2">
                     <strong>{t("schedule.next-occurrences")}:</strong>
                     {getNextOccurrences(schedule.rruleObject).map(

src/translations/da/common.json

@@ -776,6 +776,7 @@
     "hourly": "Time",
     "minutely": "Minut",
     "rrulestring": "RRule",
+    "rrulestring-z-ignored": "Bemærk at tidszonen (Z) bliver ignoreret i evalueringen af reglen. Tidsangivelserne vil altid blive behandlet i lokal tid.",
     "dtstart": "Startdato",
     "until": "Slutdato",
     "next-occurrences": "Næste 5 forekomster",