Empty row at the bottom of the calendar should show the next month

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 28 Jul 2021 20:22 by ADMIN

Release 2.26.0

Christian

Created on: 18 Dec 2019 12:46

Category: Calendar

Type: Feature Request

Empty row at the bottom of the calendar should show the next month

The calendar viewshows one row too much if the month only has 5 weeks. Please check the attached screenshots.

Steps to reproduce this behaviour:

Just use a regular calendar control and check a month that has 5 weeks only.

E.g. December 2019 if a culture with a week start of Sunday is selected or November 2019 if a culture with a week start of Monday is selected.

Attached Files:

4 comments

Christian

Posted on: 20 Dec 2019 11:19

Hello Marin,

thank you for the link and the update.

Best regards,

Christian

ADMIN

Marin Bratanov

Posted on: 20 Dec 2019 09:24

Hello Christian,

I made your report into one, sorry for not being clear enough in my previous answer. Here's a direct link you can use to get the public feature request page to Follow it: https://feedback.telerik.com/blazor/1446687-empty-row-at-the-bottom-of-the-calendar-should-show-the-next-month.

Regards,
Marin Bratanov
Progress Telerik

UI for Blazor

Christian

Posted on: 20 Dec 2019 09:12

Hello Marin,

I understand that the 6. row is needed for months with 6 weeks. The question was just if you could maybe make the component more dynamic (Like only showing 5 rows if the month has 5 weeks only).

> It may also start showing dates from the next month once we implement that, so the user has a little more context.

That would be a good solution for me as well. Do you already have a feature request I can vote for?

Best regards,

Christian

ADMIN

Marin Bratanov

Posted on: 19 Dec 2019 14:31

Hello Christian,

It is needed for some months that span 6 weeks. For example, if the 1st is on a Saturday, and the month has 31 days, there will be a day on the last row that is currently empty.

It may also start showing dates from the next month once we implement that, so the user has a little more context.

That said, you can remove this last row and shorten the calendar by doing something like this (but there is a slight risk to hide a couple of days at the end of a peculiar month):

<style>
    .k-content.k-calendar-content.k-month tbody tr:last-of-type {
        display:none;
    }

    .k-calendar div.k-calendar-view {
        height: 15em;
    }
</style>

<TelerikCalendar></TelerikCalendar>

Regards,
Marin Bratanov
Progress Telerik

UI for Blazor