Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'
import { Container, Grid } from '@mui/material'
import { Calendar, momentLocalizer } from 'react-big-calendar'
import moment from 'moment'
import EventsList from '../../components/calendar/EventsList'
import 'react-big-calendar/lib/css/react-big-calendar.css'

moment.locale('es-ES')
const localizer = momentLocalizer(moment)

const CalendarPage = () => {
  const [events, setEvents] = useState([
    {
      id: 0,
      title: 'All Day Event very long title',
      allDay: true,
      start: '2023-08-30',
    },
  ])

  return (
    <Container as="main" className="px-0">
      <Grid container spacing={2}>
        <Grid item xs={12} md={8} spacing={3}>
          <Calendar
            views={['day', 'agenda', 'work_week', 'month']}
            selectable
            localizer={localizer}
            defaultDate={new Date()}
            defaultView="month"
            style={{ height: '100vh' }}
            onSelectEvent={(event) => alert(event.title)}
            events={events}
          />
        </Grid>
        <Grid item xs={12} md={4}>
          <EventsList />
        </Grid>
      </Grid>
    </Container>
  )
}

export default CalendarPage