react-daterange-picker - A date range picker for your React app.

  •        405

A date range picker for your React app. Minimal demo page is included in sample directory.

http://projects.wojtekmaj.pl/react-daterange-picker
https://github.com/wojtekmaj/react-daterange-picker

Dependencies:

detect-element-overflow : ^1.1.1
merge-class-names : ^1.1.1
prop-types : ^15.6.0
react-calendar : ^2.17.3
react-date-picker : ^6.12.1
react-lifecycles-compat : ^3.0.4

Tags
Implementation
License
Platform

   




Related Projects

calendar - Date range picker for Baremetrics

  •    Javascript

The Baremetrics date range picker is a simplified solution for selecting both date ranges and single dates all from a single calender view. There aren't a billion options but the code is pretty basic and modular so feel free to edit however to meet your own needs. Using the date picker is pretty simple, you've just got to make a couple choices and include a couple settings. Create a div with a daterange class and then either the daterange--double or daterange--single classname for targeting the specific calendar you'd like to generate.

react-daterange-picker

  •    Javascript

React 0.14, 15, and 16 are all supported in the latest version of react-daterange-picker. If you wish to user an older version of React, please use react-daterange-picker v0.12.x or below.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.

CalendarPicker - CalendarPicker Component for React Native

  •    Javascript

Note: react-native-calendar-picker v5 is a complete re-write of the calendar. This calendar is now written using ES6 syntax. I kept most of the same functionalities and added support for date ranges. CalendarPicker requires Moment JS. Date props may be anything parseable by Moment: Javascript Date, Moment date, or ISO8601 datetime string.

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

  •    Java

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.


daterangepicker - JavaScript Date Range, Date and Time Picker Component

  •    Javascript

This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, a time picker, and predefined date ranges.

bootstrap-daterangepicker - Date range picker component for Bootstrap

  •    Javascript

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. 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.

flatpickr - lightweight, powerful javascript datetimepicker with no dependencies

  •    TypeScript

Almost every large SPA or project involves date and time input. Browser's native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking out of the box, dependency-free, powerful, and extensible. flatpickr provides more functionality at a fraction of the size of other libraries.

Material-Calendar-View - Material Calendar View for Android

  •    Java

Material-Calendar-View is a simple and customizable calendar widget for Android based on Material Design. The widget has two funcionalities: a date picker to select dates (available as an XML widget and a dialog) and a classic calendar. The date picker can work either as a single day picker, many days picker or range picker. We described a simple usage of the component in this article.

react-calendar - Ultimate calendar for your React app.

  •    Javascript

Ultimate calendar for your React app. Minimal demo page is included in sample directory.

react-native-modal-datetime-picker - A React-Native datetime-picker for Android and iOS

  •    Javascript

A declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.

react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap)

  •    Javascript

This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code. For in depth documentation, see the original bootstrap-daterangepicker project page.

angular-moment-picker - Angular Moment Picker is an AngularJS directive for date and time picker using Moment

  •    TypeScript

Check out the homepage at http://indrimuska.github.io/angular-moment-picker/. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery.

paper-date-picker - Material design date picker component for polymer

  •    HTML

Provides a responsive date picker based on the material design spec. This component aims to be a clone of the date picker introduced in Android Lollipop. See the component page for full documentation.

FarsiCalendarComponents

  •    

Full featured Farsi (Persian) calendar Winform controls for .net framework 2.0+. It contains some persian related components such as persian calendar, persian date picker and persian date picker cell to used with DataGridView.

jQuery-UI-Date-Range-Picker - A range picker built on top of jQuery UI's Datepicker Control

  •    Javascript

A range picker built on top of jQuery UI's Datepicker Control