Event calendar invalids doesn't display titles

Event calendars & schedulers
1

Hi,

The “invalids” slots are displayed correctly in gray in the calendar but titles aren’t there:

mobiscroll
mobiscroll1930×1136 128 KB

Here is the code:

<Eventcalendar
  clickToCreate={type === "draft" || type === "all"  ? "single" : false}
  data={workOrders}
  dateFormatLong="DDDD DD/MM"
  dragToCreate={false}
  dragToMove={true}
  dragToResize={false}
  eventOrder={sortWorkOrders}
  locale={locale.fr}
  onSelectedDateChange={onSelectedDateChange}
  onEventClick={onWorkOrderEdit}
  onEventCreated={onWorkOrderCreate}
  onEventUpdated={onWorkOrderDragAndDrop}
  ref={calendarRef}
  renderHeader={() => <SchedulerHeader selectedDate={selectedDate} />}
  renderResource={(resource: Vehicle) => (
    <SchedulerResource
      resource={resource}
      onClick={() => {
        setVehicleId(resource._id);
        onVehiclePopupToggle();
      }}
    />
  )}
  renderScheduleEvent={renderScheduleEvent}
  resources={vehicles}
  invalid={invalids}
  selectedDate={selectedDate}
  theme="windows"
  themeVariant={"light"}
  view={{ timeline: { type: period, eventList: true } }}
/>

Can you explain me why?

Thanks!

2

Additional info:

I don’t have any popup or console error. You can see in my screenshot the 2 gray slots that match the “invalid” parameter passed to the component. The doc says that the title is “displayed on the schedule view for the invalid range”. I’m assuming the schedule view is the calendar itself and the title should be displayed in the gray slot. Am I wrong?

I use Mobiscroll v5.16.1

3

Hi @Jeremy_Paris,

Thanks for reaching out! :wave:

I just checked this problem and it looks like this is a bug in the timeline view. It will be fixed in the next release.

4

Hello @Jeremy_Paris :wave:

Good news: we have shipped Mobiscroll 5.17, where we fixed an issue where the title of all-day invalids was not displayed.

Here you can find a guide of how you can update the Mobiscroll version to the latest: Update guide on the latest version of Mobiscroll for plain JS, jQuery, Angular, Ionic and React.