5
Show HN: I built an open source web calendar inspired by the Google calendar
source link: https://schedule-x.dev/demos/calendar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
🗓️ Calendar demo
November – December 2023
Date
Coffee with John
Media fasting
6:00 AM – 7:00 AM
Breakfast with Sam
5:00 AM – 6:00 AM
The demo above is based on the code below.
import { createCalendar, viewDay, viewMonthAgenda, viewMonthGrid, viewWeek } from '@schedule-x/calendar'
import { createDragAndDropPlugin } from '@schedule-x/drag-and-drop'
import { createEventModalPlugin } from '@schedule-x/event-modal'
import '@schedule-x/theme-default/dist/index.css'
const calendar = createCalendar({
views: [viewMonthGrid, viewWeek, viewDay, viewMonthAgenda],
datePicker: {
selectedDate: '2023-12-01'
defaultView: viewWeek.name,
events: [
id: 1,
title: 'Coffee with John',
start: '2023-12-01',
end: '2023-12-01',
id: 2,
title: 'Breakfast with Sam',
description: 'Discuss the new project',
location: 'Starbucks',
start: '2023-11-29 05:00',
end: '2023-11-29 06:00',
id: 3,
title: 'Gym',
start: '2023-11-27 06:00',
end: '2023-11-27 07:00',
calendarId: 'leisure'
id: 4,
title: 'Media fasting',
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK