react-datepicker
tailwind-react-datepicker
Our great sponsors
| react-datepicker | tailwind-react-datepicker | |
|---|---|---|
| 33 | 1 | |
| 7,817 | 214 | |
| 0.9% | - | |
| 9.7 | 4.5 | |
| 5 days ago | over 2 years ago | |
| JavaScript | JavaScript | |
| 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-datepicker
- 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.
-
Create React Calendar Date Range Picker
I showed my team a "pretty good" version using react-hook-forms and react-datepicker, but when they asked me to move and resize and reshape and change colors, it was like I had to hack and custom build and add !important everywhere to override built in CSS, so much that is was decided it would be more efficient to build it from scratch.
tailwind-react-datepicker
-
Help with daterangepicker
Have a look at this repo for customisation. Uses tailwind but could be easily changed. https://github.com/msnegurski/tailwind-react-datepicker
What are some alternatives?
react-dates - An easily internationalizable, mobile-friendly datepicker library for the web
react-nice-dates - A responsive, touch-friendly, and modular date picker library for React.
react-day-picker - DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.
material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
react-calendar - A modular toolkit to build calendar-related things in React
twin.macro - 🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
tailwind-landing-page-template - Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React / Next.js. Made by
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
notus-react - Notus React: Free Tailwind CSS UI Kit and Admin
react-bootstrap-datetimepicker
project_hoobank - Modern UI/UX website using React.js & Tailwind CSS