Create React Calendar Date Range Picker

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Scout APM - Truly a developer’s best friend
  • SonarLint - Clean code begins in your IDE with SonarLint
  • talent.io - Download talent.io’s Tech Salary Report
  • react-datepicker

    A simple and reusable datepicker component for React

    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.

  • MyDatePickerDemo

    Thanks for reading and please let me know if you have any questions or comments. Again, the links to the completed code can be found here. Or if you want to implement my published version, which has more features than this demo, it can be found on npm or simply 'npm i date-range-calendar'.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    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.

  • dayjs

    ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API

    Next step is to start replacing some of our hard coded days and months with actual date values by using Javascript Date() object. We could use a library, Day.js would be my choice, but we can keep our dependencies to a minimum for now.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts