All Projects → flatpickr → Flatpickr

flatpickr / Flatpickr

Licence: mit
lightweight, powerful javascript datetimepicker with no dependencies

Programming Languages

typescript
32286 projects
stylus
462 projects

Projects that are alternatives of or similar to Flatpickr

react-calendar-datetime-picker
A simple and fast date and time picker component for React
Stars: ✭ 58 (-99.6%)
Mutual labels:  datetime, date, timepicker, datepicker
Angular Moment Picker
Angular Moment Picker is an AngularJS directive for date and time picker using Moment.js.
Stars: ✭ 536 (-96.32%)
Mutual labels:  date, datetime, datepicker, timepicker
Zebra datepicker
A super-lightweight, highly configurable, cross-browser date / time picker jQuery plugin
Stars: ✭ 367 (-97.48%)
Mutual labels:  date, datetime, datepicker, timepicker
Vue Datetime
Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and more.
Stars: ✭ 928 (-93.63%)
Mutual labels:  date, datetime, datepicker, timepicker
Angular Bootstrap Datetimepicker
Native Angular date/time picker component styled by Twitter Bootstrap
Stars: ✭ 1,289 (-91.16%)
Mutual labels:  datetime, datepicker, timepicker, daterange
vue3-date-time-picker
Datepicker component for Vue 3
Stars: ✭ 157 (-98.92%)
Mutual labels:  datetime, timepicker, datepicker, daterangepicker
Calendarview
A highly customizable calendar library for Android, powered by RecyclerView.
Stars: ✭ 2,862 (-80.36%)
Mutual labels:  date, datepicker, daterangepicker, daterange
Ion2 Calendar
📅 A date picker components for ionic2 /ionic3 / ionic4
Stars: ✭ 537 (-96.32%)
Mutual labels:  datepicker, daterangepicker, daterange
Period
PHP's time range API
Stars: ✭ 616 (-95.77%)
Mutual labels:  date, datetime, daterange
Vuetify Daterange Picker
The missing date range picker for Vuetify JS you have been looking for.
Stars: ✭ 192 (-98.68%)
Mutual labels:  date, datepicker, daterange
React Dates
React date(range) inputs/pickers
Stars: ✭ 43 (-99.7%)
Mutual labels:  datepicker, daterangepicker, daterange
Lightpick
(deprecated) Check out the new date picker Litepicker
Stars: ✭ 204 (-98.6%)
Mutual labels:  date, datepicker, daterange
Jedate
jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件,她身兼多职,虽不是万能的,但是她却是功能强大多样的美少女,她除了包含 单双面板、区域选择、 多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期加减N、日期标注点、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,操作等常规功能外,根据不同的日期格式,显示不同内容,还拥有更多趋近完美的解决方案。更多的是需要你与她的亲密接触与呵护!
Stars: ✭ 433 (-97.03%)
Mutual labels:  date, datetime, datepicker
React Nice Dates
A responsive, touch-friendly, and modular date picker library for React.
Stars: ✭ 924 (-93.66%)
Mutual labels:  date, datepicker, daterangepicker
Persianrangedatepicker
Persian range date picker for android.
Stars: ✭ 48 (-99.67%)
Mutual labels:  date, datepicker, timepicker
Vue Ctk Date Time Picker
VueJS component to select dates & time, including a range mode
Stars: ✭ 707 (-95.15%)
Mutual labels:  date, datepicker, timepicker
Litepicker
Date range picker - lightweight, no dependencies
Stars: ✭ 442 (-96.97%)
Mutual labels:  datepicker, daterangepicker, daterange
Circularpicker
CircularPicker is helpful for creating a controller aimed to manage any calculated parameter.
Stars: ✭ 73 (-99.5%)
Mutual labels:  datetime, datepicker, timepicker
Rc Datetime Picker
React component for datetime picker by Moment.js
Stars: ✭ 85 (-99.42%)
Mutual labels:  date, datetime, datepicker
Calendarview
An Easy to Use Calendar for iOS (Swift 5.0)
Stars: ✭ 429 (-97.06%)
Mutual labels:  date, datetime, datepicker

flatpickr - javascript datetime picker

Build Status

Coverage npm version CDNJS License

blue green confetti red default dark

Motivation

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.

Feature overview:

  • Dependency-free (no bloated bundles)
  • Simple, polished UX
  • Date + time input
  • Range selections
  • Ability to select multiple dates
  • Can be used as just a time picker
  • Display dates in a human-friendly format
  • Easily disable specific dates, date ranges, or any date using arbitrary logic
  • Week numbers
  • 51 locales
  • 8 colorful themes (incl. dark and material)
  • Numerous plugins
  • Libraries available for React, Angular, Vue, Ember, and more

flatpickr provides more functionality at a fraction of the size of other libraries.

Compatibility

IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+

Install & Use

Demos and documentation: https://flatpickr.js.org

See also:

Supporting flatpickr

flatpickr will never change its license, pester users for donations, or engage in other user-hostile behavior.

Nevertheless, if you enjoyed working with this library or if its made your life easier, you can buy me a cup of coffee :)

Buy Me a Coffee at ko-fi.com

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].