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.

datepicker-component react moment picker datepicker calendar date react-component

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-android picker datepickerios android datepicker-component react-native-datepicker date-picker react-native-date-picker

react-day-picker - Flexible date picker for React

•    Javascript

---

Please fork and use https://codesandbox.io/s/XDAE3x0W8 to reproduce your problem.

react datepicker daterangepicker date-input react-component component calendar date-picker date picker moment momentjs

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-native datepicker

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.

react datepicker calendar date range react-component

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.

react-date react-kalendaryo react-date-component react calendar react-calendar kalendaryo unopinionated-react-date-component react-calendar-component

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.

vue vuejs vuejs-components vuejs-plugin vuejs2 calendar datepicker datepicker-component date dates input date-input date-picker range date-range-picker

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.

calendar-picker-component react-native-component calendarpicker react-native-calendar-picker calendar picker date day

vuejs-datepicker - A simple Vue

•    Javascript

---

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

datepicker vue vuejs date date-picker calendar

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.

timepicker datepicker time date picker ui calendar input form

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.

angular angularjs datepicker directive angular-directives date input

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 react-native modal date time picker ios android native

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.

datepicker-component vue2 vue-component calendar vuejs2 vue-cli vue bootstrap-theme slot

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.

vue-ctk-date-time-picker - VueJS component to select dates & time, including a range mode

•    Vue

---

A vue component for select date & time (by Chronotruck)

vuejs datepicker timepicker dialog responsive input vue-component range picker date time calendar vue ctk chronotruck

ion2-calendar - 📅 A date picker components for ionic2 ／ionic3

•    TypeScript

---

live demo click me. Import ion2-calendar in component controller.

ionic2 calendar datepicker daterangepicker daterange ionic range angular angular2 angular4 ionic3 components date-range

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.

react input autosize autocomplete dropdown datepicker input-mask autosuggest typeahead reactjs mask combobox

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.

flatpickr datepicker-component vue vue-flatpickr vue-component datepicker timepicker

datetimepicker - jQuery Plugin Date and Time Picker

•    Javascript

---

jQuery Plugin DateTimePicker it is DatePicker and TimePicker in one

datetimepicker picker jquery-plugin timepicker datepicker calendar date time datetime

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.

datepicker calendar date