bom dia a todos, estou usando o fullcalendar na versao 5.5.1, e na visao de mês os eventos são exibidos apenas com uma bolinha do lado e sem cor de fundo, a não ser que que o evento contenha o “allDay: true” ai ele aparece a cor de fundo sem a bolinha, oq eu quero é que apareça a cor de fundo com a bolinha, pra bolinha ser indicador de status, e a cor de fundo indicador de tarefas, eu parti da premissa de alterar o codigo fonte da biblioteca e encontrei o seguinte codigo:
> TableListItemEvent.prototype.render = function () { > > var _a = this, props = _a.props, context = _a.context; > > var timeFormat = context.options.eventTimeFormat || DEFAULT_TABLE_EVENT_TIME_FORMAT; > > var timeText = buildSegTimeText(props.seg, timeFormat, context, true, props.defaultDisplayEventEnd); > > > return (createElement(EventRoot, { seg: props.seg, timeText: timeText, defaultContent: renderInnerContent$2, isDragging: props.isDragging, isResizing: false, isDateSelecting: false, isSelected: props.isSelected, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday }, function (rootElRef, classNames, innerElRef, innerContent) { return ( // we don't use styles! > > createElement("a", __assign({ className: ['fc-daygrid-event', 'fc-daygrid-dot-event'].concat(classNames).join(' '), ref: rootElRef }, getSegAnchorAttrs$1(props.seg)), innerContent)); })); > > };
se incluir o
style:{backgroundColor:’#ff0000’}
dessa forma:
> TableListItemEvent.prototype.render = function () { > > var _a = this, props = _a.props, context = _a.context; > > var timeFormat = context.options.eventTimeFormat || DEFAULT_TABLE_EVENT_TIME_FORMAT; > > var timeText = buildSegTimeText(props.seg, timeFormat, context, true, props.defaultDisplayEventEnd); > > > return (createElement(EventRoot, { seg: props.seg, timeText: timeText, defaultContent: renderInnerContent$2, isDragging: props.isDragging, isResizing: false, isDateSelecting: false, isSelected: props.isSelected, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday }, function (rootElRef, classNames, innerElRef, innerContent) { return ( // we don't use styles! > > createElement("a", __assign({ className: ['fc-daygrid-event', 'fc-daygrid-dot-event'].concat(classNames).join(' '),style:{backgroundColor:'#345674',color:'#FFF'}, ref: rootElRef }, getSegAnchorAttrs$1(props.seg)), innerContent)); })); > > };
e é desse jeito que eu quero, porem não quero passar apenas uma cor estatica, quero poder escolher a cor na hora de incluir o evento, não precisa ser necessariamente alterando a biblioteca, se alguem tiver alguma outra ideia de como fazer isso, eu agradeço