The DatePicker provides options for using and customizing its templates.
To customize the cell template in the Month view, use the
month.content property. The calendar of the DatePicker loops over each cell and sets its HTML by using the month content template. You can implement a dynamic template by using the
dates option which is passed as an argument to the
month.content template. For the complete example, refer to the demo on customizing the templates of the DatePicker.
To modify the footer template of the DatePicker calendar, use the
footerTemplate property. To remove the footer, set it to
To modify the week column template, use the
The dates which are out of the
max range are rendered as empty. To change their template, use the
For more information on customizing the
aria-label text, refer to the article on accessibility.