[blocks]: Full calendar #3214
Replies: 35 comments 142 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.
-
|
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.
-
|
@robskinney Thanks allot! this is perfect |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I have since pushed some updates to add drag and drop, a meeting scheduler which finds free time against time slots already on the calendar, improve mobile usability, and add some much-needed styling updates to beautify the component. Please check it out (github / live demo), and don't hesitate to post any Issues if you find anything, it's far from perfect. 
|
Beta Was this translation helpful? Give feedback.
-
|
@robskinney great work. |
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.
-
|
@0xBoom looks awesome, any ETA for release? |
Beta Was this translation helpful? Give feedback.
-
|
Any luck ? |
Beta Was this translation helpful? Give feedback.
-
|
Looking forward to it. It's been too long. Is this project still going to be released or abandoned? |
Beta Was this translation helpful? Give feedback.
-
|
any update? |
Beta Was this translation helpful? Give feedback.
-
|
great look, I'll wait too.) |
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.
-
|
Any update on this project @lramos33 ? If you can’t find time to continue, open source it asap so that people who can will keep cooking. |
Beta Was this translation helpful? Give feedback.
-
|
Hey everyone! I’m caught up in a bigger project right now, so I haven’t had much time to work on the calendar. Unfortunately, I can’t share the repo at the moment since it includes some company code, but I’m planning to finish everything up by the end of January. Thanks for sticking with me! |
Beta Was this translation helpful? Give feedback.
-
|
Tried my best to remake this, still rough around the edges but think I got most the features Demo Repo 🫡 |
Beta Was this translation helpful? Give feedback.
-
Great job! |
Beta Was this translation helpful? Give feedback.
-
Thank you mate - nothing without the original of course |
Beta Was this translation helpful? Give feedback.
-
|
Found this, https://www.roadmap-ui.com/calendar |
Beta Was this translation helpful? Give feedback.
-
|
thanks a lot man! |
Beta Was this translation helpful? Give feedback.
-
|
Here's my take on @0xBoom 's daily schedule which is all I needed for my use-case. (demo, code) What I like the most is that it'll autoscroll differently depending on your schedule, the time it is, and what day you're looking at. |
Beta Was this translation helpful? Give feedback.
-
design is broken and looks like Ai generated |
Beta Was this translation helpful? Give feedback.
-
|
Ai does better than that |
Beta Was this translation helpful? Give feedback.
-
|
@lramos33 had the best attempt imo so I made my own from scratch taking his as inspiration - only spent a few hours on this so might have missed a bug or two - feel free if you wanna contribute. Demo Repo. 🫡 |
Beta Was this translation helpful? Give feedback.
-
|
This is great! Gonna check out the code |
Beta Was this translation helpful? Give feedback.
-
|
very well made man, big up for u <3 |
Beta Was this translation helpful? Give feedback.
-
Thank you mate! |
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