PHPackages webtourismus/flatpickr - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. webtourismus/flatpickr ActiveDrupal-library webtourismus/flatpickr ====================== Mirror of https://www.npmjs.com/package/flatpickr as drupal-library v4.6.13(3y ago)04.2k↓36.7%MITStylus Since Nov 4Pushed 3y ago1 watchersCompare [ Source](https://github.com/webtourismus/flatpickr)[ Packagist](https://packagist.org/packages/webtourismus/flatpickr)[ Docs](https://flatpickr.js.org/)[ RSS](/packages/webtourismus-flatpickr/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (0) flatpickr - javascript datetime picker -------------------------------------- [](#flatpickr---javascript-datetime-picker) [![Actions Status](https://github.com/flatpickr/flatpickr/workflows/GitHub%20Actions/badge.svg)](https://github.com/flatpickr/flatpickr/actions) [![Coverage](https://camo.githubusercontent.com/1bbe1bb89660783cf57c80a3e9c68000dc19e4f30700d609422f0e35d6b88447/68747470733a2f2f636f766572616c6c732e696f2f7265706f732f6769746875622f63686d6c6e2f666c61747069636b722f62616467652e7376673f6272616e63683d6d6173746572)](https://coveralls.io/github/chmln/flatpickr)[![npm version](https://camo.githubusercontent.com/26f81edc5e22f28a154b1e390ac0b8a6d846e30ff616693d682a92c964bc963c/68747470733a2f2f62616467652e667572792e696f2f6a732f666c61747069636b722e737667)](https://www.npmjs.com/package/flatpickr)[![CDNJS](https://camo.githubusercontent.com/2cdeb31b951116c0ab6507d0eef6193d09a1555761deb170b21c74661ea811f1/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f666c61747069636b722e737667)](https://cdnjs.com/libraries/flatpickr)[![License](https://camo.githubusercontent.com/55d5f880eab481a2416a276bdfb1350ff0ed88b63fb97d54ea9f1282836a89c3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d706c6173746963)](https://raw.githubusercontent.com/flatpickr/flatpickr/master/LICENSE.md) [![blue](https://cloud.githubusercontent.com/assets/11352152/14549371/3cbb65da-028d-11e6-976d-a6f63f32061f.PNG)](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)](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)](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)](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)](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)](https://cloud.githubusercontent.com/assets/11352152/14549372/3cbc8514-028d-11e6-8daf-ec1ba01c9d7e.PNG) Motivation ---------- [](#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)](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 ------------- [](#compatibility) IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+ Install & Use ----------------- [](#install--use) Demos and documentation: 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 -------------------- [](#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](https://camo.githubusercontent.com/83ee39fe9fbdf4f0aca269781d75b41ab20a65450f9255b330142b8c3da128a7/68747470733a2f2f617a3734333730322e766f2e6d7365636e642e6e65742f63646e2f6b6f6669342e706e673f763d30)](https://ko-fi.com/A3381DJ9) ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity22 Limited adoption so far Community4 Small or concentrated contributor base Maturity46 Maturing project, gaining track record How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 1291d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/39328724?v=4)[webtourismus.at](/maintainers/webtourismus)[@webtourismus](https://github.com/webtourismus) ### Embed Badge ![Health badge](/badges/webtourismus-flatpickr/health.svg) ``` [![Health](https://phpackages.com/badges/webtourismus-flatpickr/health.svg)](https://phpackages.com/packages/webtourismus-flatpickr) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)