Ng-Jalali-Calendar

Jalali calendar for Angular4+ applications

Table of contents

- Online Demo
- Installation
- Usage
- API
- Example

Installation

``shell
npm install --save ng-jalali-calendar
`

Usage

Import NgJalaliCalendarModule in your module

`typescript
import { NgModule } from '@angular/core';
import { NgJalaliCalendarModule } from 'ng-jalali-calendar'

@NgModule({
imports: [ NgJalaliCalendarModule ]
})
export class YourModule { }
`
afterward, add the ng-jalali-component tag into the component where you want to use the calendar :
`html

`




API

Inputs:

Input | Type | Description
--- | --- | ---
selectedDates | String[] | dates that you want to be selected on the calendar

Events:

| Output | $event | Description |
| --- | ---- | --- |
| dateSelected | String | emitted when selecting a date |


> the module works with dates in YYYY/MM/DD format


Example


`typescript
import { Component, OnInit } from '@angular/core';


@Component({
selector : 'app-example',
templateUrl: './example.component.html',
styleUrls : [ './example.component.css' ]
})
export class ExampleComponent implements OnInit {
selectedDate: string = '';
selectedDates: string[] = [
'1397/5/22',
'1397/12/1'
'1397/01/5'
];

constructor () {}

ngOnInit () {
}

onSelectDate(event: string) {
this.selectedDate = event;
}
}
`

`html
(dateSelected)="onSelectDate($event)"
[selectedDates]="selectedDates">
``