Header Template for the Calendars

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Planned

Last Updated: 14 Apr 2022 15:24 by ADMIN

Scheduled for 3.4.0

Jo-Anne

Created on: 26 May 2020 11:33

Category: Calendar

Type: Feature Request

Header Template for the Calendars

Is it possible to customize the top html of the Blazor DatePicker Calendar? On the top left, I would prefer 2 rows of 6 small boxes for the user to click on one selecting the month, and on the right a left arrow, then a year textbox defaulting to the current year, then a right arrow with the arrows incrementing.

3 comments

ADMIN

Marin Bratanov

Posted on: 27 May 2020 07:39

Hello Jo-Anne,

This feature request is already in the Calendar area, as this is where the template needs to be exposed. So - yes, that's what will be customizable and there isn't a need to edit this post, I think.

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.

Jo-Anne

Posted on: 27 May 2020 03:59

My apologies, after working with it a bit I realized it's the header of the calendar itself, not the date picker that I would like to change - where the month name and arrows and Today are currently. Is that editable?

ADMIN

Marin Bratanov

Posted on: 26 May 2020 11:36

A workaround approach would be to implement your own picker:

use a DateInput for the input part
use a Button or other similar element for the icon part
use an AnimationContainer to put the desired content and logic in it (e.g., a Calendar with the desired starting view and anything else you want to have there such as year dropdowns/inputs and so on)

Regards,
Marin Bratanov
Progress Telerik