calendarkit-prov2 2.0.9 → 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;
@@ -270,9 +272,10 @@ interface CalendarProps {
      */
     hideFab?: boolean;
     /**
-     * When true (default), short timed events hide secondary details (time range, description)
-     * to fit the card: Week under 60 min, Day under 45 min.
-     * Set to false to always show title + time (+ description when space allows).
+     * When true (default), short timed events show title only on the card;
+     * hovering reveals a popover with time, description, badge, and meta.
+     * Thresholds: Week under 60 min, Day under 45 min.
+     * Set to false to always show details inline on the card.
      */
     compactShortEvents?: boolean;
     /**
@@ -293,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;
@@ -270,9 +272,10 @@ interface CalendarProps {
      */
     hideFab?: boolean;
     /**
-     * When true (default), short timed events hide secondary details (time range, description)
-     * to fit the card: Week under 60 min, Day under 45 min.
-     * Set to false to always show title + time (+ description when space allows).
+     * When true (default), short timed events show title only on the card;
+     * hovering reveals a popover with time, description, badge, and meta.
+     * Thresholds: Week under 60 min, Day under 45 min.
+     * Set to false to always show details inline on the card.
      */
     compactShortEvents?: boolean;
     /**
@@ -293,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.