# flatpickr > A lightweight, powerful javascript datetime picker Latest version **4.6.13** (published 2022-04-14) · MIT license · 0 weekly downloads ## Install ```sh npm install flatpickr pnpm add flatpickr yarn add flatpickr bun add flatpickr ``` ## Health **Score 35/100 (D)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score; popular repo. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 4.6.13 | | Published | 2022-04-14 | | First published | 2016-01-29 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 0 | | Unpacked size | 1 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 16472 | | Author | Gregory | | Maintainers | chmln, viorelsfetea | | Keywords | javascript, datetimepicker, calendar, date, time, picker, lightweight | ## Links - npm: https://www.npmjs.com/package/flatpickr - Repository: https://github.com/chmln/flatpickr - Homepage: https://flatpickr.js.org - Issues: https://github.com/chmln/flatpickr/issues - npm.io page: https://npm.io/package/flatpickr ## Alternatives - [@js-joda/timezone](https://npm.io/package/@js-joda/timezone.md) — 383.4K weekly downloads - [chartjs-adapter-moment](https://npm.io/package/chartjs-adapter-moment.md) — 210.8K weekly downloads - [strftime](https://npm.io/package/strftime.md) — 171.2K weekly downloads - [vue-flatpickr-component](https://npm.io/package/vue-flatpickr-component.md) — 115.8K weekly downloads - [timepicker](https://npm.io/package/timepicker.md) — 51.0K weekly downloads ## Recent versions - 4.6.13 (latest) — 2022-04-14 - 4.4.0 (next) — 2018-03-21 - 4.6.11 — 2022-03-12 - 4.6.10 — 2022-03-06 - 4.6.9 — 2020-12-25 - 4.6.8 — 2020-12-20 - 4.6.7 — 2020-12-19 - 4.6.6 — 2020-08-10 - 4.6.5 — 2020-08-10 - 4.6.3 — 2019-09-26 - 4.6.2 — 2019-07-15 - 4.6.1 — 2019-06-05 - 4.6.0 — 2019-06-03 - 4.5.7 — 2019-03-06 - 4.5.6 — 2019-03-04 - … 159 more at https://npm.io/package/flatpickr/versions ## README ## flatpickr - javascript datetime picker [![Actions Status](https://github.com/flatpickr/flatpickr/workflows/GitHub%20Actions/badge.svg)](https://github.com/flatpickr/flatpickr/actions) [![Coverage](https://coveralls.io/repos/github/chmln/flatpickr/badge.svg?branch=master)](https://coveralls.io/github/chmln/flatpickr) [![npm version](https://badge.fury.io/js/flatpickr.svg)](https://www.npmjs.com/package/flatpickr) [![CDNJS](https://img.shields.io/cdnjs/v/flatpickr.svg)](https://cdnjs.com/libraries/flatpickr) [![License](https://img.shields.io/badge/license-MIT-blue.svg?style=plastic)](https://raw.githubusercontent.com/flatpickr/flatpickr/master/LICENSE.md) ![blue](https://cloud.githubusercontent.com/assets/11352152/14549371/3cbb65da-028d-11e6-976d-a6f63f32061f.PNG) ![green](https://cloud.githubusercontent.com/assets/11352152/14549373/3cbe975a-028d-11e6-9192-43975f0146da.PNG) ![confetti](https://cloud.githubusercontent.com/assets/11352152/14549440/de9bf55e-028d-11e6-9271-46782a99efea.PNG) ![red](https://cloud.githubusercontent.com/assets/11352152/14549374/3cc01102-028d-11e6-9ff4-0cf208a310c4.PNG) ![default](https://cloud.githubusercontent.com/assets/11352152/14549370/3cadb750-028d-11e6-818d-c6a1bc6349fc.PNG) ![dark](https://cloud.githubusercontent.com/assets/11352152/14549372/3cbc8514-028d-11e6-8daf-ec1ba01c9d7e.PNG) ## 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 ![](https://user-images.githubusercontent.com/11352152/36033089-f37dc1d0-0d7d-11e8-8ec4-c7a56d1ff92e.png) 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: * [angular2+-flatpickr addon](https://github.com/mezoistvan/ng2-flatpickr) * [angularJS-flatpickr addon](https://www.npmjs.com/package/angular-flatpickr) * [ember-flatpickr addon](https://www.npmjs.com/package/ember-flatpickr) * [Preact Component](https://github.com/molnarmark/preact-flatpickr) * [React Component](https://github.com/coderhaoxin/react-flatpickr) * [Stimulus.js Controller](https://github.com/adrienpoly/stimulus-flatpickr) * [Svelte Component](https://github.com/jacobmischka/svelte-flatpickr) * [vue-flatpickr component](https://github.com/ankurk91/vue-flatpickr-component) * [lit-flatpickr component](https://github.com/Matsuuu/lit-flatpickr) ## 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 --- _Source: https://npm.io/package/flatpickr · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._