# Month view calendar component **URL:** \ **Category:** How do I?\ **Tags:** custom-components, components\ **Created:** [December 6, 2023, 2:24pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764 "2023-12-06T14:24:11Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\ **Post date:** [December 6, 2023, 2:24pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/1 "2023-12-06T14:24:11Z")
Hi there, I am trying out the default calendar component. Unfortunately the month view is different than I expected it would be. As an example I share some screenshots of the both the Weweb calendar component and the one of Full Calendar (used a couple of times before). **Weweb (Week)** ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0c60f86423a26bd36dc8a876352ec2ec41f00f18.png) **Full Calendar (Week)** ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/16c00beeea865de19e5d471588abf3b0cde014a4.png) **Weweb (Month)** ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/944c4777298f5c0d8c27ef40749e2be985e162bf.png) **Full calendar (Month)** ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cac7b58e2b8e1bc0e9ca0d5d217f2fc20fd24f60.png) **Question** How can I get a Month view in WeWeb with the level of detail as shown in the example of Full calendar ---
**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\ **Post date:** [December 13, 2023, 3:42pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/2 "2023-12-13T15:42:55Z")
Hi @FJP84 šŸ‘‹ Apologies for the late reply. I think right now you might need to build your own calendar component to achieve the exact same UI. Providing more calendar UI options is something our product team is exploring right now so if you want to send a list of bullet points or short video with your wishlist, feel free to do so! Iā€™ll pass it along šŸ˜€ ---
**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\ **Post date:** [January 3, 2024, 8:17pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/3 "2024-01-03T20:17:24Z")
Hi @Joyce a colleague of mine is working on a custom component based on full calendar. He is experiencing some issues during development and for this we are preparing a support ticket. ---
**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\ **Post date:** [February 7, 2024, 4:58am UTC](https://community.weweb.io/t/month-view-calendar-component/5764/4 "2024-02-07T04:58:21Z")
+1. Yes I need a better month view, it isnā€™t what I was expecting haha, the usual month view is the one that FJP84 shared, where you can see whatā€™s going one very day like in Google Calendar ---
**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\ **Post date:** [February 7, 2024, 8:38pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/5 "2024-02-07T20:38:59Z")
Thanks @raelyn! For the +1 @Joyce I noticed a typo in my start post. The titles of Weweb (month view) and Full calandar (month view) need to be switched. Then these titles are representing the correct images. Currently I donā€™t have any more requirements than the optimized month view as the one shown in the Full Calander example. Is this on your roadmap? ---
**Author:** ![rayanenocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/rayanenocode/32/13166_2.png) [@rayanenocode](https://community.weweb.io/u/rayanenocode)\ **Post date:** [February 7, 2024, 9:20pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/6 "2024-02-07T21:20:23Z")
+2 If you could also add the features below that would be perfect! : -Ressource View (very important) -Drag and drop for adding an event -ui redesign A few examples šŸ™‚ ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e3fff11fea8abf347996fee776ce5973e3b67374.jpeg) ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/87247c7edcf1d57dd935b5090bb715f9f511e4f4.png) ---
**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\ **Post date:** [February 25, 2024, 6:22pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/7 "2024-02-25T18:22:24Z")
Hi @Joyce do you have enough requirements to pass on to the dev team? ---
**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\ **Post date:** [February 27, 2024, 11:06am UTC](https://community.weweb.io/t/month-view-calendar-component/5764/8 "2024-02-27T11:06:09Z")
Yes! Thank you šŸ™‚ I added the link to this topic to the ticket about improving the existing calendar component and potentially creating new calendar templates with more abstraction. ---
**Author:** ![Dominic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dominic/32/5645_2.png) [@Dominic](https://community.weweb.io/u/Dominic)\ **Post date:** [March 13, 2024, 3:58pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/9 "2024-03-13T15:58:53Z")
@FJP84 I was able to tweak default calendar component using HTML attributes. You can f.e. enable events on month view by adding **events-on-month-view** attribute and so on. It is not perfect but it is working šŸ™‚ ---
**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\ **Post date:** [March 14, 2024, 2:05pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/10 "2024-03-14T14:05:15Z")
Nice one. Using event-on-month-view with value short. Solves the problem I was having. I now can use the native [Weweb.io](http://Weweb.io) calendar component which is great. ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a85125ae4aecbeadf4fd91dec99d2bf8ba3b1c04.png) ---
**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\ **Post date:** [April 18, 2024, 9:30am UTC](https://community.weweb.io/t/month-view-calendar-component/5764/11 "2024-04-18T09:30:12Z")
Hey Dominic! How do you do this? Could you explain a little further so I can implement this in my app too? Would really appreciate this. How do you ā€œenable events on month view by adding events-on-month-view attributeā€? ---
**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Post date:** [April 18, 2024, 3:25pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/12 "2024-04-18T15:25:30Z")
> [@raelyn](#): > > Hey Dominic! How do you do this? Could you explain a little further so I can implement this in my app too? Would really appreciate this. > > How do you ā€œenable events on month view by adding events-on-month-view attributeā€? Hi @raelyn Check the settings tab of the calendar component. Scroll down to html attributes. Add an html attribute name/key: events-on-month-view value: true or short When using ā€œshortā€, only title is shown. ---
**Author:** ![CedricFR73](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedricfr73/32/6618_2.png) [@CedricFR73](https://community.weweb.io/u/CedricFR73)\ **Post date:** [September 18, 2024, 8:54am UTC](https://community.weweb.io/t/month-view-calendar-component/5764/13 "2024-09-18T08:54:45Z")
Hello Joyce, Is there any plan to improve the calendar with a linear/vertical monthly view like in the following picture? Thanks ![IMG_0123](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/c04a1c7888285b0c1227048f5deb65b101afbc6f.webp) ---
**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\ **Post date:** [September 18, 2024, 1:10pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/14 "2024-09-18T13:10:18Z")
Hey @CedricFR73 šŸ‘‹ I donā€™t think we have any specific plans for this. Curious to know more about your use case though. The visual looks more like a yearly planner youā€™d have on paper or on a huge screen. Do you have examples of what youā€™d like the end result to look like in an app to help me better understand the underlying need? ---
**Author:** ![CedricFR73](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedricfr73/32/6618_2.png) [@CedricFR73](https://community.weweb.io/u/CedricFR73)\ **Post date:** [September 18, 2024, 2:20pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/15 "2024-09-18T14:20:02Z")
Itā€™s just that Iā€™m developing an application using WeWeb solution as well as Xano. This application is dedicated to a sector of activity who works exclusively with this display mode for planning. Indeed the model see as an attachment is exactly a paper cardboard version or desktop under hand. Today all is managed from Excel or Google spreadsheets at this sector, Itā€™s prehistoric. No one offers a linear calendar display like thisā€¦ Even solutions like FullCalendar do not offer. We systematically end up with a monthly view seven columns (for day / Sunday to Saturday) and four rows (for weeks of the month) Like the attached photo 1. Visibility is very reduced and confused, and does not allow any direct visual projection on the following months. The most surprising thing is that all existing solutions even from big companies like Apple Google Microsoft only offers the view with 7 columns and 4 rows for a month. While the implementation solution seems so simple to me, we start from a classic week base where days are replaced by months and hours are replaced by days (Reflection from the attached photo 2) I donā€™t know if I can express myself correctly Joyce ![IMG_0125](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1b2a03fd13a32992bb4b644c9e8a83c7ea901ef2.jpeg) ![IMG_0124](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4ed0f75ef1b269a9ceefc1f60c3ac742952d8647.jpeg) ---
**Author:** ![creesenzi](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/creesenzi/32/12611_2.png) [@creesenzi](https://community.weweb.io/u/creesenzi)\ **Post date:** [March 11, 2025, 8:15pm UTC](https://community.weweb.io/t/month-view-calendar-component/5764/16 "2025-03-11T20:15:50Z")
How did you make the cell size bigger? I want to make this to have all my cells same size, not just have them be bigger when there is an event onlyā€¦