# ngx-persian-date-selector

> Angular 12+ persian date selector

Latest version **1.0.9** (published 2022-03-06) · 0 weekly downloads

## Install

```sh
npm install ngx-persian-date-selector
pnpm add ngx-persian-date-selector
yarn add ngx-persian-date-selector
bun add ngx-persian-date-selector
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.9 |
| Published | 2022-03-06 |
| First published | 2022-02-12 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 158.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Reza Tayebi |
| Maintainers | rezat1994 |
| Keywords | jalaali-date, persian-datepicker, ngx-persian-datepicker, persian-date-selected, angular-persian-datepicker |

## Links

- npm: https://www.npmjs.com/package/ngx-persian-date-selector
- Homepage: https://github.com/RezaT1994/ngx-persian-date-selector
- npm.io page: https://npm.io/package/ngx-persian-date-selector

## Dependencies (4)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [jalaali-js](https://npm.io/package/jalaali-js.md) ^1.2.3
- [@angular/material](https://npm.io/package/@angular/material.md) ^13.2.1

## Recent versions

- 1.0.9 (latest) — 2022-03-06
- 1.0.8 — 2022-03-06
- 1.0.7 — 2022-03-05
- 1.0.6 — 2022-03-05
- 1.0.5 — 2022-03-05
- 1.0.4 — 2022-03-05
- 1.0.3 — 2022-03-05
- 1.0.2 — 2022-02-12
- 1.0.1 — 2022-02-12
- 1.0.0 — 2022-02-12

## README

# ngx-persian-date-selector

Angular 12+ persian date selector


## Usage

1. Install from npm:
```
npm install ngx-persian-date-selector --save
```

2. Import **NgxPersianDateSelectorModule** to app.module.ts:
```javascript
import { NgxPersianDateSelectorModule } from 'ngx-persian-date-selector';
@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        NgxPersianDateSelectorModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }
```

3. Now use this in your component:
```html
<mat-form-field>
	<input type="text" #date matInput placeholder="Date">
	<ngx-persian-date-selector matSuffix [matInput]="date"></ngx-persian-date-selector>
</mat-form-field>
```

## Events
| Event | Description | Sample |
| ----- | ----------- | ------ |
| onSelect() | triggers when date is selected | (onSelect)="dateSelected($event)" |

---
_Source: https://npm.io/package/ngx-persian-date-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._