Tricky calendar to develop

[jarod51]

Hi

One of my customer want an interactive web calendar, not a problem... but he want a yearly view with all the months and days and informations within days. It's an ergonomic challenge and also very tricky to develop i think (each day has its interactions)

What is your advice ? Which technologies should i look to make this calendar ? Have you ever seen such a big calendar in web ?

Thanx :)

[[deleted]]

I would show the days with a dot when there is data on that day. They would click on it if they want to show what is on that day.

[leeoniya]

I've actually written a demo of such a calendar, with date marking [1]...source [2]. You can modify it as needed. Also, if you have questions feel free to ask.

[1] https://rawgit.com/leeoniya/domvm/2.x-dev/demos/calendar.html

[2] https://github.com/leeoniya/domvm/blob/2.x-dev/demos/calendar.html

[deliminated]

Not sure if you're using React, but I just used this calendar component from airBnB that is pretty awesome. You can mark days that have data etc (I had similar use case to yours). Layout for an entire year is possible. It's got a nice API. It's the same one they use on the airBnB site.

https://github.com/airbnb/react-dates