The date picker component is one of the most commonly used UI components in today’s app design.
A date picker component enables the user to quickly and easily select dates and times from a graphical user interface (typically a calendar popup).
In this post, you will see a list of the 10 most download date picker components for your next React and/or React Native powered web or mobile application. Have fun.
Originally Published Nov 24 2017, updated Jan 13 2021
Table Of Contents:
Best Date & Time Picker Components For React:
An accessible, easily internationalizable, mobile-friendly date picker & date range picker library for the web.
A simple yet customizable, reusable, multi-language date picker & time picker component for React.
react-day-picker is a flexible date picker component for React without external dependencies.
Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.
A lightweight but complete datetime picker react component. It can be used as a datepicker, timepicker or both at the same time.
Best Date Picker Components For React Native:
This library exposes a cross-platform interface for showing the native date and time pickers inside a modal.
React Native DatePicker component for both Android and iOS, using DatePickerAndroid, TimePickerAndroid and DatePickerIOS.
A cross-platform React Native date & time picker component for Android, iOS, and Windows.
An inline datepicker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It’s written with native code to achieve the best possible look, feel and performance.
This component aims at providing developers with a cross-platform, highly customizable, calendar date picker component for React Native.
There’re lots of web & mobile date picker libraries out there and you can find more React & React Native resources about date picker on our Date & Time category.
To learn more about date picker on modern web & mobile development, here are a few resources available online:
- 10 Best Date Picker Components For Vue.js
- 10 Best Date Picker Libraries For Angular.js App
- 10 Best Calendar Components For React & React Native Apps