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

xiaoxiangmoe picture xiaoxiangmoe  路  25Comments

devpei picture devpei  路  16Comments

vthinkxie picture vthinkxie  路  77Comments

justwalk picture justwalk  路  34Comments

wisdomfusion picture wisdomfusion  路  18Comments