Agenda view customizations about react-big-calendar HOT 3 CLOSED

@eduardolbruno These sort of questions are really best done in our Slack group or on StackOverflow.

I did a test locally, and though kind of a hack, I was able to do this for the 'no events' message

const CustomAgendaNoEvents = () => <div>Custom No Events</div>

const messages = {
  noEventsInRange: CustomAgendaNoEvents()
}

<Calendar messages={messages} ...

Now, this renders my CustomAgendaNoEvents in the span with the rbc-agenda-empty class, so you'll have to handle that.

Custom Agenda Event components are possible. By default, only the event title is displayed. But if you provide an Agenda specific Event display component it will be used, receiving the event and title as props (and no other props)

from react-big-calendar.

@eduardolbruno Yeah, the project doesn't manage our TS types (currently). That's handled by an outside entity. I'm only now digging into Big Calendar TS with some pre-work for 'next'.

from react-big-calendar.

@eduardolbruno These sort of questions are really best done in our Slack group or on StackOverflow.

I did a test locally, and though kind of a hack, I was able to do this for the 'no events' message

const CustomAgendaNoEvents = () => <div>Custom No Events</div>

const messages = {
  noEventsInRange: CustomAgendaNoEvents()
}

<Calendar messages={messages} ...

Now, this renders my CustomAgendaNoEvents in the span with the rbc-agenda-empty class, so you'll have to handle that.

Custom Agenda Event components are possible. By default, only the event title is displayed. But if you provide an Agenda specific Event display component it will be used, receiving the event and title as props (and no other props)

Thanks for your quick answer!
Sure, next time I will leave my question on StackOverflow, no worries.

BTW your hack it works, but noEventsInRange shows an error as it is defined with a string type.

Thanks also for the Custom Agenda event component explanation!

from react-big-calendar.