Adding additional fields in popovers

[aleksandraDOF]

Hello,

First, just to say, thank you for developing vue calendar with such a great features.

I Added new textbox "Region" into the ds-calendar-event-create-popover component, through "eventCreatePopoverBodyBottom" slot. And it works perfectly. Now I need the same field in the edit dialog (ds-event, for edit and create-edit).

I added it in the "eventDetailsExtra" slot, but nothing happened. I tried different variations (specifying the slot inside of ds-event component, then directly in ds-calendar-app component), but with no luck. My main component is ds-calendar-app.

Can you please give me a more specific example for solving this problem

Thank you

[ClickerMonkey]

What's your code for the "eventDetailsExtra" slot?

[aleksandraDOF]

If I try to add combo "Region" inside of "eventDetailsExtra", I don't see any changes. Example of "eventDetailsExtra" slot:

<template
        slot="eventDetailsExtra"
        slot-scope="{ targetSchedule, targetDetails, schedule, details, busyOptions, day, calendar, calendarEvent, labels }"
      >
        <v-select
          single-line
          hide-details
          solo
          flat
          :items="regionList"
          prepend-icon="work"
          placeholder="Regions"
          v-model="regionInput"
          @change="selectRegionNew"
        ></v-select>
      </template>

But, when I override "eventDetailsBusy" slot, and add "Region" combo after your existing code, then I see changes and everything is working fine. Example:

  <template
        slot="eventDetailsBusy"
        slot-scope="{ targetSchedule, targetDetails, schedule, details, busyOptions, day, calendar, calendarEvent, labels }"
      >
        <v-select
          v-if="$dayspan.supports.busy"
          single-line
          hide-details
          solo
          flat
          prepend-icon="work"
          :items="busyOptions"
          :disabled="readOnly"
          v-model="details.busy"
        ></v-select>
        <v-select
          single-line
          hide-details
          solo
          flat
          :items="regionList"
          prepend-icon="work"
          placeholder="Regions"
          v-model="regionInput"
          @change="selectRegionNew"
        ></v-select>
      </template>

So, for me, only "eventDetailsExtra" is not working, but I'm not sure for what reason