Estoy investigando la documentación del calendario de diseño de hormigas.

Quiero establecer eventos en días específicos en el mes actual. Estoy usando este código que proporciona documentación de diseño de hormigas. Pero en su código los eventos creados se mostraban cada mes.

¿Cómo puedo mostrar, por ejemplo, solo en abril?

Porque en mi caso, debería recibir una lista de eventos de back-end en diferentes años, meses y fechas y mostrarla en el calendario.

Aquí está el código de documentación de diseño de hormigas

 function getListData(value) { let listData; switch (value.date()) { case 8: listData = [ { type: "warning", content: "This is warning event." }, { type: "success", content: "This is usual event." } ]; break; default: } return listData || []; } function dateCellRender(value) { const listData = getListData(value); return ( <ul className="events"> {listData.map((item) => ( <li key={item.content}> <Badge status={item.type} text={item.content} /> </li> ))} </ul> ); } ReactDOM.render( <Calendar dateCellRender={dateCellRender} />, document.getElementById("container") );

Y este es mi código que recibo del backend.

formattedBooking son mis datos del backend

 const getListData = value => { const listData = []; if (formattedBookings && formattedBookings[value.date()]) { formattedBookings[value.date()].forEach(booking => { listData.push({ type: 'success', content: `${booking.address}`, }); }); } return listData; }; const dateCellRender = value => { const listData = getListData(value); return ( <ul className='events'> {listData.map((item, index) => ( <li key={`${item.content}-${index}`}> <Badge status={item.type} text={item.content} /> </li> ))} </ul> ); }; return ( <Calendar dateCellRender={dateCellRender} /> );

Por favor, ayúdame a resolver este problema.