feat: Calendar Layout and Function Update
This commit is contained in:
parent
b05d2be1ac
commit
903f1f2c18
7 changed files with 1172 additions and 167 deletions
|
@ -1,38 +1,3 @@
|
|||
"use client";
|
||||
import Calendar from '@/components/calendar';
|
||||
|
||||
import { Calendar, momentLocalizer } from 'react-big-calendar';
|
||||
import moment from 'moment';
|
||||
import 'react-big-calendar/lib/css/react-big-calendar.css';
|
||||
import 'react-big-calendar/lib/addons/dragAndDrop/styles.css';
|
||||
import CustomToolbar from '@/components/custom-toolbar';
|
||||
|
||||
moment.updateLocale('en', {
|
||||
week: {
|
||||
dow: 1,
|
||||
doy: 4,
|
||||
},
|
||||
});
|
||||
|
||||
const localizer = momentLocalizer(moment)
|
||||
|
||||
const MyCalendar = (props) => (
|
||||
<div>
|
||||
<Calendar
|
||||
localizer={localizer}
|
||||
//events={myEventsList}
|
||||
startAccessor="start"
|
||||
endAccessor="end"
|
||||
style={{ height: 500 }}
|
||||
culture="de-DE"
|
||||
defaultView='week'
|
||||
|
||||
/*CustomToolbar*/
|
||||
components={{
|
||||
toolbar: CustomToolbar
|
||||
}}
|
||||
/*CustomToolbar*/
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
|
||||
export default MyCalendar;
|
||||
export default function home () {return <Calendar/>}
|
Loading…
Add table
Add a link
Reference in a new issue