Skip to content

kordeviant/mat-datepicker-module-persian

Repository files navigation

Persian Jalali DatePicker for Angular Material

TypeScript ForTheBadge built-with-love

Angular persian datepicker with awesome features!

Demo Website

Prerequisites

you should have @angular/material, @angular/cdk and moment-jalaali installed to your app

Install

npm i --save @angular-persian/material-date-picker

Add Module

import {MatDatepickerModulePersian} from '@angular-persian/material-date-picker';

Example

<md-datepicker type="wide" #picker (selectedChanged)="setDateReturn($event);"></md-datepicker>
<mat-form-field>
  <input required matInput (mouseup)="dpickerFocus(picker)" [(ngModel)]="today" (focus)="dpickerFocus(picker)" readonly
         [matDatepicker]="picker" placeholder="تاریخ">

</mat-form-field>

Contribute

npm install --save 

development:

yarn install
yarn build:lib
ng serve