@memobit/libs 1.0.51 → 1.0.53

package/dist/index.d.ts

@@ -309,6 +309,37 @@ export declare interface CalendarDateRange {
     end: Date;
 }
 
+/** A day cell's worth of events, already split into all-day and timed. */
+export declare interface CalendarDayBucket<T = unknown> {
+    date: Date;
+    allDay: CalendarEvent<T>[];
+    timed: CalendarEvent<T>[];
+}
+
+export declare interface CalendarEvent<T = unknown> {
+    id: string | number;
+    /** Local start. On an all-day event the time part is ignored. */
+    start: Date;
+    /** Local end. Defaults to `start` + `defaultDurationMinutes`. */
+    end?: Date;
+    /** Renders in the all-day row of the week view and without a time in the month view. */
+    allDay?: boolean;
+    title: string;
+    variant?: CalendarEventVariant;
+    /** Overrides the variant's colour. Any CSS colour — pass a theme token where possible. */
+    color?: string;
+    /** Set false to pin an event in place while drag-to-reschedule is on. */
+    draggable?: boolean;
+    /** Caller payload, handed straight back on every callback. */
+    data?: T;
+}
+
+/**
+ * Visual treatment for a chip. `ghost` is for events that are computed rather than
+ * stored — a projected recurrence, say — so they read as "expected" not "booked".
+ */
+export declare type CalendarEventVariant = 'default' | 'accent' | 'success' | 'warning' | 'danger' | 'muted' | 'ghost' | 'done';
+
 export declare const CalendarHeatmap: FC<CalendarHeatmapProps>;
 
 export declare interface CalendarHeatmapDataPoint {
@@ -1040,6 +1071,7 @@ export declare interface DateRangePickerProps {
     alwaysOpen?: boolean;
     autoClose?: boolean;
     presets?: DateRangePreset[];
+    firstDayOfWeek?: 0 | 1;
 }
 
 export declare interface DateRangePreset {
@@ -1229,6 +1261,45 @@ declare interface ErrorBoundaryState {
     error: Error | null;
 }
 
+export declare function EventCalendar<T>({ className, date, dayEndHour, dayStartHour, defaultDurationMinutes, emptyLabel, events, firstDayOfWeek, headerExtra, hourHeight, maxEventsPerDay, onDateChange, onDayClick, onEventClick, onEventDrop, onViewChange, renderEvent, showHeader, view, }: EventCalendarProps<T>): JSX.Element;
+
+export declare interface EventCalendarProps<T = unknown> {
+    events: CalendarEvent<T>[];
+    /** Controlled view. Falls back to internal state when `onViewChange` is omitted. */
+    view?: EventCalendarView;
+    onViewChange?: (view: EventCalendarView) => void;
+    /** Controlled anchor date — the month or week on screen. */
+    date?: Date;
+    onDateChange?: (date: Date) => void;
+    firstDayOfWeek?: 0 | 1;
+    onEventClick?: (event: CalendarEvent<T>) => void;
+    /** Fires on the empty part of a day cell (month) or an hour slot (week). */
+    onDayClick?: (date: Date) => void;
+    /**
+     * Enables drag-to-reschedule. `nextStart` keeps the original time of day in month
+     * view, and snaps to the dropped hour slot in week view.
+     */
+    onEventDrop?: (event: CalendarEvent<T>, nextStart: Date) => void;
+    renderEvent?: (event: CalendarEvent<T>) => ReactNode;
+    /** Chips shown in a month cell before the rest collapse behind "+N more". */
+    maxEventsPerDay?: number;
+    showHeader?: boolean;
+    /** Extra controls rendered in the header, between the title and the view switch. */
+    headerExtra?: ReactNode;
+    /** First and last hour rendered by the week view. */
+    dayStartHour?: number;
+    dayEndHour?: number;
+    /** Height of one hour row in the week view, in pixels. */
+    hourHeight?: number;
+    /** Assumed length of a timed event with no `end`. */
+    defaultDurationMinutes?: number;
+    className?: string;
+    /** Shown in a month cell's place when the whole period has no events. */
+    emptyLabel?: string;
+}
+
+export declare type EventCalendarView = 'month' | 'week';
+
 declare interface ExternalButtonConfig extends ButtonProps {
     text: string;
 }
@@ -1695,6 +1766,7 @@ declare interface InputTimeProps {
     label?: string;
     max?: string;
     min?: string;
+    minuteStep?: number;
     onBlur?: (event: FocusEvent_2<HTMLInputElement>) => void;
     onChange?: (value: string | undefined) => void;
     onClick?: (event: MouseEvent_2<HTMLInputElement>) => void;
@@ -1704,6 +1776,7 @@ declare interface InputTimeProps {
     required?: boolean;
     success?: string;
     value?: string;
+    withClock?: boolean;
 }
 
 export declare const InputUrl: ForwardRefExoticComponent<InputUrlProps & RefAttributes<HTMLInputElement>>;