React-Calendar with Custom Styles

• react-calendar

  12 249 0.0 JavaScript

  A modular toolkit to build calendar-related things in React (by freiksenet)

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!

• styled-components

  223 40,115 8.4 TypeScript

  Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  

I will be using the styled-components package to add styles to my project, but this could all be done in a CSS file if that's your preferred method. Here's my starter code:

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• blog-posts

  3 1 3.9 JavaScript

  My repository for drafting blog posts and their associated example files. Posts will be published on DEV Community. (by fitzgeraldkd)

If you want to interact with the app built out for this blog post, it is available on GitHub. The file where all the styles are applied can be found here.

Suggest a related project