crayons VS react-calendar

The main reason you would want to pick such a proprietary library is to achieve a homogeneous look and feel (often behavioral UX as well) when your app must work within another product - this product/organization is usually the one that also provides the library in question, and more often than not, uses the same design system if not the library itself.

We built https://github.com/freshworks/crayons for the same reason - apps published to the Freshworks Marketplace can be built using Crayons. We also ended up building our own user facing SaaS applications using Crayons.

https://crayons.freshworks.com/ https://shoelace.style/ https://www.blazeui.com/ https://developer.salesforce.com/docs/component-library/documentation/en/lwc https://docs.microsoft.com/en-us/fluent-ui/web-components/ https://component.kitchen/elix https://nordhealth.design/web-components/

The Crayons is an open-source library, so anyone can contribute to the library. The source code is located in Github. The team has started doing Community Hours sessions from last month so that the developers can get in touch with team to clarify any queries and give feedback. You can find the session recording of the last Community Hours here.

3. React Calendar

I want to use a Calendar to schedule appointments for my final project. I was using https://www.npmjs.com/package/react-calendar However, I am unable to choose the hour when using this. I also have a hard time disabling the days when an appointment is already scheduled.

npm install react-calendar but I have no idea how to style it, or to give it some color. The instructions in react-calendar - npm do not provide any information about that. I was wondering if anyone that has used this package could help me here. This is the code I have:

You want this React-Calendar

That seems simple enough to do the MVP with vanilla JS (or jQuery if you really want), but if you go the React route you could leverage packages like React calendar or date pickers for booking that could make your life a lot easier. It’ll also be easier to scale once started since you’ll probably want to use some framework after your MVP is built anyway.

Now, here's the thing. I'm the maintainer of many popular React packages, React-PDF, React-Calendar, and React-Date-Picker just to name a few. Professionally, I maintain several large projects, which collectively have more than 30,000 Enzyme-based unit tests.

I was looking for a calendar to use in a React project and found the React-Calendar component. It has all the functionality that I was looking for and saves me a lot of time from building it out on my own. It can be controlled with state so that the selected date(s) can affect what displays in the app. I wanted to customize its styling to fit my project, so here's what I came up with!