How to create calendar with events

Question

Hello i'm trying to make event calendar . Maybe somebody give me idea how to because i dont know how to customize calendar I lost about 2-3 days and didn't do anything Tried to customize fullcalendar and nothing . I hope on your support Thanks

Calendar image what i need:

Answer 1

I've added a similar method to this date-picker . it's easy to use. you still need to make a change in stylesheets because I didn't have time. but it gives you the idea how to start.

How to use it?

var datePicker = new Pikaday({
            field: document.getElementById('date-picker'),
            onSelect: (newDate) => {
                // Here you can update this day with setSecondaryConfig method

            },
            onMonthChange: (year: number, month: number) => {
                // here you can call for labels for this month using setSecondaryConfig method
            },
            onOpen: () => {
                // or here you can fetch labels for the first month being shown 
            }
        });

This works fine with sync API calls.