flatpickr - lightweight, powerful javascript datetimepicker with no dependencies

  •        34

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.

https://chmln.github.io/flatpickr
https://github.com/flatpickr/flatpickr

Tags
Implementation
License
Platform

   




Related Projects

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.

vue-datetime - Mobile friendly datetime picker for Vue

  •    Javascript

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates. NOTICE: This README is related to next version (1.x) of vue-datetime. For the old release 0.x, see here.

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.

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.


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.

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-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.

jtsage-datebox - A multi-mode date and time picker for jQueryMobile, Bootstrap, & jQueryUI

  •    Javascript

DateBox is a jQuery date and time picker. Full Documentation and Demos, that works with jQueryMobile, Bootstrap, and/or jQueryUI. An extra special thanks to Phill Pafford for answering tons of questions about DateBox, and jQueryMobile in general on StackOverflow.

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-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.

SharePoint DateTime Column by ArtfulBits

  •    

ArtfulBits DateTime Column is similar to standard SharePoint DateTime column. Essential feature of our component is cross-browser support (IE, Mozilla, Opera, Safari and Google Chrome compatible). The column allows to select dates and times and specify display settings.

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.

bootstrap-datetimepicker - Date/time picker widget based on twitter bootstrap

  •    Javascript

We are in code freeze and this issue tracker is no longer actively monitored. I'll be closing PR that do not contribute emergency fixes and leaving some open as they are evaluated for migration into the new repo. I’ll be closing issues that do not meet minimum requirements or have been answered by the community. Issues that have been closed for longer than 30 days will be locked.

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.