Ng-zorro-antd: How to disable the calendar default highlight dateCell?

Created on 9 May 2021  路  3Comments  路  Source: NG-ZORRO/ng-zorro-antd

What problem does this feature solve?

I need one calendar without default selected date, I want to highlight some dates which decided by my code.

What does the proposed API look like?

may be some API like [nzDisabledDefaultDate]?

image

Calendar

Most helpful comment

use [nzDateRender] customize the rendering of date cells
https://ng.ant.design/components/date-picker/en#components-date-picker-demo-date-render
demo: https://stackblitz.com/edit/angular-p5grec?file=src/app/app.component.ts

or customize basic theme
https://ng.ant.design/docs/customize-theme/en

All 3 comments

Please can anyone provide us with a solution ?

use [nzDateRender] customize the rendering of date cells
https://ng.ant.design/components/date-picker/en#components-date-picker-demo-date-render
demo: https://stackblitz.com/edit/angular-p5grec?file=src/app/app.component.ts

or customize basic theme
https://ng.ant.design/docs/customize-theme/en

Thanks for the response, and add one point : if want to customize the nz-calendar, you need to use [nzDateCell] , [nzDateRender] only support nz-date-picker.
image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ismezy picture ismezy  路  3Comments

bambooj picture bambooj  路  4Comments

vthinkxie picture vthinkxie  路  3Comments

hsuanxyz picture hsuanxyz  路  3Comments

JCqiu picture JCqiu  路  3Comments