# @toujou/toujou-input-date-mask

> The toujou-input-date-mask package of toujou ui components

Latest version **3.0.2** (published 2026-07-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install @toujou/toujou-input-date-mask
pnpm add @toujou/toujou-input-date-mask
yarn add @toujou/toujou-input-date-mask
bun add @toujou/toujou-input-date-mask
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 3.0.2 |
| Published | 2026-07-20 |
| First published | 2023-02-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 737.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | toujou |
| Maintainers | tmaroschik, dfau_lpato, twojtylak, plcktzh |
| Keywords | toujou, web-component |

## Links

- npm: https://www.npmjs.com/package/@toujou/toujou-input-date-mask
- Repository: https://github.com/toujou/ui-components
- Homepage: https://github.com/toujou/ui-components#readme
- Issues: https://github.com/toujou/ui-components/issues
- npm.io page: https://npm.io/package/@toujou/toujou-input-date-mask

## Dependencies (3)

- [lit](https://npm.io/package/lit.md) ^2.0.0-rc.2
- [tslib](https://npm.io/package/tslib.md) ^2.5.0
- [inputmask](https://npm.io/package/inputmask.md) ^5.0.7

## Recent versions

- 3.0.2 (latest) — 2026-07-20
- 3.0.1 — 2026-05-28
- 3.0.0 — 2023-12-18
- 2.1.0 — 2023-09-27
- 2.0.22 — 2023-07-21
- 2.0.18 — 2023-07-19
- 2.0.6 — 2023-04-26
- 2.0.5 — 2023-02-13
- 2.0.4 — 2023-02-10
- 2.0.3 — 2023-02-10

## README

# Toujou Input Date Mask

@todo add description

## Installation

      npm install @toujou/toujou-input-date-mask

## Usage
    

```html
<toujou-input-date-mask mask="dd.mm.yyyyy">
    <input placeholder="tt.mm.jjjj" 
           required="required" 
           autocomplete="off" 
           type="tel"
           slot="facade"
    />
    <input type="hidden"
           slot="hidden"
           id="hidden"
           name="birthdate"
    />
</toujou-input-date-mask>

```    
    
## Properties

|                 Name                  |    Type     |           Default           | Description                                                                                                                  |
|:-------------------------------------:|:-----------:|:---------------------------:|:-----------------------------------------------------------------------------------------------------------------------------|
|              **`mask`**               | `{String}`  |        'dd.mm.yyyy'         | Mask format                                                                                                                  |
|       **`show_mask_on_focus`**        | `{Boolean}` |           `false`           | If this option - true, the mask will only be displayed when an event occurs onFocus                                          |
|       **`show_mask_on_hover`**        | `{Boolean}` |           `false`           | If this option - true, when you mouse over the input, the mask appears, when you mouse  leave the input, the mask disappears |
| **`custom-validation-error-message`** | `{String}`  | `Please enter a valid date` | Validation error message                                                                                                     |

---
_Source: https://npm.io/package/@toujou/toujou-input-date-mask · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._