React-big-calendar: custom header for day view

Created on 3 Jan 2019  路  4Comments  路  Source: jquense/react-big-calendar

I'm looking to make a custom header for a day view.
for example to count how many events per day and to make header like that:
01-03-2019 (8 events)

how I can make it?

All 4 comments

You can specify the day header component in the calendar

components: {
    day: {
                header: YourCalendarDateHeader,
              },
    }

This isn't working for me.

Example

components={{
        week: {
            header: ({ date, localizer }) => localizer.format(date, 'dddd')
        }
}}

If someone stumbled upon this problem:

components={{
  resourceHeader:  ({label, resoure, index}) => {}
}}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

manutenfruits picture manutenfruits  路  3Comments

zhming0 picture zhming0  路  3Comments

martinnov92 picture martinnov92  路  3Comments

jgautsch picture jgautsch  路  3Comments

nicolasriccardi picture nicolasriccardi  路  3Comments