makula-schedule 2.2.0 → 2.2.2

package/dist/components/index.js

@@ -521,8 +521,6 @@ function Scheduler(props) {
       }, configTableHeaderStyle)
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        overflowX: 'scroll',
-        overflowY: 'hidden',
         margin: "0px 0px -".concat(contentScrollbarHeight, "px")
       }
     }, /*#__PURE__*/_react["default"].createElement("table", {
@@ -571,7 +569,8 @@ function Scheduler(props) {
       style: {
         overflowX: 'scroll',
         overflowY: 'hidden',
-        margin: "0px 0px -".concat(contentScrollbarHeight, "px")
+        margin: "0px 0px -".concat(contentScrollbarHeight, "px"),
+        overscrollBehavior: 'none'
       },
       ref: schedulerHeadRef,
       onMouseOver: onSchedulerHeadMouseOver,
@@ -598,7 +597,8 @@ function Scheduler(props) {
       onScroll: onSchedulerContentScroll
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        width: schedulerWidth
+        width: schedulerWidth,
+        overflow: 'hidden'
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "scheduler-content"

package/dist/index.d.ts

@@ -464,3 +464,34 @@ export interface SchedulerDataBehaviors<EventType extends EventItem = EventItem>
 export const DATE_FORMAT = 'YYYY-MM-DD';
 
 export const DATETIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+
+export interface MonthCalendarEvent {
+  id: string | number;
+  title: string;
+  start: string;
+  end: string;
+  bgColor?: string;
+  [x: string]: unknown;
+}
+
+export interface MonthCalendarViewProps {
+  events?: MonthCalendarEvent[];
+  date?: string | Dayjs | Date;
+  onEventClick?: (event: MonthCalendarEvent) => void;
+  CustomEventPopover?: (
+    event: MonthCalendarEvent,
+    title: string,
+    start: Dayjs,
+    end: Dayjs,
+    color: string
+  ) => React.ReactNode;
+  eventItemPopoverEnabled?: boolean;
+  eventItemPopoverTrigger?: 'hover' | 'click';
+  maxEventsPerCell?: number;
+  onMoreClick?: (date: Dayjs, events: MonthCalendarEvent[]) => void;
+  weekStartsOn?: 0 | 1;
+  headerFormat?: string;
+  className?: string;
+}
+
+export const MonthCalendarView: React.FC<MonthCalendarViewProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makula-schedule",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react-big-schedule",