calendarkit-prov2 2.0.10 → 2.0.11

package/README.md

@@ -175,6 +175,7 @@ import type {
 | `language` | `LanguageCode` | `'tr'` | UI language (15+ locales) |
 | `onLanguageChange` | `(lang) => void` | — | Language change handler |
 | `hideLanguageSwitcher` | `boolean` | `false` | Hide the language dropdown from the header. The `language` prop still sets the active locale. |
+| `hourCount` | `number` | — | Optional hour total shown as a clock badge next to the event count. Hidden when omitted. |
 | `locale` | `Locale` | — | date-fns locale for date formatting |
 | `isDarkMode` | `boolean` | — | Dark mode state |
 | `onThemeToggle` | `() => void` | — | Theme toggle handler |
@@ -208,6 +209,19 @@ The header automatically displays a **live event count badge** next to the view
 
 The badge updates automatically when you navigate or filter calendars.
 
+### Hour count badge
+
+Pass `hourCount` to show a **clock badge** next to the event count. The library does not calculate this number — you decide what it means (booked hours, remaining hours, billable hours, etc.).
+
+```tsx
+<ProScheduler
+  hourCount={12.5}
+  ...
+/>
+```
+
+Omit the prop to hide the badge. Decimal values are supported.
+
 ### Create Event button
 
 The **Create Event** button in the header displays only the `+` icon. Hovering over it reveals a tooltip with the label. On mobile, a floating action button (FAB) is shown instead.

package/dist/index.d.mts

@@ -221,6 +221,8 @@ interface CalendarTranslations {
     tomorrow: string;
     eventCount: string;
     eventsCount: string;
+    hourCount: string;
+    hoursCount: string;
     timezone: string;
     localTime: string;
     operations: string;
@@ -294,6 +296,13 @@ interface CalendarProps {
      * The `language` prop still sets the active locale; it just won't be user-changeable.
      */
     hideLanguageSwitcher?: boolean;
+    /**
+     * Optional hour total shown as a clock badge next to the event-count badge
+     * in the header. The library does not compute this — pass whatever number
+     * your app wants to display (e.g. booked hours in the current view).
+     * Hidden when omitted.
+     */
+    hourCount?: number;
     /**
      * Replace the default event form/modal with a fully custom component.
      * Receives open state, the event being edited, and save/delete handlers.

package/dist/index.d.ts

@@ -221,6 +221,8 @@ interface CalendarTranslations {
     tomorrow: string;
     eventCount: string;
     eventsCount: string;
+    hourCount: string;
+    hoursCount: string;
     timezone: string;
     localTime: string;
     operations: string;
@@ -294,6 +296,13 @@ interface CalendarProps {
      * The `language` prop still sets the active locale; it just won't be user-changeable.
      */
     hideLanguageSwitcher?: boolean;
+    /**
+     * Optional hour total shown as a clock badge next to the event-count badge
+     * in the header. The library does not compute this — pass whatever number
+     * your app wants to display (e.g. booked hours in the current view).
+     * Hidden when omitted.
+     */
+    hourCount?: number;
     /**
      * Replace the default event form/modal with a fully custom component.
      * Receives open state, the event being edited, and save/delete handlers.

package/dist/index.js

@@ -179,6 +179,8 @@ var tr = {
   tomorrow: "Yar\u0131n",
   eventCount: "etkinlik",
   eventsCount: "etkinlik",
+  hourCount: "saat",
+  hoursCount: "saat",
   timezone: "Zaman Dilimi",
   localTime: "Yerel Saat",
   operations: "\u0130\u015Flemler",
@@ -272,6 +274,8 @@ var en = {
   tomorrow: "Tomorrow",
   eventCount: "event",
   eventsCount: "events",
+  hourCount: "hour",
+  hoursCount: "hours",
   timezone: "Time zone",
   localTime: "Local Time",
   operations: "Operations",
@@ -365,6 +369,8 @@ var fr = {
   tomorrow: "Demain",
   eventCount: "\xE9v\xE9nement",
   eventsCount: "\xE9v\xE9nements",
+  hourCount: "heure",
+  hoursCount: "heures",
   timezone: "Fuseau horaire",
   localTime: "Heure locale",
   operations: "Op\xE9rations",
@@ -458,6 +464,8 @@ var de = {
   tomorrow: "Morgen",
   eventCount: "Termin",
   eventsCount: "Termine",
+  hourCount: "Stunde",
+  hoursCount: "Stunden",
   timezone: "Zeitzone",
   localTime: "Ortszeit",
   operations: "Aktionen",
@@ -551,6 +559,8 @@ var es = {
   tomorrow: "Ma\xF1ana",
   eventCount: "evento",
   eventsCount: "eventos",
+  hourCount: "hora",
+  hoursCount: "horas",
   timezone: "Zona horaria",
   localTime: "Hora local",
   operations: "Operaciones",
@@ -644,6 +654,8 @@ var it = {
   tomorrow: "Domani",
   eventCount: "evento",
   eventsCount: "eventi",
+  hourCount: "ora",
+  hoursCount: "ore",
   timezone: "Fuso orario",
   localTime: "Ora locale",
   operations: "Operazioni",
@@ -737,6 +749,8 @@ var pt = {
   tomorrow: "Amanh\xE3",
   eventCount: "evento",
   eventsCount: "eventos",
+  hourCount: "hora",
+  hoursCount: "horas",
   timezone: "Fuso hor\xE1rio",
   localTime: "Hora local",
   operations: "Opera\xE7\xF5es",
@@ -830,6 +844,8 @@ var ar = {
   tomorrow: "\u063A\u062F\u064B\u0627",
   eventCount: "\u062D\u062F\u062B",
   eventsCount: "\u0623\u062D\u062F\u0627\u062B",
+  hourCount: "\u0633\u0627\u0639\u0629",
+  hoursCount: "\u0633\u0627\u0639\u0627\u062A",
   timezone: "\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0632\u0645\u0646\u064A\u0629",
   localTime: "\u0627\u0644\u062A\u0648\u0642\u064A\u062A \u0627\u0644\u0645\u062D\u0644\u064A",
   operations: "\u0627\u0644\u0639\u0645\u0644\u064A\u0627\u062A",
@@ -923,6 +939,8 @@ var zh = {
   tomorrow: "\u660E\u5929",
   eventCount: "\u4E2A\u6D3B\u52A8",
   eventsCount: "\u4E2A\u6D3B\u52A8",
+  hourCount: "\u5C0F\u65F6",
+  hoursCount: "\u5C0F\u65F6",
   timezone: "\u65F6\u533A",
   localTime: "\u672C\u5730\u65F6\u95F4",
   operations: "\u64CD\u4F5C",
@@ -1016,6 +1034,8 @@ var ja = {
   tomorrow: "\u660E\u65E5",
   eventCount: "\u4EF6\u306E\u30A4\u30D9\u30F3\u30C8",
   eventsCount: "\u4EF6\u306E\u30A4\u30D9\u30F3\u30C8",
+  hourCount: "\u6642\u9593",
+  hoursCount: "\u6642\u9593",
   timezone: "\u30BF\u30A4\u30E0\u30BE\u30FC\u30F3",
   localTime: "\u30ED\u30FC\u30AB\u30EB\u6642\u9593",
   operations: "\u64CD\u4F5C",
@@ -1109,6 +1129,8 @@ var ko = {
   tomorrow: "\uB0B4\uC77C",
   eventCount: "\uAC1C \uC77C\uC815",
   eventsCount: "\uAC1C \uC77C\uC815",
+  hourCount: "\uC2DC\uAC04",
+  hoursCount: "\uC2DC\uAC04",
   timezone: "\uC2DC\uAC04\uB300",
   localTime: "\uB85C\uCEEC \uC2DC\uAC04",
   operations: "\uC791\uC5C5",
@@ -1202,6 +1224,8 @@ var ru = {
   tomorrow: "\u0417\u0430\u0432\u0442\u0440\u0430",
   eventCount: "\u0441\u043E\u0431\u044B\u0442\u0438\u0435",
   eventsCount: "\u0441\u043E\u0431\u044B\u0442\u0438\u0439",
+  hourCount: "\u0447\u0430\u0441",
+  hoursCount: "\u0447\u0430\u0441\u043E\u0432",
   timezone: "\u0427\u0430\u0441\u043E\u0432\u043E\u0439 \u043F\u043E\u044F\u0441",
   localTime: "\u041C\u0435\u0441\u0442\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F",
   operations: "\u041E\u043F\u0435\u0440\u0430\u0446\u0438\u0438",
@@ -1295,6 +1319,8 @@ var nl = {
   tomorrow: "Morgen",
   eventCount: "evenement",
   eventsCount: "evenementen",
+  hourCount: "uur",
+  hoursCount: "uur",
   timezone: "Tijdzone",
   localTime: "Lokale tijd",
   operations: "Bewerkingen",
@@ -1388,6 +1414,8 @@ var pl = {
   tomorrow: "Jutro",
   eventCount: "wydarzenie",
   eventsCount: "wydarze\u0144",
+  hourCount: "godzina",
+  hoursCount: "godzin",
   timezone: "Strefa czasowa",
   localTime: "Czas lokalny",
   operations: "Operacje",
@@ -1481,6 +1509,8 @@ var sv = {
   tomorrow: "Imorgon",
   eventCount: "h\xE4ndelse",
   eventsCount: "h\xE4ndelser",
+  hourCount: "timme",
+  hoursCount: "timmar",
   timezone: "Tidszon",
   localTime: "Lokal tid",
   operations: "\xC5tg\xE4rder",
@@ -1563,6 +1593,7 @@ var CalendarHeader = ({
   activeCustomViewId,
   onCustomViewChange,
   eventCount,
+  hourCount,
   hideLanguageSwitcher = false
 }) => {
   const [isLangOpen, setIsLangOpen] = React18.useState(false);
@@ -1735,15 +1766,23 @@ var CalendarHeader = ({
       onClick: onThemeToggle
     },
     isDarkMode ? /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Sun, { className: "h-4 w-4 text-amber-500" }) : /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Moon, { className: "h-4 w-4 text-muted-foreground" })
-  ), typeof eventCount === "number" && !hideViewSwitcher && /* @__PURE__ */ React18__namespace.default.createElement(
+  ), !hideViewSwitcher && (typeof eventCount === "number" || typeof hourCount === "number") && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center gap-1.5" }, typeof eventCount === "number" && /* @__PURE__ */ React18__namespace.default.createElement(
     "div",
     {
       className: "flex items-center gap-1.5 h-8 px-3 rounded-xl bg-primary/10 text-primary text-xs font-semibold tabular-nums select-none border border-primary/20 shadow-sm shadow-primary/10",
-      title: `${eventCount} event${eventCount !== 1 ? "s" : ""}`
+      title: `${eventCount} ${eventCount === 1 ? translations.eventCount ?? "event" : translations.eventsCount ?? "events"}`
     },
     /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.CalendarCheck2, { className: "w-3.5 h-3.5 shrink-0" }),
     /* @__PURE__ */ React18__namespace.default.createElement("span", null, eventCount)
-  ), !hideViewSwitcher && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1 gap-0.5" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React18__namespace.default.createElement(
+  ), typeof hourCount === "number" && /* @__PURE__ */ React18__namespace.default.createElement(
+    "div",
+    {
+      className: "flex items-center gap-1.5 h-8 px-3 rounded-xl bg-amber-500/10 text-amber-600 dark:text-amber-400 text-xs font-semibold tabular-nums select-none border border-amber-500/20 shadow-sm shadow-amber-500/10",
+      title: `${hourCount} ${hourCount === 1 ? translations.hourCount ?? "hour" : translations.hoursCount ?? "hours"}`
+    },
+    /* @__PURE__ */ React18__namespace.default.createElement(lucideReact.Clock, { className: "w-3.5 h-3.5 shrink-0" }),
+    /* @__PURE__ */ React18__namespace.default.createElement("span", null, hourCount)
+  )), !hideViewSwitcher && /* @__PURE__ */ React18__namespace.default.createElement("div", { className: "flex items-center bg-muted/50 backdrop-blur-sm rounded-xl p-1 gap-0.5" }, viewConfig.map(({ key, icon: Icon }) => /* @__PURE__ */ React18__namespace.default.createElement(
     Button,
     {
       key,
@@ -4439,6 +4478,7 @@ var Scheduler = ({
   translations,
   hideViewSwitcher,
   hideLanguageSwitcher,
+  hourCount,
   hideFab = false,
   compactShortEvents = true,
   initialScrollHour = 8,
@@ -4689,6 +4729,7 @@ var Scheduler = ({
             setActiveCustomMenu(null);
           },
           eventCount: viewEventCount,
+          hourCount,
           hideLanguageSwitcher
         }
       ),