rc-datepicker - A decent and pretty date picker to be used with ReactJS

  •        81

FOR WEBPACK USERS: webpack by default imports every locale. Please take a look at this question on Stack Overflow for possible solutions. DatePicker and DatePickerInput use Moment.js, therefore they support any locale inside "moment/locale".

https://github.com/buildo/rc-datepicker

Dependencies:

classnames : ^2.2.5
lodash : ^4.13.1
moment : ^2.13.0
react-flexview : ^1.0.1
revenge : ^0.4.4
tcomb : ^3.2.1
tcomb-react : ^0.9.0

Tags
Implementation
License
Platform

   




Related Projects

react-datepicker - A simple and reusable datepicker component for React

  •    Javascript

You’ll need to install React, PropTypes, and Moment.js separately since those dependencies aren’t included in the package. Below is a simple example of how to use the Datepicker in a React view. You will also need to require the CSS file from this package (or provide your own). The example below shows how to include the CSS from this package if your build system supports requiring CSS files (Webpack is one that does). See here for a full list of props that may be passed to the component. Examples are given on the main website.

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.

react-native-datepicker - react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS

  •    Javascript

React Native DatePicker component for both Android and iOS, useing DatePickerAndroid, TimePickerAndroid and DatePickerIOS

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.


kalendaryo - An unopinionated React date component :atom_symbol: + :date:fns

  •    Javascript

Kalendaryo is an unopinionated React component for building calendars. It has no opinions about what your calendar component should look or function like but rather only helps you deal with those unique constraints by providing various variables your calendar component needs such as the calendar's state data and methods for getting(i.e. all the days in a month) and setting(i.e. selecting the date from a day) plus many more! See the Basic Usage section to see how you can build a basic calendar component with Kalendaryo, or see the Examples section to see more examples built with Kalendaryo. Is the state for the current date the component is in. By convention, this should only change when the calendar changes its current date, i.e. moving to and from a month or year on the calendar.

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.

vuejs-datepicker - A simple Vue

  •    Javascript

A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations

Datepair

  •    Javascript

Datepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user action. There are no external dependencies, however it can easily be used with jQuery or Zepto. The plugin does not provide any UI widgets; it's preconfigured to work with jquery-timepicker and Bootstrap Datepicker, but you can use it with any datepicker or timepicker (or none at all). Looking for jquery-datepair? Scroll down.

angular-datepicker - Angularjs datepicker module, generate a datepicker on your input element - https://720kb

  •    HTML

Angular datepicker is an angularjs directive that generates a datepicker calendar on your input element. The Angularjs Datepicker is developed by 720kb.

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.

vue2-calendar - vue 2.x calendar component

  •    Javascript

This project is not only a vue component, but also a webpack multi-page project in action. Inspired by vue-strap datepicker component.

react-dates - An easily internationalizable, mobile-friendly datepicker library for the web

  •    Javascript

An easily internationalizable, accessible, mobile-friendly datepicker library for the web.For examples of the datepicker in action, go to http://airbnb.io/react-dates.

react-input-enhancements - Set of enhancements for input control

  •    Javascript

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

vue-flatpickr-component - Vue.js component for Flatpickr datetime picker :calendar:

  •    Javascript

👉 If you are looking for the documentation of older version then switch to respective version branch. Please see CHANGELOG for more information what has changed recently.

Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

  •    Javascript

By default, dates are formatted and parsed using standard JavaScript Date object. If Moment.js is available in scope, it will be used to format and parse input values. You can pass an additional format option to the configuration which will be passed to the moment constructor. See the moment.js example for a full version.