PHPackages                             loki/magento2-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. [Utility & Helpers](/categories/utility)
4. /
5. loki/magento2-flatpickr

ActiveMagento2-module[Utility & Helpers](/categories/utility)

loki/magento2-flatpickr
=======================

Magento 2 module to add an Alpine.js directive x-flatpickr

1.0.8(1mo ago)01.3k↑200%1OSL-3.0PHPCI passing

Since Aug 31Pushed 1mo agoCompare

[ Source](https://github.com/LokiExtensions/Loki_Flatpickr)[ Packagist](https://packagist.org/packages/loki/magento2-flatpickr)[ Fund](https://www.paypal.me/yireo)[ GitHub Sponsors](https://github.com/yireo)[ RSS](/packages/loki-magento2-flatpickr/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (9)Dependencies (5)Versions (10)Used By (0)

Loki\_Flatpickr
===============

[](#loki_flatpickr)

**This Magento 2 module adds an Alpine.js `x-flatpickr` directive to transform a simple input field into a Flatpickr date picker.**

### Installation

[](#installation)

```
composer require loki/magento2-flatpickr
bin/magento module:enable Loki_Flatpickr
```

### Usage

[](#usage)

To add Flatpickr to a custom HTML input, just add the `x-flatpickr` directive to your HTML element:

```

```

If you want to add Flatpickr to a Loki Field Component, add the `x-flatpickr` directive via the XML layout:

```

        date

            true

```

### Customization

[](#customization)

The Flatpickr directive is inserted via a block `loki.directives.flatpickr`. If you want to change the options for Flatpickr, you can use the block argument `options` for this:

```

            d-m-Y

```

Instead of a global configuration, options can also be set per field:

```

        date

                d-m-Y

```

For all options, see

Note that changing the `dateFormat` will also change the value sent to Magento. It is probably best to keep this at its default (`Y-m-d`).

###  Health Score

42

—

FairBetter than 88% of packages

Maintenance90

Actively maintained with recent releases

Popularity21

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

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

Every ~32 days

Recently: every ~59 days

Total

9

Last Release

46d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1373981?v=4)[Yireo](/maintainers/yireo)[@yireo](https://github.com/yireo)

---

Top Contributors

[![jissereitsma](https://avatars.githubusercontent.com/u/7670482?v=4)](https://github.com/jissereitsma "jissereitsma (65 commits)")

---

Tags

loki-components

### Embed Badge

![Health badge](/badges/loki-magento2-flatpickr/health.svg)

```
[![Health](https://phpackages.com/badges/loki-magento2-flatpickr/health.svg)](https://phpackages.com/packages/loki-magento2-flatpickr)
```

###  Alternatives

[loki/magento2-components

Core module for defining Alpine.js components with advanced AJAX features

1011.8k26](/packages/loki-magento2-components)[fastly/magento2

Fastly CDN Module for Magento 2.4.x

1564.4M1](/packages/fastly-magento2)[fishpig/magento2-wordpress-integration

Securely integrate WordPress and Magento 2.

83369.2k7](/packages/fishpig-magento2-wordpress-integration)[run-as-root/magento2-prometheus-exporter

Magento2 Prometheus Exporter

68357.9k](/packages/run-as-root-magento2-prometheus-exporter)[loki/magento2-admin-components

Admin Panel grids and forms created via Loki Components

175.2k7](/packages/loki-magento2-admin-components)[zwernemann/module-withdrawal

Magento 2 EU Withdrawal Button Module - Adds a withdrawal/revocation button for orders in compliance with EU Directive (EU) 2023/2673

244.9k2](/packages/zwernemann-module-withdrawal)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)