Comments (3)
@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 therbc-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 theevent
andtitle
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.
Related Issues (20)
- Tab navigation between events in Monthly calendar view
- Change Navigation Buttons and Today Placement for Improved Usability HOT 2
- Translating README.md in Italian for wider accessibility
- warning ..\..\package.json: No license field HOT 1
- Add Russian and Chinese cultures to Localization (accessibility)
- Add Japanese Language Support For Localization
- Bug: Drag and Drop not functioning properly and duplicating events HOT 2
- Bug: Drag and Drop Examples link is throwing an error HOT 1
- Clicking on Day Cell Creates Empty Events Without Event Name Input HOT 1
- DragAndDrop with custom components causes re-mount on each render HOT 1
- Enhance User Understanding with Persona Development
- swap resource and day header in week view. HOT 1
- Slack invite expired HOT 1
- react-big-calendar selection offset HOT 1
- Luxon localizer should use LLL to format month instead of MMM HOT 3
- Drag and Drop example code has issues when dropping to / from all-day events HOT 1
- Cant create custom event design for month view
- Day does not show in week view HOT 1
- Pass 'accessors' prop to the 'DayColumnWrapper' component HOT 2
- Expired slack invitation link HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-big-calendar.