feat(settings): add simple-ping settings (#2118)

packages/widgets/src/calendar/index.ts

@@ -9,23 +9,25 @@ import { optionsBuilder } from "../options";
 
 export const { definition, componentLoader } = createWidgetDefinition("calendar", {
   icon: IconCalendar,
-  options: optionsBuilder.from((factory) => ({
-    releaseType: factory.multiSelect({
-      defaultValue: ["inCinemas", "digitalRelease"],
-      options: radarrReleaseTypes.map((value) => ({
-        value,
-        label: (t) => t(`widget.calendar.option.releaseType.options.${value}`),
-      })),
-    }),
-    filterPastMonths: factory.number({
-      validate: z.number().min(2).max(9999),
-      defaultValue: 2,
-    }),
-    filterFutureMonths: factory.number({
-      validate: z.number().min(2).max(9999),
-      defaultValue: 2,
-    }),
-  })),
+  createOptions() {
+    return optionsBuilder.from((factory) => ({
+      releaseType: factory.multiSelect({
+        defaultValue: ["inCinemas", "digitalRelease"],
+        options: radarrReleaseTypes.map((value) => ({
+          value,
+          label: (t) => t(`widget.calendar.option.releaseType.options.${value}`),
+        })),
+      }),
+      filterPastMonths: factory.number({
+        validate: z.number().min(2).max(9999),
+        defaultValue: 2,
+      }),
+      filterFutureMonths: factory.number({
+        validate: z.number().min(2).max(9999),
+        defaultValue: 2,
+      }),
+    }));
+  },
   supportedIntegrations: getIntegrationKindsByCategory("calendar"),
   integrationsRequired: false,
 }).withDynamicImport(() => import("./component"));