# amasty/module-date-picker

> Date picker

`composer require amasty/module-date-picker`

Canonical URL: https://packagento.com/amasty/module-date-picker

## At a glance

- **Vendor**: amasty (https://packagento.com/amasty.md)
- **Latest version**: 1.0.1 — released 2026-06-12
- **Pricing**: Free
- **Package type**: Magento 2 module
- **Status**: active, accepting new buyers

## Installation

Packagento is licence-gated, so even free packages need a licence on a project before Composer can resolve them.

1. **Sign in or create an account** at https://packagento.com/customer/account/.

2. **Add the package to your account.** Open https://packagento.com/amasty/module-date-picker and complete the free checkout. A licence is minted automatically.

3. **Create or pick a project, then activate the licence on it.**
   - Projects represent the Magento installs you deploy to. Manage them at https://packagento.com/projects/.
   - Activate the new licence on the project you'll deploy this package to. Activation is what generates the Composer credentials scoped to that project.

4. **Add the project credentials to your Magento codebase.**

   Grab the project's public + private key from https://packagento.com/projects/ (open the project, then its Credentials tab), and add them to `auth.json`:

   ```json
   {
     "http-basic": {
       "packagento.com": {
         "username": "ppk_live_...",
         "password": "psk_live_..."
       }
     }
   }
   ```

   Add the Packagento Composer repository to `composer.json`:

   ```json
   {
     "repositories": [
       { "type": "composer", "url": "https://packagento.com" }
     ]
   }
   ```

5. **Install and apply.**

   ```bash
   composer require amasty/module-date-picker:*
   bin/magento setup:upgrade
   bin/magento setup:di:compile
   bin/magento cache:flush
   ```

## What it does

Date picker

## README

<h3><b>Note:</b></h3> 
<p>This free solution helps align the Magento calendar with <b>WCAG 2.2 AA</b> accessibility requirements. Accessibility matters to us across all of our work, not just within our modules. That is why we created this module to enhance Magento’s native date picker with an improved version that addresses known accessibility issues.</p>
<p>The updated date picker is compatible with screen readers and improves element contrast for a more accessible user experience.</p>
<p>Currently, <code>amasty/module-date-picker</code> is included in the suggestions for the <a href="https://amasty.com/gift-card-for-magento-2.html" target="_blank">Gift Card</a> extension. We are also working on adding it to the suggestions for other modules.</p>

<h2>Installation</h2>
<p>To install the package, run the following commands:</p>
<code>composer require amasty/module-date-picker</code><br>
<code>php bin/magento setup:upgrade</code><br>
<code>php bin/magento setup:di:compile </code><br>
<code>php bin/magento setup:static-content:deploy (your locale)</code><br>
<br>
<p>See more details in the <a href="https://amasty.com/docs/doku.php?id=magento_2:composer_user_guide" target="_blank">Composer User Guide</a>. </p>
<br>
<h2>Usage</h2>
<br>
<p>Open the template file used for the datepicker component.</p>
<p>Find the <code>div</code> element that contains the datepicker component.</p>
<p>Add the CSS class <code>am-datepicker-observed</code> to this <code>div</code> element. </p>
<br>
<h2>Example: Applying the Date Picker Observer Class</h2>
<p>The following is an example of how the <code>am-datepicker-observed</code> class can be added to a date picker template. </p>
<p>In this example, we use the Magento customer date of birth template: </p>
<code>/vendor/magento/module-customer/view/frontend/templates/widget/dob.phtml</code>

<p>Within this template, locate the <code>div</code> that contains the date picker component and add the following class to it:</p><br>
<img width="938" height="224" alt="Image" src="https://github.com/user-attachments/assets/f0c00e7e-48e8-428c-a238-4614935bd25a" /><br>
<code>am-datepicker-observed</code>
<br>
<br>
<p>After saving the changes, the date picker in this example will be applied according to the configured settings.</p><br>
<img width="954" height="802" alt="Image" src="https://github.com/user-attachments/assets/5efb30d3-120b-4f8e-b1d2-a3019797899b" />

## Recent Versions

| Version | Released |
|---|---|
| 1.0.1 | 2026-06-12 |
| 1.0.0 | 2026-05-08 |

## Dependencies

### Require

| Package | Constraint |
|---|---|
| amasty/base | >=1.21.3 |
| php | >=8.1 |

## Quality

Latest release (1.0.1) passes the Packagento QA pipeline. Verdicts below are per-cell (Magento line × PHP version) for the matrixed tools, and run-once for the static / security tiers.


### Compatibility

Each Magento line is installed on its supported PHP versions, then the module is built (DI compile + static-content deploy). Cells show passed / failed / untested; staircase gaps render as `–`.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | not tested | not tested | – | – |
| 2.4.8 | – | not tested | not tested | – |
| 2.4.9 | – | – | not tested | not tested |


### Code Quality

Advisory checks against the module's source. Never affect the Compatibility verdict — a phpcs finding can't make a module incompatible.

#### Static Analysis

Coding standards (phpcs), mess detection (phpmd), copy-pasted code (cpd), PHP cross-version compatibility, composer.json validity. Each runs once for the whole module.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| PHPCS | Pass | 0 |  |
| PHPMD | Pass | 0 |  |
| Cpd | Pass | 0 |  |
| Composer validate | Info | 2 | valid; 2 advisory notes (composer validate --strict) |

#### PHPStan

Type-checks the module against a real Magento install. Re-runs per Magento + PHP version because resolvable symbols differ between releases.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | Error | Error | – | – |
| 2.4.8 | – | Error | Error | – |
| 2.4.9 | – | – | Error | Error |


### Tests

Unit and integration suites run per Magento + PHP cell. Test failures speak to the module's behaviour, not its compatibility with a line, so they're reported here separately.

#### Unit Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |

#### Integration Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |


### Security

Dependency-advisory audit (composer audit) plus a source malware scan. A malware detection fails the version outright.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| Composer audit | N/A | 0 | no resolvable dependency tree to audit — Your requirements could not be resolved to an installable set of packages. Problem 1 |
| Malware scan | Pass | 0 |  |

## Licence and pricing

Free. A licence is still minted on checkout and bound to your project for Composer access — no payment step.

Refundable within 14 days of first purchase via https://packagento.com/account/refunds/.

## Install via Claude Code or any MCP client

The Packagento MCP server can run the licence + project + Composer steps above in one tool call:

```
purchase_and_install_packages(
  composer_names=["amasty/module-date-picker"],
  project_id="proj_xxx"
)
```

This handles cart, checkout, licence minting, project activation, and writes auth.json credentials. Connect a client with `claude mcp add packagento https://mcp.packagento.com`. Full setup at https://packagento.com/docs/mcp-setup.

## Vendor

amasty is a Magento 2 vendor on Packagento. See https://packagento.com/amasty.md for their full catalogue.