# onedionys-formatted-input-fields

> One Dionys (Formatted Input Fields) - Components that allow the use of input with specific formats such as date, currency, or phone number with automatic validation.

Latest version **5.0.0** (published 2024-03-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install onedionys-formatted-input-fields
pnpm add onedionys-formatted-input-fields
yarn add onedionys-formatted-input-fields
bun add onedionys-formatted-input-fields
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2024-03-31 |
| First published | 2024-03-17 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 132 |
| Unpacked size | 12.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | One Dionys |
| Maintainers | onedionys |
| Keywords | onedionys, tea, package-manager, formatted-input-fields |

## Links

- npm: https://www.npmjs.com/package/onedionys-formatted-input-fields
- Repository: https://github.com/onedionys/onedionys-formatted-input-fields
- Homepage: https://github.com/onedionys/onedionys-formatted-input-fields#readme
- Issues: https://github.com/onedionys/onedionys-formatted-input-fields/issues
- npm.io page: https://npm.io/package/onedionys-formatted-input-fields

## Dependencies (132)

- [xstea](https://npm.io/package/xstea.md) ^1.1.4
- [jquery](https://npm.io/package/jquery.md) ^3.7.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [mafiozo](https://npm.io/package/mafiozo.md) ^1.1.4
- [alphonix](https://npm.io/package/alphonix.md) ^1.1.4
- [babisida](https://npm.io/package/babisida.md) ^1.1.3
- [hyper212](https://npm.io/package/hyper212.md) ^1.1.4
- [noteapro](https://npm.io/package/noteapro.md) ^1.1.4
- [gassefals](https://npm.io/package/gassefals.md) ^1.1.4
- [app_nodejs](https://npm.io/package/app_nodejs.md) ^1.1.4
- [montea-app](https://npm.io/package/montea-app.md) ^1.1.2
- [aefkaaa-tea](https://npm.io/package/aefkaaa-tea.md) ^0.1.0
- [kontol-lodon](https://npm.io/package/kontol-lodon.md) ^1.1.3
- [gozillaankara](https://npm.io/package/gozillaankara.md) ^1.1.4
- [only-learning](https://npm.io/package/only-learning.md) ^1.0.9
- [diagnose-healthy](https://npm.io/package/diagnose-healthy.md) ^1.1.3
- [returndaoproject](https://npm.io/package/returndaoproject.md) ^1.1.4
- [onedionys-animal-cat](https://npm.io/package/onedionys-animal-cat.md) ^1.0.0
- [onedionys-animal-dog](https://npm.io/package/onedionys-animal-dog.md) ^1.0.0
- [onedionys-animal-fox](https://npm.io/package/onedionys-animal-fox.md) ^1.0.0
- [onedionys-animal-bear](https://npm.io/package/onedionys-animal-bear.md) ^1.0.0
- [onedionys-animal-deer](https://npm.io/package/onedionys-animal-deer.md) ^1.0.0
- [onedionys-animal-lion](https://npm.io/package/onedionys-animal-lion.md) ^1.0.0
- [onedionys-animal-wolf](https://npm.io/package/onedionys-animal-wolf.md) ^1.0.0
- [onedionys-http-client](https://npm.io/package/onedionys-http-client.md) ^1.0.0
- [onedionys-ajax-wrapper](https://npm.io/package/onedionys-ajax-wrapper.md) ^1.0.2
- [onedionys-animal-koala](https://npm.io/package/onedionys-animal-koala.md) ^1.0.0
- [onedionys-animal-panda](https://npm.io/package/onedionys-animal-panda.md) ^1.0.0
- [onedionys-animal-tiger](https://npm.io/package/onedionys-animal-tiger.md) ^1.0.0
- [onedionys-animal-zebra](https://npm.io/package/onedionys-animal-zebra.md) ^1.0.0
- [onedionys-data-storage](https://npm.io/package/onedionys-data-storage.md) ^1.1.0
- [onedionys-montea-magic](https://npm.io/package/onedionys-montea-magic.md) ^1.0.0
- [onedionys-shop-builder](https://npm.io/package/onedionys-shop-builder.md) ^2.5.1
- [onedionys-string-utils](https://npm.io/package/onedionys-string-utils.md) ^1.0.0
- [onedionys-animal-monkey](https://npm.io/package/onedionys-animal-monkey.md) ^1.0.0
- [onedionys-animal-rabbit](https://npm.io/package/onedionys-animal-rabbit.md) ^1.0.0
- [onedionys-event-emitter](https://npm.io/package/onedionys-event-emitter.md) ^1.0.0
- [onedionys-animal-giraffe](https://npm.io/package/onedionys-animal-giraffe.md) ^1.0.0
- [onedionys-animal-gorilla](https://npm.io/package/onedionys-animal-gorilla.md) ^1.0.0
- [onedionys-date-languange](https://npm.io/package/onedionys-date-languange.md) ^2.5.1
- [onedionys-math-utilities](https://npm.io/package/onedionys-math-utilities.md) ^1.0.0
- [onedionys-scrape-twitter](https://npm.io/package/onedionys-scrape-twitter.md) ^1.0.0
- [onedionys-animal-elephant](https://npm.io/package/onedionys-animal-elephant.md) ^1.0.1
- [onedionys-animal-kangaroo](https://npm.io/package/onedionys-animal-kangaroo.md) ^1.0.0
- [onedionys-cors-middleware](https://npm.io/package/onedionys-cors-middleware.md) ^1.0.0
- [onedionys-routing-library](https://npm.io/package/onedionys-routing-library.md) ^1.0.0
- [onedionys-template-engine](https://npm.io/package/onedionys-template-engine.md) ^1.0.0
- [onedionys-web-font-loader](https://npm.io/package/onedionys-web-font-loader.md) ^1.0.0
- [onedionys-number-languange](https://npm.io/package/onedionys-number-languange.md) ^2.5.0
- [onedionys-state-management](https://npm.io/package/onedionys-state-management.md) ^1.0.0
- [onedionys-animal-rhinoceros](https://npm.io/package/onedionys-animal-rhinoceros.md) ^1.0.0
- [onedionys-animation-library](https://npm.io/package/onedionys-animation-library.md) ^1.0.0
- [onedionys-clipboard-manager](https://npm.io/package/onedionys-clipboard-manager.md) ^1.0.0
- [onedionys-cookie-management](https://npm.io/package/onedionys-cookie-management.md) ^1.0.0
- [onedionys-promise-utilities](https://npm.io/package/onedionys-promise-utilities.md) ^1.0.0
- [onedionys-ui-theme-switcher](https://npm.io/package/onedionys-ui-theme-switcher.md) ^1.0.0
- [onedionys-websocket-wrapper](https://npm.io/package/onedionys-websocket-wrapper.md) ^1.0.0
- [onedionys-color-manipulation](https://npm.io/package/onedionys-color-manipulation.md) ^1.0.0
- [onedionys-form-input-masking](https://npm.io/package/onedionys-form-input-masking.md) ^1.0.0
- [onedionys-input-autocomplete](https://npm.io/package/onedionys-input-autocomplete.md) ^1.0.0
- [onedionys-validation-library](https://npm.io/package/onedionys-validation-library.md) ^1.0.0
- [onedionys-animal-hippopotamus](https://npm.io/package/onedionys-animal-hippopotamus.md) ^1.0.0
- [onedionys-date-time-utilities](https://npm.io/package/onedionys-date-time-utilities.md) ^1.0.0
- [onedionys-image-cropping-tool](https://npm.io/package/onedionys-image-cropping-tool.md) ^1.0.0
- [onedionys-lazy-loading-images](https://npm.io/package/onedionys-lazy-loading-images.md) ^1.0.0
- [onedionys-notification-system](https://npm.io/package/onedionys-notification-system.md) ^1.0.0
- [onedionys-scrolling-utilities](https://npm.io/package/onedionys-scrolling-utilities.md) ^1.0.0
- [onedionys-user-authentication](https://npm.io/package/onedionys-user-authentication.md) ^1.0.0
- [onedionys-drag-drop-components](https://npm.io/package/onedionys-drag-drop-components.md) ^1.0.0
- [onedionys-localization-library](https://npm.io/package/onedionys-localization-library.md) ^1.0.0
- [onedionys-localization-manager](https://npm.io/package/onedionys-localization-manager.md) ^1.0.0
- [onedionys-pagination-component](https://npm.io/package/onedionys-pagination-component.md) ^1.0.0
- [onedionys-search-bar-component](https://npm.io/package/onedionys-search-bar-component.md) ^1.0.0
- [onedionys-analytics-integration](https://npm.io/package/onedionys-analytics-integration.md) ^1.0.0
- [onedionys-file-upload-component](https://npm.io/package/onedionys-file-upload-component.md) ^1.0.0
- [onedionys-static-site-generator](https://npm.io/package/onedionys-static-site-generator.md) ^1.0.0
- [onedionys-cookie-consent-manager](https://npm.io/package/onedionys-cookie-consent-manager.md) ^1.0.0
- [onedionys-css-class-manipulation](https://npm.io/package/onedionys-css-class-manipulation.md) ^1.0.0
- [onedionys-dom-mutation-observers](https://npm.io/package/onedionys-dom-mutation-observers.md) ^1.0.0
- [onedionys-email-template-builder](https://npm.io/package/onedionys-email-template-builder.md) ^1.0.0
- [onedionys-event-handling-library](https://npm.io/package/onedionys-event-handling-library.md) ^1.0.0
- [onedionys-form-wizard-components](https://npm.io/package/onedionys-form-wizard-components.md) ^1.0.0
- [onedionys-modal-dialog-component](https://npm.io/package/onedionys-modal-dialog-component.md) ^1.0.0
- [onedionys-progress-bar-component](https://npm.io/package/onedionys-progress-bar-component.md) ^1.0.0
- [onedionys-real-time-data-syncing](https://npm.io/package/onedionys-real-time-data-syncing.md) ^1.0.0
- [onedionys-text-parsing-utilities](https://npm.io/package/onedionys-text-parsing-utilities.md) ^1.0.0
- [onedionys-data-formatting-helpers](https://npm.io/package/onedionys-data-formatting-helpers.md) ^1.0.0
- [onedionys-dom-traversal-utilities](https://npm.io/package/onedionys-dom-traversal-utilities.md) ^1.0.0
- [onedionys-form-handling-utilities](https://npm.io/package/onedionys-form-handling-utilities.md) ^1.0.0
- [onedionys-gdpr-compliance-toolkit](https://npm.io/package/onedionys-gdpr-compliance-toolkit.md) ^1.0.0
- [onedionys-image-compression-tools](https://npm.io/package/onedionys-image-compression-tools.md) ^1.0.0
- [onedionys-image-gallery-component](https://npm.io/package/onedionys-image-gallery-component.md) ^1.0.0
- [onedionys-image-loading-utilities](https://npm.io/package/onedionys-image-loading-utilities.md) ^1.0.0
- [onedionys-lazy-loading-components](https://npm.io/package/onedionys-lazy-loading-components.md) ^1.0.0
- [onedionys-seo-friendly-pagination](https://npm.io/package/onedionys-seo-friendly-pagination.md) ^1.0.0
- [onedionys-web-storage-abstraction](https://npm.io/package/onedionys-web-storage-abstraction.md) ^1.0.0
- [onedionys-code-splitting-utilities](https://npm.io/package/onedionys-code-splitting-utilities.md) ^1.0.0
- [onedionys-data-anonymization-tools](https://npm.io/package/onedionys-data-anonymization-tools.md) ^1.0.0
- [onedionys-dom-manipulation-helpers](https://npm.io/package/onedionys-dom-manipulation-helpers.md) ^1.1.0
- [onedionys-error-handling-utilities](https://npm.io/package/onedionys-error-handling-utilities.md) ^1.0.0
- [onedionys-feature-toggle-utilities](https://npm.io/package/onedionys-feature-toggle-utilities.md) ^1.0.0
- [onedionys-load-balancer-middleware](https://npm.io/package/onedionys-load-balancer-middleware.md) ^1.0.0
- [onedionys-pdf-generation-utilities](https://npm.io/package/onedionys-pdf-generation-utilities.md) ^1.0.0
- [onedionys-seo-optimization-helpers](https://npm.io/package/onedionys-seo-optimization-helpers.md) ^1.0.0
- [onedionys-social-sharing-utilities](https://npm.io/package/onedionys-social-sharing-utilities.md) ^1.0.0
- [onedionys-web-performance-analyzer](https://npm.io/package/onedionys-web-performance-analyzer.md) ^1.0.0
- [onedionys-api-rate-limiting-handler](https://npm.io/package/onedionys-api-rate-limiting-handler.md) ^1.0.0
- [onedionys-data-encryption-utilities](https://npm.io/package/onedionys-data-encryption-utilities.md) ^1.0.0
- [onedionys-responsive-design-helpers](https://npm.io/package/onedionys-responsive-design-helpers.md) ^1.0.0
- [onedionys-secure-password-generator](https://npm.io/package/onedionys-secure-password-generator.md) ^1.0.0
- [onedionys-web-accessibility-checker](https://npm.io/package/onedionys-web-accessibility-checker.md) ^1.0.0
- [onedionys-web-accessibility-helpers](https://npm.io/package/onedionys-web-accessibility-helpers.md) ^1.0.0
- [onedionys-csrf-protection-middleware](https://npm.io/package/onedionys-csrf-protection-middleware.md) ^1.0.0
- [onedionys-database-abstraction-layer](https://npm.io/package/onedionys-database-abstraction-layer.md) ^1.0.0
- [onedionys-debounce-throttle-functions](https://npm.io/package/onedionys-debounce-throttle-functions.md) ^1.0.0
- [onedionys-responsive-image-components](https://npm.io/package/onedionys-responsive-image-components.md) ^1.0.0
- [onedionys-responsive-table-components](https://npm.io/package/onedionys-responsive-table-components.md) ^1.0.0
- [onedionys-charting-library-integration](https://npm.io/package/onedionys-charting-library-integration.md) ^1.0.0
- [onedionys-code-documentation-generator](https://npm.io/package/onedionys-code-documentation-generator.md) ^1.0.0
- [onedionys-client-side-routing-utilities](https://npm.io/package/onedionys-client-side-routing-utilities.md) ^1.0.0
- [onedionys-jwt-authentication-middleware](https://npm.io/package/onedionys-jwt-authentication-middleware.md) ^1.0.0
- [onedionys-markdown-rendering-components](https://npm.io/package/onedionys-markdown-rendering-components.md) ^1.0.0
- [onedionys-progressive-web-app-utilities](https://npm.io/package/onedionys-progressive-web-app-utilities.md) ^1.0.0
- [onedionys-timezone-conversion-utilities](https://npm.io/package/onedionys-timezone-conversion-utilities.md) ^1.0.0
- [onedionys-user-role-permission-management](https://npm.io/package/onedionys-user-role-permission-management.md) ^1.0.0
- [onedionys-authentication-tokens-management](https://npm.io/package/onedionys-authentication-tokens-management.md) ^1.0.0
- [onedionys-social-media-meta-tags-generator](https://npm.io/package/onedionys-social-media-meta-tags-generator.md) ^1.0.0
- [onedionys-content-security-policy-generator](https://npm.io/package/onedionys-content-security-policy-generator.md) ^1.0.0
- [onedionys-internationalization-i18n-support](https://npm.io/package/onedionys-internationalization-i18n-support.md) ^1.0.0
- [onedionys-web-push-notification-integration](https://npm.io/package/onedionys-web-push-notification-integration.md) ^1.0.0
- [onedionys-error-reporting-service-integration](https://npm.io/package/onedionys-error-reporting-service-integration.md) ^1.0.0
- [onedionys-content-delivery-network-integration](https://npm.io/package/onedionys-content-delivery-network-integration.md) ^1.0.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 5.0.0 (latest) — 2024-03-31
- 1.0.2 — 2024-03-23
- 1.0.1 — 2024-03-18
- 1.0.0 — 2024-03-17

## README

<h1 align="center">Welcome to One Dionys - Formatted Input Fields! 👋 </h1>

<p align="center">Components that allow the use of input with specific formats such as date, currency, or phone number with automatic validation. 💖 </p>

<p align="center">
<img src="https://img.shields.io/github/contributors/onedionys/onedionys-formatted-input-fields?style=flat-square">
<img src="https://img.shields.io/github/issues/onedionys/onedionys-formatted-input-fields?style=flat-square">
<img src="https://img.shields.io/github/stars/onedionys/onedionys-formatted-input-fields?style=flat-square"> 
<img src="https://img.shields.io/github/forks/onedionys/onedionys-formatted-input-fields?style=flat-square">
<img src="https://img.shields.io/github/last-commit/onedionys/onedionys-formatted-input-fields.svg?style=flat-square">
<img src="https://img.shields.io/github/languages/code-size/onedionys/onedionys-formatted-input-fields?style=flat-square">
<img src="https://img.shields.io/github/license/onedionys/onedionys-formatted-input-fields?style=flat-square">
</p>

## 💾 Requirements

* `Web Browser` - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
* `Internet` - Because many use CDN and to make it easier to find solutions to all problems.

## 🎯 How To Use

#### Example Syntax

```javascript
const { formatInput } = require('formatted-input-fields');

// Example usage
const formatted = formatInput('1234567890', 'XXX-XX-XXXX');
console.log(formatted); // Output: '123-45-6789'
```

#### Explanation

* This package provides a function formatInput to format input based on the provided mask. The function takes two parameters: the input string and the mask string. The mask string specifies the desired format of the input. The function replaces 'X' characters in the mask with corresponding characters from the input string.

#### Return Value

* The `formatInput` function returns the formatted input string according to the specified mask.

## 📆 Release Date

* v1.0.0 : 17 March 2024
* v1.0.1 : 18 March 2024
* v1.0.2 : 23 March 2024
* v5.0.0 : 31 March 2024

## 🧑 Author

* Facebook : <a href="https://www.facebook.com/theonedionys"> Oned Ionys</a>
* Instagram : <a href="https://www.instagram.com/onedionys/"> @onedionys</a>
* Twitter : <a href="https://twitter.com/onedionys"> @onedionys</a>
* LinkedIn :  <a href="https://www.linkedin.com/in/onedionys/"> @onedionys</a>

## 📝 License

* Copyright © 2024 One Dionys
* **One Dionys - Formatted Input Fields is an open source project licensed under the MIT license**

## ☕️ Suppport & Donation

Love One Dionys - Formatted Input Fields? Support this project by donating or sharing with others in need.

<a href="https://www.buymeacoffee.com/onedionys"><img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"/> </a>

**Made with ❤️ One Dionys**

---
_Source: https://npm.io/package/onedionys-formatted-input-fields · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._