Fixed bug where appointments can appear outside the calendar

examples/App.js

@@ -43,6 +43,7 @@ const EXAMPLES = {
   customView: 'Custom Calendar Views',
   resource: 'Resource Scheduling',
   dnd: 'Addon: Drag and drop',
+  dndresource: 'Resource Drag and drop',
 }
 
 const DEFAULT_EXAMPLE = 'basic'

examples/demos/dndresource.js

@@ -28,13 +28,27 @@ const events = [
     end: new Date(2018, 0, 29, 12, 30, 0),
     resourceId: 3,
   },
+  {
+    id: 10,
+    title: 'Board meeting',
+    start: new Date(2018, 0, 30, 23, 0, 0),
+    end: new Date(2018, 0, 30, 23, 59, 0),
+    resourceId: 1,
+  },
   {
     id: 11,
     title: 'Birthday Party',
     start: new Date(2018, 0, 30, 7, 0, 0),
     end: new Date(2018, 0, 30, 10, 30, 0),
     resourceId: 4,
   },
+  {
+    id: 12,
+    title: 'Board meeting',
+    start: new Date(2018, 0, 29, 23, 59, 0),
+    end: new Date(2018, 0, 30, 13, 0, 0),
+    resourceId: 1,
+  },
 ]
 
 const resourceMap = [
@@ -103,6 +117,7 @@ class Dnd extends React.Component {
         resourceTitleAccessor="resourceTitle"
         onEventResize={this.resizeEvent}
         defaultView="day"
+        showMultiDayTimes={true}
         defaultDate={new Date(2018, 0, 29)}
       />
     )

src/utils/TimeSlots.js

@@ -130,7 +130,7 @@ export function getSlotMetrics({ min: start, max: end, step, timeslots }) {
 
       const rangeStartMin = positionFromDate(rangeStart)
       const rangeEndMin = positionFromDate(rangeEnd)
-      const top = (rangeStartMin / (step * numSlots)) * 100
+      const top = (rangeStartMin / (step * numSlots)) * 98
 
       return {
         top,