text: import React from "react";
  import Paper from "@material-ui/core/Paper";
  import { ViewState } from "@devexpress/dx-react-scheduler";
  import {
    Scheduler,
    WeekView,
    Appointments
  } from "@devexpress/dx-react-scheduler-material-ui";
  import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
  import { blue } from "@material-ui/core/colors";
  import { appointments } from "./data";
  
  const theme = createMuiTheme({
     palette: { 
       type: "light",
        primary: {
          main:blue[500]
        }
      } 
    });
  
  export default function Agenda() {
    return (
      <MuiThemeProvider theme={theme}>
        <Paper>
          <Scheduler data={appointments} >
            <ViewState currentDate="2021-06-04" />
            <WeekView startDayHour={9} endDayHour={19} />
            <Appointments />
          </Scheduler>
        </Paper>
      </MuiThemeProvider>
    );
  }