Add all-day label to calendar all day events row (#1443)

This commit is contained in:
Sherfin Shamsudeen 2021-11-23 14:50:53 +05:30 committed by GitHub
parent ae02ec49a9
commit ba89790d0d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -71,6 +71,10 @@ export const Calendar = function ({
? properties.defaultView
: allowedCalendarViews[0];
const components = {
timeGutterHeader: () => <div style={{ height: '100%', display: 'flex', alignItems: 'flex-end' }}>All day</div>,
};
return (
<div id={id}>
<ReactCalendar
@ -110,6 +114,7 @@ export const Calendar = function ({
eventPropGetter={eventPropGetter}
tooltipAccessor="tooltip"
popup={true}
components={components}
/>
<CalendarEventPopover
calenderWidgetId={id}