83 Components & Libraries
React date-fns Libraries
π Easy to use time and date picker with lots of options for React Native π₯³
Documentation Getting Started Usage Configuration Localization Localization Contribution Installation Add the dependency: npm i react-native-time-date
Airbnb REACT.JS (Mapbox Integration - Next.js, Tailwind CSS, Maps)
Airbnb with REACT.JS! π΄ LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE This project was bootstrapped with Create React App. Available
β¨ A React Native Month Switch Components
β¨ A React Native Month Switch Components
Airbnb style date picker
React date picker Airbnb style date picker Installation npm i @bcad1591/react-date-picker Examples import React from 'react'; import { createRoot } fr
React clock with time-zones DEMO
React clock with time-zones DEMO Installation NPM npm install --save react react-live-clock Don't forget to manually install peer dep
React Clock - A basic clock that displays the current date and time
React Clock A basic clock that displays the current date and time Go here for live demo. Component Diagram This project also demonstrates: a typcial R
React-ymd-date-select: Hooks and components for Y-M-D dropdowns with React
react-ymd-date-select Hooks and components for Y-M-D dropdowns with React. Demo The Y-M-D dropdown UI is sometimes preferable to calendar widgets, e.g
Ams Date Picker - A magic date picker component for React
Ams Date Picker (React) - A magic date picker component for React. We have your favorite modifiers and input supercharge.
Simple-date-time: Simple and very helpful package to get the Date Time functionality
Simple-date-time: Simple and very helpful package to get the Date Time functionality
Countdown - a countdown that calculates how much time is left until your date
Countdown - a countdown that calculates how much time is left until your date
Calendar built in react together with the date-fns library
π React calendar with date-fns Calendar built in react together with the date-fns library, with the aim of being fully customizable and easy to maint
React Native Date picker with a week and month view π
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
Calendar, interval time picker and popup components for React supports multi-languages
Calendar, interval time picker and popup components for React supports multi-languages
React-dater - React date picker Made with create-react-library
React-dater - React date picker Made with create-react-library
Accessible, customizable, delightful date & time pickers for @material-ui/core
Material-UI pickers Accessible, customizable, delightful date & time pickers for @material-ui/core This project is not longer supported See #2157 for
A datetime picker for your React app.
React-DateTime-Picker A datetime picker for your React app. Supports virtually any language No moment.js needed tl;dr Install by executing npm install
An iOS like, comprehensive date picker component for React
Migarted to KeyUI DatePicker. This repo is not longer maintained. React Ultra Date Picker Read Chinese documentation here δΈζζζ‘£ηΉζ€ Introduction React Ul
An awesome and cross-platform React Native date picker and calendar component for iOS and Android
react-native-common-date-picker An awesome and cross-platform React Native date picker and calendar component for iOS and Android. This package is des
React-time-ago - Localized relative date/time formatting in React
react-time-ago Localized relative date/time formatting (both for past and future dates). Automatically chooses the right units (seconds, minutes, etc)
A modern, beautiful, customizable date picker for React
react-modern-calendar-datepicker A modern, beautiful, customizable date picker for React. Installation π npm i react-modern-calendar-datepicker # or
React component for the moment date library.
react-moment React component for the moment date library. Installing Timezone Support Quick Start Props Interval Formatting Parsing Dates Add and Subt
A simple and fully customizable React Native date range picker component
rn-select-date-range A simple React Native date range picker component Installing npm install rn-select-date-range or yarn add rn-select-date-range
Date input Component for Chakra UI
chakra-ui-date-input Date Input Component for chakra UI library DEMO - demo Ins
A Persian date-picker component for react.js
React Persian Date Picker π Persian calendar and date picker components for React. This is an open source project made in @evandhq team. See the demo
A simple React Native date input component
react-native-datefield A simple React Native date input component Installation yarn add react-native-datefield or npm install react-native-datefield
A Jalali (Persian) date picker component for react native
React-native-persian-date-picker Jalali (Persian) date picker component for react native this package uses reanimated-bottom-sheet and @react-native-p
A fast, intuitive, and elegant date and time picker for React.
React Kronos 1.7.2 A fast, intuitive, and elegant date and time picker for React. Philosophy Works straight out of the box with minimal props Provide
A Persian date-picker component for react.js
React Persian Date Picker π Persian calendar and date picker components for React. This is an open source project made in @evandhq team. See the demo
An easy to use date picker for react native.
React Native Neat Date Picker An easy-to-use date picker for react native. Main Features π² Both Android and iOS devices are supported π Providing ra
React date & time range picker component base on bootstrap-daterangepicker.
React date & time range picker component base on bootstrap-daterangepicker. This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, optional time picker (for e.g. making appointments or reservations), and styles that match the default Bootstrap 3 theme.
Highly customizable atomic components for React calendar date pickers
calendar-blocks Flexible, customizable React calendar / date-picker primitives. Compose your own Calendar UI easily with keyboard navigation Supports
React Input Format & Mask, tiny (β800b) component to transform any input component into formatted or masked input. Supports number, date, phone, currency, credit card, etc
RIFM - React Input Format & Mask Is a tiny (β 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig
Beautiful, minimal, accessible and customizable date-picker for React.
sassy-datepicker Beautiful, minimal, customizable and accessible date-picker for react. Installation yarn add sassy-datepicker # or npm install sassy-
Date Paint Picker for React.
Date Paint Picker for React. Demo - chromatic Installation yarn add react-date-painter or npm install react-date-painter Usage // When using DatePaint
Beautiful, minimal and accessible date-picker for React.
sassy-datepicker Beautiful, minimal and accessible date-picker for react. Installation yarn add sassy-datepicker # or npm install sassy-datepicker Usa
A simple datepicker with Chakra-UI and date-fns
Datepicker A simple datepicker component build with date-fns and Chakra-UI. Table of Contents Requisites Installation and Usage Customizing License Re
React component for datetime picker by Moment.js
Rc-Datetime-Picker Rc-Datetime-Picker is a react component for datetime picker by Moment.js. Requirements React Moment.js Modern browsers (IE=9 is re
π π»A lightweight react date picker for mobile, Not more than 4k
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
React date(range) inputs/pickers
React Datepicker, DateInput, DateRangeInput OpusCapita React Components (date inputs/pickers) This project uses react-day-picker Implemented component
JavaScript Date Range, Date and Time Picker Component
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 bootstrap date range picker
rb-datepicker Description A date/time picker for react using bootstrap. This is a a pure react port of bootstrap-daterangepicker Installing yarn add b
A decent and pretty date picker to be used with ReactJS
React Datepicker A decent and pretty date picker to be used with React import 'moment/locale/it.js'; import { DatePicker, DatePickerInput } from 'rc-d
A modern, beautiful, customizable date picker for React
react-modern-calendar-datepicker A modern, beautiful, customizable date picker for React. Installation π npm i react-modern-calendar-datepicker # or
A persian date input with picker, which allows the user to type or select the date from the picker.
React component for date and time input A persian(jalaali, jalali, shamsi) date input with picker, which allows the user to type or select the date fr
A simple react based calendar component to be used for selecting dates and date ranges
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
A React library to help compose a Date Picker/Calendar around your components
use-date-input This project is a React library to help compose your own date picker and calendar UI components. From simple to advanced, you can build
DateRangePicker written with React Hooks and date-fns
Yet another React DatePicker using date-fns Example available here This project was bootstrapped with Create React App. Available Scripts In the proje
Localized relative date/time formatting in React
react-time-ago Intelligent, international, higly customizable relative date/time formatter (both for past and future dates). Automatically chooses the
timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement.
timeago.js is a nano library(less than 2 kb) used to format datetime with *** time ago statement. eg: '3 hours ago'. i18n supported.
A react component for date time picker. Online demo examples
react-picky-date-time A react component for date time picker. NO Jquery, NO Moment.js π For range surpport, please take a look at react-minimal-datet
A component for updating the format of a date based on the elapsed time.
@n1ru4l/react-time-ago A component for updating the format of a date based on the elapsed time. The formatter is pluggable and extensible. By default
A React.js app that takes a submitted future date and displays a timer counting down to that date.
Countdown Timer A React.js app that takes a submitted future date and displays a timer counting down to that date. Built With React.js Sass Webpack Mo
Base on react high customize date picker component
Base on react high customize date picker component
A React-Native datetime-picker for Android and iOS
react-native-modal-datetime-picker A declarative cross-platform react-native date and time picker. This library exposes a cross-platform interface for
Reduxtionalization (Redux I18N)
Reduxtionalization (Redux I18N) About | Installation | Usage | Bindings | License 1. About R16N is a simple easy-to-use redux (reducer, action, and st
Timean.js - A lightweight (~1.2kB gzipped) library to format date strings based on time difference.
Timean.js A lightweight (~1.2kB gzipped) library to format date strings based on time difference. Features ποΈ Ligthweight π¨ Blazing fast π¦ Browser,
Tempus Dominus is a powerful and robust date time picker for javascript.
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
Date and time input control with step buttons for Semantic UI React
Date and time input control with step buttons for Semantic UI React
A fast, intuitive, and elegant date and time picker for React.
React Kronos 1.7.2 A fast, intuitive, and elegant date and time picker for React. Philosophy Works straight out of the box with minimal props Provide
A Bootstrap date picker component built with create-react-library.
A Bootstrap date picker component built with create-react-library.
Simple date picker and calendar made for React and Day.js
react-dayjs-picker Simple date picker and calendar made for React and Day.js Demo/Documentation Demo and API docs are available here! Install npm inst
Smooth and fast cross platform Material Design date and time picker for React Native Paper
Smooth and fast cross platform Material Design date and time picker for React Native Paper
A React Date Select / Picker Input Component
Under Development NOTE This component is currently under development and doesn't actually work yet. If you're interested, please add a star / watch th
A date/time picker for react (using bootstrap). This is a react wrapper around the bootstrap-daterangepicker project.
react-bootstrap-daterangepicker Description A date/time picker for react (using bootstrap). This is a react wrapper around an existing jQuery/bootstra
react-daterange-picker 5.6 0.0 JavaScript A React based date range picker.
React Daterange Picker A React based date range picker. Demo Getting started Installation Add React Daterange Picker to your project by executing npm
A React component for choosing dates and date ranges.
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
β¨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
React Infinite Calendar Currently looking for maintainers to help maintain this project, please reach out if you would be interested Examples availabl
A date/range picker for your React applications.
A date/range picker for your React applications.
Date Dialog for Hijri calendar for android
react-native-hijri-date-picker-android #This Module version is experimental, if you found any issues, kindly submit. Getting started Versions For Reac
Simple date range picker extended from react-native-calendars
react-native-date-range-picker A simple Date Range Picker implemented with react-native-calendars. Getting started Install react-native-calendars. Cop
React Native Date Picker is 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.
React Native Date Picker This is a React Native Date Picker with following main features: π± Supporting iOS and Android π 3 different modes: Time, Da
React Native date and time pickers for Android
react-native-date React Native date and time pickers for Android Installation and How to use Step 1 - NPM Install npm install --save react-native-date
A component to select period from calendar like Airbnb
react-native-calendar-select A date picker component like Airbnb. You can select a date period from the calendar modal. Examples iOS Examples Android
A numpad for number, date and time, built with and for React.
React numpad A numpad for number, date and time, built with and for React. It's written with the extensibility in mind. The idea of this project is to
A date picker for your React app.
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
Ultimate calendar for your React app.
React-Calendar Ultimate calendar for your React app. Pick days, months, years, or even decades Supports range selection Supports virtually any languag
Lightweight date picker component for React
DayPicker DayPicker is a reusable date picker component for React. $ npm install react-day-picker@next v8 is in beta β οΈ This branch is for the next ma
A React component for choosing dates and date ranges.
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
βοΈπ Flexible React date range picker calendar with no dependencies.
React Date Range Picker βοΈ π Flexible React date range picker calendar with no dependencies Demo Demo page at https://almogtavor.github.io/date-range
React date picker inspired by Google Flight
react-google-flight-datepicker Google flight date picker implemented in ReactJS Demo Live demo: https://codesandbox.io/s/react-google-flight-datepicke
:clock8: Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'.
timeago-react timeago-react is a simple react component used to format date with *** time ago statement. eg: '3 hours ago'. The component based on tim