Event Card - Copy this React, Tailwind Component to your project

<VaCard> <VaCardTitle class="bold !text [1.6rem]">{{ selectedEvent.title }}</VaCardTitle> <VaCardContent> <p><strong>Start:</strong> {{ selectedEvent.start }}</p> <p><strong>End:</strong> {{ selectedEvent.end }}</p> <p v if="Object.keys(selectedEvent.content.mode_params).length > 0"> <strong>Params:</strong> </p> <ul class="pl 2"> <li v for="(value, key) in selectedEvent.content.mode_params" :key="key"> <strong>{{ t(`control_mode.${key}`) }}:</strong> {{ value }} </li> </ul> </VaCardContent> <VaCardActions> <VaButton disabled @click="editEvent(selectedEvent)">{{ t('custom.edit') }}</VaButton> <VaButton color="danger" @click="deleteEventModal(selectedEvent)">{{ t('custom.delete') }}</VaButton> </VaCardActions> </VaCard>