React Date / Time picker Resources

activity-calendar-react activity-calendar-react is a library that provides a component to render user's yearly activity on a calendar. This is similar

Luxon Luxon is a library for working with dates and times in JavaScript. DateTime.now().setZone("America/New_York").minus({ weeks: 1 }).endOf("day").t

react-big-calendar An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ce

🌐 ⌚ react-timezone-select Another react timezone select component, I know.. However this one has a few key benefits! While looking around for a good

🕜 Modern Timeline component for React

react-modern-calendar-datepicker A modern, beautiful, customizable date picker for React. Installation 🚀 npm i react-modern-calendar-datepicker # or

DayPicker DayPicker is a reusable date picker component for React. $ npm install react[email protected] v8 is in beta ⚠️ This branch is for the next ma

react-google-flight-datepicker Google flight date picker implemented in ReactJS Demo Live demo: https://codesandbox.io/s/react-google-flight-datepicke

Tempus Dominus Date/Time Picker v6.0.0-alpha14 Tempus Dominus is a powerful and robust date time picker for javascript. Version 6 is another major rew

Calendso - The open-source Calendly alternative.

react-native-calendar-timetable Timetable (schedule) component for React Native applications Installation npm install react-native-calendar-timetable

📅 FullCalendar Scheduler Front-end Project inspired by Google Calendar Open source, if you want to improve or implement some functionality, feel free

React-Date-Picker A date picker for your React app. Pick days, months, years, or even decades Supports virtually any language No moment.js needed tl;d

@datepicker-react/styled An easily internationalizable, accessible, mobile-friendly datepicker library for the web, build with styled-components. How

timeago.js is a nano library(less than 2 kb) used to format datetime with *** time ago statement. eg: '3 hours ago'. i18n supported.

Your next Add-to-Calendar Button A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calend

chakra-ui-date-input Date Input Component for chakra UI library DEMO - demo Ins

React Calendar Component that displays data from Google Calendar

react-big-scheduler A scheduler and resource planning component built for React and made for modern browsers (IE10+), IE needs babel-polyfill. From th

An official React component for FullCalendar

React Activity Calendar A React component to display activity data in a calendar (heatmap). Demo and documentation (Storybook) Development Start the S

A React component to display a GitHub contributions calendar

react-date-range A date library agnostic React component for choosing dates and date ranges. Uses date-fns for date operations. Why should you use rea

Community event calendar The goal of this project is to list all our awesome community virtual events like TwitterSpaces, Live Streams all in one plac

React Date Picker A simple and reusable Datepicker component for React (Demo) Installation The package can be installed via npm: npm install react-dat

rc-calendar React Calendar Screenshots Feature support ie9,ie9+,chrome,firefox,safari support date, month, year, decade select panel support week numb

reactjs-availability-calendar Live Demo Lightweight Availability/Bookings Calendar Built with React & TypeScript Installation: npm install reactjs-ava

Calend - calendar component for React Support for: day view three days view week view month view LIVE DEMO: https://calend.nibdo.com If given interfac

Simple and flexible events calendar written in React

React Native Calendar component, fully implemented using @shopify/flash-list, react-native-gesture-handler and react-native-reanimated. Support pinch to zoom, drag and drop to create/update event.

A date/range picker for your React applications.

React clock with time-zones DEMO Installation NPM npm install --save react react-live-clock Don't forget to manually install peer dep

input-moment React datetime picker powered by momentjs The design is from https://dribbble.com/shots/1439965-Due-Date-and-Time-Picker. The icon is fro

sassy-datepicker Beautiful, minimal, customizable and accessible date-picker for react. Installation yarn add sassy-datepicker # or npm install sassy-

sassy-datepicker Beautiful, minimal and accessible date-picker for react. Installation yarn add sassy-datepicker # or npm install sassy-datepicker Usa

React Calendar Heatmap A calendar heatmap component built on SVG, inspired by github's commit calendar graph. The component expands to size of contain

React Infinite Calendar Currently looking for maintainers to help maintain this project, please reach out if you would be interested Examples availabl

react-big-calendar An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ce

React Date Picker A simple and reusable Datepicker component for React (Demo) Installation The package can be installed via npm: npm install react-dat

Date Range Picker This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building

react-date-range A date library agnostic React component for choosing dates and date ranges. Uses date-fns for date operations. Why should you use rea

react-dates An easily internationalizable, accessible, mobile-friendly datepicker library for the web. Live Playground For examples of the datepicker

simple-react-calendar A simple calendar component for React based applications. A component that is easy to start using, yet flexible when you need cu

React-Calendar Ultimate calendar for your React app. Pick days, months, years, or even decades Supports range selection Supports virtually any languag

A time picker react-component, no jquery-rely, writing in es6 standard style.

vertical-timeline-component-react A simple component to generate a responsive vertical timeline Status Table of contents Getting started API Documenta

Installation Add the dependency: npm i react-native-beautiful-timeline Peer Dependencies IMPORTANT! You need install them "react": "= 16.x.x", "react

React Native Week Month Date Picker Date picker with a week and month view Installation npm install react-native-week-month-date-picker Dependencies T

Official React wrapper for the year-calendar widget

moment-hijri A Hijri (Based on Umm al-Qura calculations) calendar system plugin for moment.js. About Hijri is the Islamic lunar calendar used by Musli

react-mobile-datepicker a lightweight react date picker for mobile, Not more than 4k react-mobile-datepicker provides a component that can set year, m

A time picker for your React app.

react-simple-timefield Simple React time input field, check out demo. Installation npm install --save react-simple-timefield #for React 16 use: npm

A simple time-ago component for ReactJs. Usage: React-timeago is a very simple component that takes a date prop and returns a span with live updating