@ilamy/calendar 1.2.3 → 1.3.1

package/dist/index.d.ts

@@ -129,6 +129,55 @@ interface EventFormProps {
 	onDelete?: (event: CalendarEvent) => void;
 	onClose: () => void;
 }
+/**
+* Public-facing resource calendar event interface with flexible date types.
+* Similar to IlamyCalendarPropEvent but with resource assignment fields.
+* Dates can be provided as dayjs.Dayjs, Date, or string and will be normalized internally.
+*
+* @interface IlamyResourceCalendarPropEvent
+* @extends {IlamyCalendarPropEvent}
+*/
+interface IlamyResourceCalendarPropEvent extends IlamyCalendarPropEvent {
+	/** Single resource assignment */
+	resourceId?: string | number;
+	/** Multiple resource assignment (cross-resource events) */
+	resourceIds?: (string | number)[];
+}
+interface IlamyResourceCalendarProps extends Omit<IlamyCalendarProps, "events"> {
+	/** Array of events to display */
+	events?: IlamyResourceCalendarPropEvent[];
+	/** Array of resources */
+	resources?: Resource[];
+	/** Custom render function for resources */
+	renderResource?: (resource: Resource) => React.ReactNode;
+	/**
+	* Orientation of the resource view.
+	* - "horizontal": Resources are rows, time is columns (default)
+	* - "vertical": Resources are columns, time is rows
+	*/
+	orientation?: "horizontal" | "vertical";
+}
+/**
+* Resource interface representing a calendar resource (person, room, equipment, etc.)
+*/
+interface Resource {
+	/** Unique identifier for the resource */
+	id: string | number;
+	/** Display title of the resource */
+	title: string;
+	/**
+	* Color for the resource (supports CSS color values, hex, rgb, hsl, or CSS class names)
+	* @example "#3b82f6", "blue-500", "rgb(59, 130, 246)"
+	*/
+	color?: string;
+	/**
+	* Background color for the resource (supports CSS color values, hex, rgb, hsl, or CSS class names)
+	* @example "#dbeafe", "blue-100", "rgba(59, 130, 246, 0.1)"
+	*/
+	backgroundColor?: string;
+	/** Optional position for resource display */
+	position?: number;
+}
 interface Translations {
 	today: string;
 	create: string;
@@ -275,6 +324,27 @@ interface CellClickInfo {
 	/** Whether the clicked cell is an all-day cell (optional) */
 	allDay?: boolean;
 }
+/**
+* Props passed to the custom render function for the current time indicator.
+* Allows users to customize how the current time indicator is displayed.
+*/
+interface RenderCurrentTimeIndicatorProps {
+	/** The current time as a dayjs object */
+	currentTime: dayjs2.Dayjs;
+	/** The start of the visible time range */
+	rangeStart: dayjs2.Dayjs;
+	/** The end of the visible time range */
+	rangeEnd: dayjs2.Dayjs;
+	/** Progress percentage (0-100) representing position in the range */
+	progress: number;
+	/**
+	* The resource associated with this column (if in a resource-based view).
+	* Pass this to conditionally render custom indicators for specific resources.
+	*/
+	resource?: Resource;
+	/** The current calendar view (e.g. 'day', 'week') */
+	view: CalendarView;
+}
 interface IlamyCalendarProps {
 	/**
 	* Array of events to display in the calendar.
@@ -423,11 +493,43 @@ interface IlamyCalendarProps {
 	*/
 	timeFormat?: TimeFormat;
 	/**
+	* Whether to hide non-business hours in Day and Week views.
+	* Requires businessHours to be configured.
+	* @default false
+	*/
+	hideNonBusinessHours?: boolean;
+	/**
 	* Custom class names for overriding default calendar element styles.
 	* Allows fine-grained control over the appearance of different calendar elements.
 	* @example { disabledCell: "bg-gray-100 text-gray-400" }
 	*/
 	classesOverride?: CalendarClassesOverride;
+	/**
+	* Custom render function for the current time indicator.
+	* If provided, replaces the default red line indicator.
+	* Useful for adding custom time labels or styling.
+	*
+	* @example
+	* ```tsx
+	* renderCurrentTimeIndicator={({ currentTime, progress, resource, view }) => {
+	*   // Only show the time badge for the first resource in Day view (to avoid repetition)
+	*   const isPrimary = !resource || resource.id === 'room-a'
+	*   const showBadge = view === 'day' ? isPrimary : true
+	*
+	*   return (
+	*     <div style={{ top: `${progress}%` }} className="absolute left-0 right-0">
+	*       <div className="h-0.5 bg-red-500" />
+	*       {showBadge && (
+	*         <span className="absolute left-0 bg-red-500 text-white text-[10px] px-1 rounded-r-sm">
+	*           {currentTime.format('h:mm A')}
+	*         </span>
+	*       )}
+	*     </div>
+	*   )
+	* }}
+	* ```
+	*/
+	renderCurrentTimeIndicator?: (props: RenderCurrentTimeIndicatorProps) => React3.ReactNode;
 }
 declare const IlamyCalendar: React4.FC<IlamyCalendarProps>;
 declare const isRecurringEvent: (event: CalendarEvent) => boolean;
@@ -464,55 +566,6 @@ interface UseIlamyCalendarContextReturn {
 	readonly businessHours?: BusinessHours | BusinessHours[];
 }
 declare const useIlamyCalendarContext: () => UseIlamyCalendarContextReturn;
-/**
-* Public-facing resource calendar event interface with flexible date types.
-* Similar to IlamyCalendarPropEvent but with resource assignment fields.
-* Dates can be provided as dayjs.Dayjs, Date, or string and will be normalized internally.
-*
-* @interface IlamyResourceCalendarPropEvent
-* @extends {IlamyCalendarPropEvent}
-*/
-interface IlamyResourceCalendarPropEvent extends IlamyCalendarPropEvent {
-	/** Single resource assignment */
-	resourceId?: string | number;
-	/** Multiple resource assignment (cross-resource events) */
-	resourceIds?: (string | number)[];
-}
-interface IlamyResourceCalendarProps extends Omit<IlamyCalendarProps, "events"> {
-	/** Array of events to display */
-	events?: IlamyResourceCalendarPropEvent[];
-	/** Array of resources */
-	resources?: Resource[];
-	/** Custom render function for resources */
-	renderResource?: (resource: Resource) => React.ReactNode;
-	/**
-	* Orientation of the resource view.
-	* - "horizontal": Resources are rows, time is columns (default)
-	* - "vertical": Resources are columns, time is rows
-	*/
-	orientation?: "horizontal" | "vertical";
-}
-/**
-* Resource interface representing a calendar resource (person, room, equipment, etc.)
-*/
-interface Resource {
-	/** Unique identifier for the resource */
-	id: string | number;
-	/** Display title of the resource */
-	title: string;
-	/**
-	* Color for the resource (supports CSS color values, hex, rgb, hsl, or CSS class names)
-	* @example "#3b82f6", "blue-500", "rgb(59, 130, 246)"
-	*/
-	color?: string;
-	/**
-	* Background color for the resource (supports CSS color values, hex, rgb, hsl, or CSS class names)
-	* @example "#dbeafe", "blue-100", "rgba(59, 130, 246, 0.1)"
-	*/
-	backgroundColor?: string;
-	/** Optional position for resource display */
-	position?: number;
-}
 import React5 from "react";
 declare const IlamyResourceCalendar: React5.FC<IlamyResourceCalendarProps>;
 /**
@@ -525,4 +578,4 @@ interface UseIlamyResourceCalendarContextReturn extends UseIlamyCalendarContextR
 }
 declare const useIlamyResourceCalendarContext: () => UseIlamyResourceCalendarContextReturn;
 declare const defaultTranslations: Translations;
-export { useIlamyResourceCalendarContext, useIlamyCalendarContext, isRecurringEvent, generateRecurringEvents, defaultTranslations, Weekday, WeekDays, UseIlamyResourceCalendarContextReturn, UseIlamyCalendarContextReturn, TranslatorFunction, Translations, TranslationKey, TimeFormat, Resource, RRuleOptions, RRule, IlamyResourceCalendarProps, IlamyResourceCalendar, IlamyCalendarProps, IlamyCalendar, Frequency, EventFormProps, CellClickInfo, CalendarView, CalendarEvent };
+export { useIlamyResourceCalendarContext, useIlamyCalendarContext, isRecurringEvent, generateRecurringEvents, defaultTranslations, Weekday, WeekDays, UseIlamyResourceCalendarContextReturn, UseIlamyCalendarContextReturn, TranslatorFunction, Translations, TranslationKey, TimeFormat, Resource, RenderCurrentTimeIndicatorProps, RRuleOptions, RRule, IlamyResourceCalendarProps, IlamyResourceCalendar, IlamyCalendarProps, IlamyCalendar, Frequency, EventFormProps, CellClickInfo, CalendarView, CalendarEvent, BusinessHours };