Datepicker and calendar JavaScript libraries are open-source tools that developers can use to add date and time selection functionality to their web applications. These libraries provide pre-built components that can be easily integrated into a project, saving time and effort. The libraries mentioned in this document, such as React Date Picker and React Big Calendar, are specifically designed for use in React applications.
Here are some open-source and free libraries for React that can be used for date, clock, date picker and calendar functionalities:
1- React Calendar
This is a simple lightweight calendar library for React. Its features include:
Pick days, months, years, or even decades
Supports range selection
Supports virtually any language
No moment.js needed
2- React Dates
React Dates is an easily internationalize, accessible, mobile-friendly date picker library for the web.
3- Calendar
Calendar is a React library that supports years, months and days. It is easy to install, configure, and use.
4- rc-calendar
Yet another React Calendar and date picker. It comes with useful shortcuts support and many other useful features:
support ie9,ie9+, chrome, Firefox, safari
support date, month, year, decade select panel
support week number
support en_US and zh_CN locale(UI), use moment.utcOffset to set timezone
support aria and keyboard accessibility
5- React Big Calendar
An events calendar component built for React and made for modern browsers (read: not IE) and uses flexbox over the classic tables-caption approach.
6- react-date-range
A date library agnostic React component for choosing dates and date ranges. Uses date-fns for date operations.
Date marking - dot, multi-dot, period, multi-period and custom marking
Customization of style, content (days, months, etc) and dates
Detailed documentation and examples
Swipeable calendar with flexible custom rendering
Scrolling to today, selecting dates, and more
Allowing or blocking certain dates
Accessibility support
Automatic date formatting for different locales
8- Date Object
Date Object is a JavaScript React library for working with Date and Time in different calendars and locals
9- Calendra
Calendra is an open-source feature-rich Calendar library that adds cool features in your React projects.
10- React DateTime
A date and time picker in the same React.js component. It can be used as a datepicker, timepicker or both at the same time. It is highly customizable, and it even allows editing date's milliseconds.
11- React DayPicker
DayPicker is a date picker component for React. Renders a monthly calendar to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.
React-Trip-Date is a fully customizable Date/Range picker for your React applications. It supports themes, responsive design, Jalali, and Gregorian calendars, and comes with full Day.js support.
13- react-calendar-z
react-calendar-z is yet another calendar library for React projects.
15- calendar-scheduler-react
A calendar app with events that you can download, install, and use. You can check the demo at Netlify.
16- react-date-range-calendar
React Calendar to pick the range between two dates and easily customizable.
17- Custom-Planner
Custom Planner is a mobile-first day planner web application that allows a user to create an account, select a day from the calendar and create a to-do list. Edit, erase, or complete created to-do items. Each uncompleted to-do item rolls over to the next day. To-do lists refresh monthly.
This is an early stage of a project I have dreamed about. Unable to find a planner app that suits my preference, I am working on creating a customizable planner.
This is a simple, flexible date picker component for React. It is highly customizable and localizable, with ARIA support and no external dependencies. The size of the component is only 9KB when gzipped.
In the digital realm, a developer's online presence is crucial. From showcasing projects to promoting one's work, having a one-stop link-in-bio page has never been more important. Enter lynk, an open-source, self-hosted link-in-bio clone designed to meet the unique needs of developers.
What sets lynk apart
What is WingetUI?
WingetUI, which is soon to be rebranded as UniGetUI, is an innovative project that is committed to developing an intuitive graphical user interface (GUI) for a range of widely utilised command-line interface (CLI) package managers, specifically designed for both Windows 10 and the newly launched Windows 11.
Welcome to our comprehensive guide on the top 17 free self-hosted photo gallery solutions for photographers and designers in 2024.
What is a self-hosted gallery app?
A self-hosted gallery solution is a type of software that allows you to create, manage, and display a digital photo gallery on your own
What is Astro?
Astro is an exceptional and highly versatile framework that is perfectly designed for the construction of static websites, placing HTML at the forefront. It not only offers support for server-side rendering but also accommodates hybrid rendering, making it a flexible choice for various project requirements.
As a
Astro is a fantastic framework for developing interactive web apps, static sites, and content-centric websites. It's perfect for creating portfolios, landing pages, blogs, CMS, and documentation.
Astro allows developers to code using their preferred frameworks like React, Vue, Preact, or Svelte. Additionally, it supports server-side rendering and the
What is a React UI Builder
A React UI Builder is a tool that allows developers to create user interfaces with React, a popular JavaScript library, in a more visual and intuitive way.
These UI builders often provide a drag-and-drop interface, making it easy to design interfaces without writing a
What is a Flat File Database?
Flat-file databases, well, they're a kind of database that keep data in a plain text file, right? Every line of that text file holds a record, with fields split by delimiters, like commas or tabs.
Some of them don't have