Angular DatePicker component library based on Ant Design.

Demo

View DatePickerJalali in action at Stackblitz Demo

🖥 Environment Support

• Angular ^15.0.0
• Server-side Rendering
• Modern browsers including the following specific versions
• Electron

| IE / Edge | Firefox | Chrome | Safari | Opera | Electron | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

📦 Installation

We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.

$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd

More information about @angular/cli here.

You can also install ng-zorro-antd with npm or yarn, Then install ng-met-antd/components with npm or yarn for Jalali

$ npm install ng-zorro-antd
$ npm install ng-met-antd

Provide custom DateAdapter

If you need to present another calendar like Jalali or Hijri, you can provide a custom NzDateAdapter which implements required methods to deal with native date object.

Example

import { NzDateAdapter } from 'ng-met-antd/core';

export class CustomDateAdapter extends NzDateAdapter<any> {
  // implementation of abstract methods
}

@NgModule({
  providers: [{ provide: NzDateAdapter, useClass: CustomDateAdapter }],
})
export class AppModule {}

Sample

Jalali-Moment date adapter