react-day-picker
react-datepicker
Our great sponsors
react-day-picker | react-datepicker | |
---|---|---|
8 | 34 | |
5,743 | 7,827 | |
- | 1.0% | |
8.7 | 9.7 | |
5 days ago | 6 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-day-picker
- 9 React Calendar Components for Your Next App
-
Need help finding a good react date and time picker.
This one I have found to be quite customizable and supports ranges: https://react-day-picker.js.org
-
Need help adding a simple calendar visual
So, for instance, https://www.npmjs.com/package/react-day-picker is one I've used, fairly simple to install and configure - if you're doing your frontend using npm and javascript. In fact, that community focuses around frontend webdev, so there are a ton of packages you can just npm install and work practically out of the box.
-
Looking for a recommended Date and Time picker
For date picker, checkout https://github.com/gpbl/react-day-picker, decent documentation, and flexibility
-
Hacktoberfest - 3rd contribution
The first thing I did was to look for a date picker library. There were a lot to choose from but I needed one that would look most similar to the theme of the application so my choice went to react-day-picker. The UI looks simple and would be the best fit for Game-night.
-
Counting Days on React-Day-Picker
At first, I was feeling overly ambitious and thought I could build my own calendar. After reviewing some examples online, I quickly realized it would take a lot of time and work considering the differing days in a month and adding basic functionality. Instead I found a React component, React Day Picker, that could be easily inserted into my application.
-
Beginner's Thread / Easy Questions (June 2021)
I want to render a calendar in my app and highlight certain dates on it. To achieve that I decided to use react-day-picker library.
-
Calendar Heatmap using React on JSitor
A calendar heatmap coded using react-day-picker
react-datepicker
- 9 React Calendar Components for Your Next App
- Datepicker component
-
How to implement a date picker in React
react-datepicker is a lightweight library with a lot of features.
- What component libraries do you use?
-
Disabling selected date in date-picker
I have added a date picker to my application. I want to make the selected date section read-only, but when I add readonly to the input, it blocks the entire date picker. I need to do this in css or its component. (without js)
-
Five Time Saving React Packages You MUST Try!
Live demo
-
Hacktoberfest Week 2: First Bug Fix
I searched for alternative date pickers to use in place of the default HTML one. I found out that there is a React Date Picker component that can be used in place of the field.
-
JetBrains Ring UI
Exactly. There are tons of different ways to solve that problem in react-date picker, this being one of them: https://reactdatepicker.com/#example-year-dropdown
-
Introduction
The trending project I researched and selected is react-datepicker https://github.com/Hacker0x01/react-datepicker/ I chose this project because datetime selection is a hard problem (localization, internationalization, accessibility, time zones, etc.) that we encounter daily, so a good library could be / can be very helpful.
-
Recommend DatePicker?
https://reactdatepicker.com/ I’m a rookie intern and was tasked with theming this to the project / brand I’m working for. I personally recommend this.
What are some alternatives?
react-dates - An easily internationalizable, mobile-friendly datepicker library for the web
tailwind-react-datepicker - React-datepicker styled with Tailwind CSS. Not a package.
react-infinite-calendar - ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
input-moment - React datetime picker powered by momentjs
react-calendar - A modular toolkit to build calendar-related things in React
react-yearly-calendar - React.js Yearly Calendar Component
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
react-date-select - A React Date Select / Picker Input Component
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
react-bootstrap-datetimepicker