diff --git a/apps/web/modules/event-types/components/tabs/availability/EventAvailabilityTab.tsx b/apps/web/modules/event-types/components/tabs/availability/EventAvailabilityTab.tsx
index 2cf1b62c9941c3..843d8912ada0a0 100644
--- a/apps/web/modules/event-types/components/tabs/availability/EventAvailabilityTab.tsx
+++ b/apps/web/modules/event-types/components/tabs/availability/EventAvailabilityTab.tsx
@@ -34,6 +34,7 @@ import { SettingsToggle } from "@calcom/ui/components/form";
import { Icon } from "@calcom/ui/components/icon";
import { Spinner } from "@calcom/ui/components/icon";
import { SkeletonText } from "@calcom/ui/components/skeleton";
+import { EmptyScreen } from "@calcom/ui/components/empty-screen";
export type ScheduleQueryData = RouterOutputs["viewer"]["availability"]["schedule"]["get"];
@@ -476,6 +477,20 @@ const EventTypeSchedule = ({
return ;
}
+ if (schedulesQueryData.length === 0) {
+ return (
+
+ {t("create")}
+ }
+ />
+ );
+ }
+
const options = schedulesQueryData.map((schedule) => ({
value: schedule.id,
label: schedule.name,
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 5824d4067b640c..53d118a1a8ab41 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -1298,6 +1298,8 @@
"schedule_deleted_successfully": "Schedule deleted successfully",
"default_schedule_name": "Working Hours",
"new_schedule_heading": "Create an availability schedule",
+ "no_schedules_created_yet": "You haven't created any availability schedules yet. Create one to get started.",
+ "create_availability_schedule": "Create availability schedule",
"new_schedule_description": "Creating availability schedules allows you to manage availability across event types. They can be applied to one or more event types.",
"requires_ownership_of_a_token": "Requires ownership of a token belonging to the following address:",
"example_name": "John Doe",