[blocks]: Full calendar #3214
Replies: 32 comments 116 replies
-
|
A calendar view similar to Google calendar (Daily, weekly and monthly) would be interesting. |
Beta Was this translation helpful? Give feedback.
-
|
Something like this will be amazing |
Beta Was this translation helpful? Give feedback.
-
|
We could also adapt https://fullcalendar.io/ with shadcn styling? |
Beta Was this translation helpful? Give feedback.
-
|
anyone do this yet? |
Beta Was this translation helpful? Give feedback.
-
|
Any update on this block? Would love to use a full calendar view in my project ❤️ |
Beta Was this translation helpful? Give feedback.
-
|
Same here! |
Beta Was this translation helpful? Give feedback.
-
|
same here! |
Beta Was this translation helpful? Give feedback.
-
|
Same here |
Beta Was this translation helpful? Give feedback.
-
|
This would be awesome, might start working on something.. |
Beta Was this translation helpful? Give feedback.
-
|
Same here! true-tracker |
Beta Was this translation helpful? Give feedback.
-
|
I've worked on a full calendar alternative with shadcn components, framer motion, react dnd I could create it into a full component, but now it's linked to my database types etc, Calendar.mov |
Beta Was this translation helpful? Give feedback.
-
|
@vermeerenmaxime is it possible to get example code? we are looking for the same kind of layout so would be nice if you can help us in the right direction? |
Beta Was this translation helpful? Give feedback.
-
|
@vermeerenmaxime Hey! A lot of people here would love to contribute on that component! |
Beta Was this translation helpful? Give feedback.
-
|
Ship it. Clock is ticking... |
Beta Was this translation helpful? Give feedback.
-
|
Looks cool. Would love to see this as a component. :) |
Beta Was this translation helpful? Give feedback.
-
|
I started something similar, it's available here if you want to take a look. An example site is also available here. Please feel free to improve upon it, would love help perfecting it. 
|
Beta Was this translation helpful? Give feedback.
-
|
I just created a full calendar using Next.js, Shadcn UI, and Tailwind CSS. Feel free to check it out and give it a star if you like it! |
Beta Was this translation helpful? Give feedback.
-
|
Any update on this block? |
Beta Was this translation helpful? Give feedback.
-
|
hi guys, here is a small unofficial discord channel, let's connect and share awesome things.. |
Beta Was this translation helpful? Give feedback.
-
|
invite link expired |
Beta Was this translation helpful? Give feedback.
-
|
I’ve created some simple shadcn/ui-style components for my personal use. They are rough around the edges, but I hope they can be useful to someone. |
Beta Was this translation helpful? Give feedback.
-
|
Looks good. Is it based on Fullcalendar? |
Beta Was this translation helpful? Give feedback.
-
Thank you. I recreated Apple Calendar using shadcn/ui. There are no other bases (though the result may resemble something similar). |
Beta Was this translation helpful? Give feedback.
-
|
Any updates on this? |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Looking forward for this component! |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
https://shadcn-fullcalender.vercel.app We have added a week view to our project. Looking forward to creating an npm package. Still work in progress. Check the pull request on our project to contribute to the code migration to npm package. Pull request : deiondz/shadcn-fullcalender#2 |
Beta Was this translation helpful? Give feedback.
-
|
great work @deiondz Looking forward to see the drag and drop feature. |
Beta Was this translation helpful? Give feedback.
-
adding drag and drop would be perfect |
Beta Was this translation helpful? Give feedback.
-
|
@0xBoom are you planning to release it to the public? It looks really great! |
Beta Was this translation helpful? Give feedback.
-
|
Hello, I want to share some progress I've made. I started this yesterday and can continue. For now, I'm using Next UI for the date select, card styling, and modal, but it won’t be hard to convert it to Shadcn UI. If you’re interested, I can share the code and the logic with you, as I built it from scratch for personal project reasons mina-schedular.-.Trim.mp4 |
Beta Was this translation helpful? Give feedback.
-
|
That would be great thank you |
Beta Was this translation helpful? Give feedback.
-
|
That is great, Keep up the hard work. |
Beta Was this translation helpful? Give feedback.
-
|
Hello, I've completed the first MVP, which should be sufficient for most use cases. Unfortunately, I don’t have time to convert it to Shadcn UI at the moment so it required next ui, but it shouldn’t be too hard. I will definitely convert it in the future, but I'm quite busy right now. I would also be grateful for any contributions. You can check it here: Mina Full Calendar. Let me know if you need any more help! |
Beta Was this translation helpful? Give feedback.
-
|
Hello, I've completed the first MVP, which should be sufficient for most use cases. Unfortunately, I don’t have time to convert it to Shadcn UI at the moment so it required next ui, but it shouldn’t be too hard. I will definitely convert it in the future, but I'm quite busy right now. I would also be grateful for any contributions. You can check it here: Mina Full Calendar. 2.mp4
Let me know if you need any more help! 1.mp4 |
Beta Was this translation helpful? Give feedback.
-
|
just saw this one: https://schedule-x.dev/ |
Beta Was this translation helpful? Give feedback.
-
|
Very nice mate, thanks for sharing! |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for sharing! I created a theme to give it a look closer to shadcn-native. Sharing it here in case it’s helpful to anyone! |
Beta Was this translation helpful? Give feedback.
-
|
I built this one, but it's not finished yet. I'm planning to add more features and fix some bugs before releasing the code 
|
Beta Was this translation helpful? Give feedback.
-
add drag and drop that's one of the core feature |
Beta Was this translation helpful? Give feedback.
-
|
Hello, this is amazing! I have a FullCalendar implemented for now because I will be launching soon, but I would love to incorporate what you built before I launch if possible. I can help adding more features too. Great job! |
Beta Was this translation helpful? Give feedback.
-
|
this loooks goated! Planning to make it open source? |
Beta Was this translation helpful? Give feedback.
-
|
Found this, https://www.roadmap-ui.com/calendar |
Beta Was this translation helpful? Give feedback.
and others
-
Description
A full calendar block with Upcoming events, categories and a calendar view with options likw Month, Week, Day and List.
Example
https://example.crm.refine.dev/calendar
Beta Was this translation helpful? Give feedback.
All reactions