diff --git a/webui/scripts/test-module-permutations.mjs b/webui/scripts/test-module-permutations.mjs
index dfb6d7b..4294e9c 100644
--- a/webui/scripts/test-module-permutations.mjs
+++ b/webui/scripts/test-module-permutations.mjs
@@ -5,6 +5,7 @@ const packageByModule = {
   admin: "@govoplan/admin-webui",
   addresses: "@govoplan/addresses-webui",
   audit: "@govoplan/audit-webui",
+  calendar: "@govoplan/calendar-webui",
   campaigns: "@govoplan/campaign-webui",
   dashboard: "@govoplan/dashboard-webui",
   docs: "@govoplan/docs-webui",
@@ -25,6 +26,7 @@ const cases = [
   { name: "access-with-admin", modules: ["access", "admin"] },
   { name: "admin-with-policy-and-audit", modules: ["access", "admin", "policy", "audit"] },
   { name: "dashboard-only", modules: ["dashboard"] },
+  { name: "calendar-only", modules: ["calendar"] },
   { name: "files-only", modules: ["files"] },
   { name: "mail-only", modules: ["mail"] },
   { name: "organizations-only", modules: ["organizations"] },
@@ -35,7 +37,7 @@ const cases = [
   { name: "scheduling-only", modules: ["scheduling"] },
   { name: "scheduling-with-calendar", modules: ["scheduling", "calendar"] },
   { name: "docs-and-ops", modules: ["access", "docs", "ops"] },
-  { name: "full-product", modules: ["access", "admin", "addresses", "policy", "audit", "dashboard", "organizations", "idm", "campaigns", "files", "mail", "docs", "ops", "scheduling"] }
+  { name: "full-product", modules: ["access", "admin", "addresses", "policy", "audit", "dashboard", "organizations", "idm", "campaigns", "files", "mail", "docs", "ops", "calendar", "scheduling"] }
 ];
 
 const npmExec = process.env.npm_execpath;
diff --git a/webui/src/types.ts b/webui/src/types.ts
index b1a6dc5..e7a80a6 100644
--- a/webui/src/types.ts
+++ b/webui/src/types.ts
@@ -402,6 +402,22 @@ export type OrganizationFunctionPickerUiCapability = {
   renderLabel?: (context: OrganizationFunctionLabelContext) => ReactNode;
 };
 
+export type CalendarPickerProps = PlatformRouteContext & {
+  value: string;
+  onChange: (calendarId: string) => void;
+  id?: string;
+  name?: string;
+  label?: ReactNode;
+  emptyLabel?: ReactNode;
+  disabled?: boolean;
+  required?: boolean;
+  className?: string;
+};
+
+export type CalendarPickerUiCapability = {
+  CalendarPicker: ComponentType<CalendarPickerProps>;
+};
+
 export type MailSecurity = "plain" | "tls" | "starttls";
 export type MailProfileScope = "system" | "tenant" | "user" | "group" | "campaign";