@memobit/libs 1.0.65 → 1.0.67

package/dist/index.d.ts

@@ -1140,6 +1140,7 @@ export declare interface DatePickerProps extends Omit<CalendarProps, 'onChange'
     withClock?: boolean;
     clockSize?: number;
     minuteStep?: number;
+    /** How the chosen date is displayed in the field. Defaults to the app-wide 'DD MMM YYYY'. */
     dateFormat?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -1173,14 +1174,19 @@ export declare interface DateRangePreset {
 }
 
 /**
- * One day laid out against the clock, in a modal.
+ * One day laid out against the clock, in a side panel.
  *
  * A month cell can only carry a chip or three before the rest hide behind "+N more", and
  * those chips are too small to aim at on a phone. This is the way into a busy day: events
  * sit at the hour they actually happen, overlapping ones split into lanes, and the empty
  * stretches are themselves the target for adding something at that time.
+ *
+ * A drawer rather than a modal because the grid is a viewport onto a whole day and wants
+ * every pixel of height there is — a centred dialog either leaves the clock squinting
+ * through a few hours or, stretched, becomes a tall slot floating in the middle of a
+ * desktop screen. Pinned to the edge, the same shape reads as a panel instead.
  */
-export declare function DayAgenda<T>({ activeHours, className, date, dayEndHour, dayStartHour, defaultDurationMinutes, emptyLabel, events, hourHeight, isOpen, onAdd, onClose, onDateChange, onEventClick, renderEvent, }: DayAgendaProps<T>): JSX.Element;
+export declare function DayAgenda<T>({ activeHours, className, date, dayEndHour, dayStartHour, defaultDurationMinutes, emptyLabel, events, hourHeight, isOpen, onAdd, onClose, onDateChange, onEventClick, position, renderEvent, width, }: DayAgendaProps<T>): JSX.Element;
 
 export declare interface DayAgendaProps<T = unknown> {
     /** The day to lay out. Only the date part is read. */
@@ -1193,7 +1199,7 @@ export declare interface DayAgendaProps<T = unknown> {
     isOpen: boolean;
     onClose: () => void;
     /**
-     * Enables swiping the grid left or right to step a day. Without it the modal shows
+     * Enables swiping the grid left or right to step a day. Without it the panel shows
      * only the day it was opened on — which is fine for a one-off, but on a phone the
      * neighbouring day is usually the next thing wanted.
      */
@@ -1221,6 +1227,10 @@ export declare interface DayAgendaProps<T = unknown> {
     hourHeight?: number;
     /** Assumed length of a timed event with no `end`. */
     defaultDurationMinutes?: number;
+    /** Which edge the panel slides in from. */
+    position?: DrawerPosition;
+    /** CSS width for the panel. */
+    width?: string;
     className?: string;
 }