Completed
Last Updated: 24 Nov 2022 09:52 by ADMIN
Created by: Minto
Comments: 4
Category: Calendar
Type: Feature Request
4
There are accessibility violations regarding the inner elements in the table and how rows are associated.
Completed
Last Updated: 12 Oct 2022 07:26 by ADMIN
Release 3.7.0 (09 Nov 2022)
Created by: Uluç
Comments: 1
Category: Calendar
Type: Bug Report
1

In the Calendar documentation, it says that we can selected multiple dates either by holding Shift to select a range or holding control to select multiple individual dates.

 

Expected behavior (Windows & Mac):

* Shift - Range Select

* Control - Individual Multiple Selection

 

Result (Windows):

* Shift -

* Control -

Result (Mac):

* Shift -

* Control -

Explanation:

On Mac holding control and selecting a date toggles a right-click (displays options menu), I cannot seem to be able to select more than one date with holding control down.

Completed
Last Updated: 15 Jun 2022 14:28 by Jo-Anne
Release 3.4.0
Created by: Jo-Anne
Comments: 4
Category: Calendar
Type: Feature Request
6
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.
Completed
Last Updated: 02 Jun 2022 09:19 by ADMIN
Release 3.4.0

For example, if you want to prevent the user from selecting all dates prior to February 2021 you can set the Min parameter to new DateTime(2021, 2, 1). In this case, if you navigate to 2022 and then try to navigate back to 2021 through the Decade view, it is not possible, you can only select future year. 

Pressing the Today button works as expected.

 

===========

ADMIN EDIT

===========

Meanwhile, if you want to disable all past dates, a workaround you may try is handle the OnCellRender event of the Calendar and add a CSS class to the cells to style them as disabled. The sample below demonstrates how to achieve that.

<style>
    .not-allowed-cell {
        pointer-events: none;
        cursor: not-allowed;
        background-color: whitesmoke;
        opacity: 0.6;
    }
</style>

<TelerikCalendar @bind-Date="aDate" OnCellRender="RenderCell"></TelerikCalendar>

@code{
    DateTime aDate { get; set; } = DateTime.Now;

    void RenderCell(CalendarCellRenderEventArgs args)
    {
        switch (args.View)
        {
            case CalendarView.Month:
                if (args.Date < DateTime.Today)
                {
                    args.Class = "not-allowed-cell";
                }
                break;
            case CalendarView.Year:
                if (args.Date.Month < DateTime.Today.Month && args.Date.Year == DateTime.Today.Year)
                {
                    args.Class = "not-allowed-cell";
                }
                break;
            case CalendarView.Decade:
                if (args.Date.Year < DateTime.Today.Year)
                {
                    args.Class = "not-allowed-cell";
                }
                break;
            case CalendarView.Century:
                if (DateTime.Today.Year - args.Date.Year >= 10)
                {
                    args.Class = "not-allowed-cell";
                }
                break;
            default:
                break;
        }
    }
}

Completed
Last Updated: 28 Jul 2021 20:22 by ADMIN
Release 2.26.0

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.

Completed
Last Updated: 07 Apr 2021 18:16 by ADMIN
Release 2.24.0
Created by: Alireza
Comments: 0
Category: Calendar
Type: Feature Request
2
I would like to use an event similar to the OnCellRender in the Grid. It would allow me to customize the date cells based on some custom business logic.
Completed
Last Updated: 02 Apr 2021 19:43 by ADMIN
Release 2.24.0
Created by: Duane
Comments: 3
Category: Calendar
Type: Feature Request
11

Basically want to do the same thing as on the following two demo pages:

 

Kendo UI already has this feature:

https://demos.telerik.com/kendo-ui/calendar/template

 

DevExpress UI for Blazor already has this feature:

https://demos.devexpress.com/blazor/Calendar#DayCellCustomization

 

Checked the documents but this doesn't seem supported yet, is that the case / is this something we could get implemented if so?

 

Many thanks,