fixes

packages/core/src/CalendarComponent.ts

@@ -226,6 +226,10 @@ export default class CalendarComponent extends Component<CalendarComponentProps>
   updateSize(isResize = false) {
     let { view } = this
 
+    if (!view) {
+      return // why?
+    }
+
     if (isResize) {
       view.addScroll(view.queryScroll())
     }

packages/core/src/OptionsManager.ts

@@ -21,6 +21,11 @@ export default class OptionsManager {
 
 
   mutate(updates, removals: string[], isDynamic?: boolean) {
+
+    if (!Object.keys(updates).length && !removals.length) {
+      return
+    }
+
     let overrideHash = isDynamic ? this.dynamicOverrides : this.overrides
 
     __assign(overrideHash, updates)

packages/core/src/View.ts

@@ -104,7 +104,7 @@ export default abstract class View extends DateComponent<ViewProps> {
 
 
   render(props: ViewProps, context: ComponentContext) {
-    this.renderDatesMem(props.dateProfile, props.dateProfileGenerator)
+    this.renderDatesMem(props.dateProfile)
     this.renderBusinessHoursMem(props.businessHours)
     this.renderDateSelectionMem(props.dateSelection)
     this.renderEventsMem(props.eventStore)
@@ -148,12 +148,11 @@ export default abstract class View extends DateComponent<ViewProps> {
   // Date Rendering
   // -----------------------------------------------------------------------------------------------------------------
 
-  renderDatesWrap(dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator) {
+  renderDatesWrap(dateProfile: DateProfile) {
     this.renderDates(dateProfile)
     this.addScroll({
       duration: createDuration(this.context.options.scrollTime)
     })
-    this.startNowIndicator(dateProfile, dateProfileGenerator) // shouldn't render yet because updateSize will be called soon
   }
 
   unrenderDatesWrap() {
@@ -274,14 +273,16 @@ export default abstract class View extends DateComponent<ViewProps> {
   // Immediately render the current time indicator and begins re-rendering it at an interval,
   // which is defined by this.getNowIndicatorUnit().
   // TODO: somehow do this for the current whole day's background too
+  // USAGE: must be called manually from subclasses' render methods! don't need to call stopNowIndicator tho
   startNowIndicator(dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator) {
     let { calendar, dateEnv, options } = this.context
     let unit
     let update
     let delay // ms wait value
 
-    if (options.nowIndicator) {
+    if (options.nowIndicator && !this.initialNowDate) {
       unit = this.getNowIndicatorUnit(dateProfile, dateProfileGenerator)
+
       if (unit) {
         update = this.updateNowIndicator.bind(this)
 
@@ -333,17 +334,18 @@ export default abstract class View extends DateComponent<ViewProps> {
   // Immediately unrenders the view's current time indicator and stops any re-rendering timers.
   // Won't cause side effects if indicator isn't rendered.
   stopNowIndicator() {
-    if (this.isNowIndicatorRendered) {
 
-      if (this.nowIndicatorTimeoutID) {
-        clearTimeout(this.nowIndicatorTimeoutID)
-        this.nowIndicatorTimeoutID = null
-      }
-      if (this.nowIndicatorIntervalID) {
-        clearInterval(this.nowIndicatorIntervalID)
-        this.nowIndicatorIntervalID = null
-      }
+    if (this.nowIndicatorTimeoutID) {
+      clearTimeout(this.nowIndicatorTimeoutID)
+      this.nowIndicatorTimeoutID = null
+    }
+
+    if (this.nowIndicatorIntervalID) {
+      clearInterval(this.nowIndicatorIntervalID)
+      this.nowIndicatorIntervalID = null
+    }
 
+    if (this.isNowIndicatorRendered) {
       this.unrenderNowIndicator()
       this.isNowIndicatorRendered = false
     }

packages/core/src/common/slicing-utils.ts

@@ -9,6 +9,7 @@ import { EventInteractionState } from '../interactions/event-interaction-state'
 import { Duration } from '../datelib/duration'
 import { memoize } from '../util/memoize'
 import { DateMarker, addMs } from '../datelib/marker'
+import Calendar from '../Calendar'
 
 export interface SliceableProps {
   dateSelection: DateSpan
@@ -44,6 +45,7 @@ export default abstract class Slicer<SegType extends Seg, ExtraArgs extends any[
     props: SliceableProps,
     dateProfile: DateProfile,
     nextDayThreshold: Duration | null,
+    calendar: Calendar,
     component: DateComponent<any>, // TODO: kill
     ...extraArgs: ExtraArgs
   ): SlicedProps<SegType> {
@@ -52,7 +54,7 @@ export default abstract class Slicer<SegType extends Seg, ExtraArgs extends any[
 
     return {
       dateSelectionSegs: this.sliceDateSelection(props.dateSelection, eventUiBases, component, ...extraArgs),
-      businessHourSegs: this.sliceBusinessHours(props.businessHours, dateProfile, nextDayThreshold, component, ...extraArgs),
+      businessHourSegs: this.sliceBusinessHours(props.businessHours, dateProfile, nextDayThreshold, calendar, component, ...extraArgs),
       fgEventSegs: eventSegs.fg,
       bgEventSegs: eventSegs.bg,
       eventDrag: this.sliceEventDrag(props.eventDrag, eventUiBases, dateProfile, nextDayThreshold, component, ...extraArgs),
@@ -78,6 +80,7 @@ export default abstract class Slicer<SegType extends Seg, ExtraArgs extends any[
     businessHours: EventStore,
     dateProfile: DateProfile,
     nextDayThreshold: Duration | null,
+    calendar: Calendar,
     component: DateComponent<any>, // TODO: kill
     ...extraArgs: ExtraArgs
   ): SegType[] {
@@ -89,7 +92,7 @@ export default abstract class Slicer<SegType extends Seg, ExtraArgs extends any[
       expandRecurring(
         businessHours,
         computeActiveRange(dateProfile, Boolean(nextDayThreshold)),
-        component.context.calendar
+        calendar
       ),
       {},
       dateProfile,

packages/daygrid/src/AbstractDayGridView.ts

@@ -57,6 +57,8 @@ export default abstract class AbstractDayGridView extends View {
 
 
   render(props: ViewProps, context: ComponentContext) {
+    super.render(props, context)
+
     this.processOptions(context.options)
     this.renderSkeleton(context)
   }

packages/daygrid/src/SimpleDayGrid.ts

@@ -55,7 +55,7 @@ export default class SimpleDayGrid extends DateComponent<SimpleDayGridProps> {
     let { dateProfile, dayTable } = props
 
     dayGrid.receiveProps({
-      ...this.slicer.sliceProps(props, dateProfile, props.nextDayThreshold, dayGrid, dayTable),
+      ...this.slicer.sliceProps(props, dateProfile, props.nextDayThreshold, context.calendar, dayGrid, dayTable),
       dateProfile,
       cells: dayTable.cells,
       isRigid: props.isRigid

packages/list/src/ListView.ts

@@ -64,6 +64,8 @@ export default class ListView extends View {
 
 
   render(props: ViewProps, context: ComponentContext) {
+    super.render(props, context)
+
     let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile)
     this.dayDates = dayDates
 

packages/timegrid/src/AbstractTimeGridView.ts

@@ -34,6 +34,8 @@ export default abstract class AbstractTimeGridView extends View {
 
 
   render(props: ViewProps, context: ComponentContext) {
+    super.render(props, context)
+
     this.renderSkeleton(context)
   }
 

packages/timegrid/src/SimpleTimeGrid.ts

@@ -60,7 +60,7 @@ export default class SimpleTimeGrid extends DateComponent<SimpleTimeGridProps> {
     let dayRanges = this.dayRanges = this.buildDayRanges(dayTable, dateProfile, dateEnv)
 
     this.timeGrid.receiveProps({
-      ...this.slicer.sliceProps(props, dateProfile, null, this.timeGrid, dayRanges),
+      ...this.slicer.sliceProps(props, dateProfile, null, context.calendar, this.timeGrid, dayRanges),
       dateProfile,
       cells: dayTable.cells[0]
     }, context)

packages/timegrid/src/TimeGridView.ts

@@ -53,6 +53,8 @@ export default class TimeGridView extends AbstractTimeGridView {
         isRigid: false
       }, context)
     }
+
+    this.startNowIndicator(dateProfile, dateProfileGenerator)
   }