Planned
Last Updated: 19 Sep 2021 05:56 by ADMIN
Scheduled for 2.28.0
Created by: Robert
Comments: 4
Category: DatePicker
Type: Feature Request
40

How to remove placeholder from DatePicker?

If I set DateFormat to "d" then DatePicker will have "d" as a placeholder which confuses my users. How can I set custom placeholder or remove the placeholder from the DatePicker control?

Best regards,

Robert

Declined
Last Updated: 23 Apr 2021 07:19 by ADMIN
Created by: Marc Simkin
Comments: 1
Category: DatePicker
Type: Feature Request
0

Currently, when dates need to be disable in the DatePicker and DateRangePicker, a collection of induvial dates are provided.  As a result, when I need to disable a 90 day or 180 day continuous range I need to add to the collection 90 or 180 day individual DateTime objects.

It would be more efficient to provide a range of dates to disable instead of induvial dates.

The DisabledDates should accept a collection of DisableDateItems that is similar to the below:

public class DisableDateItem
{
     public DateTime RangeBegin { get; set; }
     public DateTime RangeEnd { get; set; }
}

Using this collection I can disable an individual date by having the RangeBegin and RangeEnd dates be the same, as shown below:

var bankHoliday = new DisableDateTime
{
       RangeBegin = new DateTime(2021, 09, 01),
       RangeEnd = new DateTime(2021, 09, 01)
};


To disable a date range, for example the Eastern Good Friday Weekend, I would provide a DisableDateTime as:

var bankHoliday = new DisableDateTime
{
       RangeBegin = new DateTime(2021, 04, 30),
       RangeEnd = new DateTime(2021, 05, 02)
};

To disable a 90 day range, I would provide a DisableDateTime object as:

var bankHoliday = new DisableDateTime
{
       RangeBegin = new DateTime(2021, 05, 01),
       RangeEnd = new DateTime(2021, 07, 30)
};
Unplanned
Last Updated: 23 Apr 2021 06:32 by ADMIN

Steps to reproduce

  1. Add a DatePicker
  2. Bind it to nullable DateTime object
  3. Use the dd.MMM.yyyy format
  4. Select any date and when the popup is closed press any numeric key on the keyboard.
Unplanned
Last Updated: 13 Apr 2021 18:40 by ADMIN
Created by: Neil N
Comments: 0
Category: DatePicker
Type: Feature Request
1

I would like the following behavior in the date picker. Perhaps it can be achieved with a parameter similar to the one in UI for ASP.NET AJAX - the FocusedDate property (something like RadDatePicker1.FocusedDate = DateTime.Today.AddDays(30);).

The current behaviour is:

* if date is set, show month of set date
*else show month of current date (today)

Desired behaviour:

* if date is set, show month of set date
* else if min date's month is greater than current date month then show month of min date
* else show month of current date

Here is a code snippet to illustrate the issue:

Open the picker - it will start in the month with today's date, but I want it to start at the min date - one month later

<TelerikDatePicker @bind-Value="@theDate" Min="@minDate" Max="@maxDate"></TelerikDatePicker>
@code {
    DateTime theDate = DateTime.Now;
    DateTime minDate = DateTime.Now.AddDays(60);
    DateTime maxDate = DateTime.Now.AddDays(230);
}

Completed
Last Updated: 04 Mar 2021 17:27 by ADMIN
Release 2.23.0

When using DatePicker with Globalization the message that indicates that the component has an invalid date is still visible even after providing a correct date.

Completed
Last Updated: 04 Mar 2021 08:22 by ADMIN
Release 2.23.0

Delete the input, choose a date from the dropdown. The issue is that the first picker remains invalid, while it is valid, a keyboard interaction with the input is required to clear the invalid state.

Reproducible:

@using System.ComponentModel.DataAnnotations;

    <EditForm Model="ModelData">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <br /><br />
        <span>Not nullable</span> @ModelData.Date<br />
        <Telerik.Blazor.Components.TelerikDatePicker @bind-Value="ModelData.Date" Min="DateTime.MinValue" Max="DateTime.MaxValue"></Telerik.Blazor.Components.TelerikDatePicker><br /><br />
        <span>Nullable</span> @ModelData.Date2<br />
        <Telerik.Blazor.Components.TelerikDatePicker @bind-Value="ModelData.Date2" Min="DateTime.MinValue" Max="DateTime.MaxValue"></Telerik.Blazor.Components.TelerikDatePicker><br /><br />
    </EditForm>

@code  {

    public MyModel ModelData { get; set; }

    protected override void OnInitialized()
    {
        ModelData = new MyModel();
    }

    public class MyModel
    {
        public string Name { get; set; }

        [Required(ErrorMessage = "Non nullable required")]
        public DateTime Date { get; set; } = DateTime.Today;

        [Required(ErrorMessage = "Nullable required")]
        public DateTime? Date2 { get; set; } = DateTime.Today;
    }
}

Unplanned
Last Updated: 01 Feb 2021 08:43 by ADMIN
Created by: David
Comments: 0
Category: DatePicker
Type: Feature Request
4

Ideas that would serve me:

 

Declined
Last Updated: 08 Jan 2021 12:52 by René

If I set a Min-Date like this:

<TelerikDatePicker @bind-Value="myDate"
                                    Format="dd.MM.yyyy"
                                    Min="@DateTime.Today.AddDays(1)">
 </TelerikDatePicker>

clicking on the "Today" link in the calendar does not do anything!

 

If I don't set Min then a click on "Today" correctly sets the current date.

Regards,

René

Unplanned
Last Updated: 14 Dec 2020 08:57 by ADMIN
Created by: Kevin
Comments: 0
Category: DatePicker
Type: Feature Request
1

I would like to be able to disable a month or multiple months in the DatePicker/DateRangePicker or the Calendar.

<AdminEdit>

Currently, we look at this feature as an internal check if all dates in the month/months are disabled and if so to disable the entire month. 

</AdminEdit>

Unplanned
Last Updated: 06 Jul 2020 08:44 by ADMIN
Created by: Maurice
Comments: 0
Category: DatePicker
Type: Feature Request
4
I would like to have a column with the number of the week like the one from this example.
Completed
Last Updated: 15 May 2020 18:56 by ADMIN
Release 2.14.0
Only under WASM, when you double click the icon fopr the calendar/time popup, you get an exception. Can happen with a bit slower click before the animation has finished, but it's hard to reproduce (you have to be quite fast and slow enough so it isn't a double-click).
Completed
Last Updated: 11 May 2020 10:11 by ADMIN
Release 2.13.0

Many users would prefer to not have to use their mouse when entering data. This makes their job much more efficient when they can keep their hands in one place. I would expect to be able to type "05/22/2020" and also "05222020" into the datepicker but it keeps getting stuck on the day part. If you look at the demo for MVC, when you type those values, it accepts them but the demo for the Blazor datepicker does not.

ADMIN EDIT:

The MVC date picker does not have the described behavior. By default it is a simple <input> without validation so it will take any input, but typing in the numbers in sequence like that won't select a date. See the rest of the discussion and the updated title for more details on the behavior and issue this will fix.

</ADMIN EDIT>

To reproduce, go to https://demos.telerik.com/blazor-ui/datepicker/overview and tab into the datepicker input. Try typing "05/22/2020" and you will get a result of "5/20/yyyy" because it gets stuck on the dd section. 

To see the expected functionality, go to the MVC demo site (https://demos.telerik.com/aspnet-mvc/datepicker) and tab into the datepicker. Try typing "05/22/2020" and you will get a value of "05/22/2020" which is what it should be.

This should work when typing both "05/22/2020" and "05222020" since users will be even more efficient if they don't need to type the /.

Completed
Last Updated: 28 Apr 2020 17:34 by ADMIN
Release 2.11.0

When you use the DisabledDates parameter of the picker and it is null, the component throws an error that it cannot Select from the IEnumerable:

 

<TelerikDatePicker @bind-Value="@theValue" DisabledDates="@DisabledDates" />

@code{
    DateTime theValue { get; set; }
    List<DateTime> DisabledDates { get; set; }
}

 

Unplanned
Last Updated: 06 Apr 2020 13:53 by ADMIN
Created by: Wuttichai
Comments: 1
Category: DatePicker
Type: Bug Report
2
For example, a Thai calendar causes exceptions in WASM because day names are missing
Unplanned
Last Updated: 27 Mar 2020 09:34 by ADMIN
At the moment, the date and time pickers open their calendar popups at the left edge of the input. When the inputs are narrow, this is OK, but on a wide form, this puts the popup far away from the button which is not very comfortable for the user. In fact, the user may miss it altogether.
Declined
Last Updated: 20 Mar 2020 08:01 by ADMIN

I'm making a wrapper on top of TelerikDatePicker and this is how my component is working

<TelerikDatePicker T="TDate"
                   Value="@_value"
                   ValueChanged="@ValueChanged"
                   ValueExpression="@ValueExpression"
                   Enabled="@Enabled"
                   Class="@ClassMapper.AsString()"
                   Format="@Format" />

@code {

    // ... the other properties

    [Parameter]
    public virtual string Format { get; set; }

}

But here is the problem. This component will give me the error

Error: System.AggregateException: One or more errors occurred. (Value cannot be null. (Parameter 'input'))
 ---> System.ArgumentNullException: Value cannot be null. (Parameter 'input')
   at System.Text.RegularExpressions.Regex.Replace(String input, String replacement)
   at System.Text.RegularExpressions.Regex.Replace(String input, String pattern, String replacement)
   at Telerik.Blazor.Common.DateHelpers.FormatHelper.ExpandFormat(String format)
   at Telerik.Blazor.Common.DateHelpers.FormatHelper.ConvertToKendoIntl(String format)
   at Telerik.Blazor.Components.TelerikDateInputBase`1.GetDateInputOptions()
   at Telerik.Blazor.Components.TelerikDateInputBase`1.OnAfterRenderAsync(Boolean firstRender)

 

So another solution would be set it to string.Empty, but than it will have a different result when I don't pass the Format property.

 

Here are the cases:

    [Parameter]
    public virtual string Format { get; set; } // gives the error

 

    [Parameter]
    public virtual string Format { get; set; } = ""; // doesn't give the default result

 

I had to make a walkaround to not pass Format to the component for it to work

@if (!string.IsNullOrEmpty(Format))
{
    <TelerikDatePicker T="TDate"
                       Value="@_value"
                       ValueChanged="@ValueChanged"
                       ValueExpression="@ValueExpression"
                       Enabled="@Enabled"
                       Class="@ClassMapper.AsString()"
                       Format="@Format" />
}
else
{
    <TelerikDatePicker T="TDate"
                       Value="@_value"
                       ValueChanged="@ValueChanged"
                       ValueExpression="@ValueExpression"
                       Enabled="@Enabled"
                       Class="@ClassMapper.AsString()" />
}

 

What should I set as a default value to my wrapper's Format property so it doesn't give me the error and also get's the default value of Format?

 

Please don't say that I should keep the @if (!string.IsNullOrEmpty(Format)), it's so bad and I don't want to use telerik and still have to make walkarounds.

Unplanned
Last Updated: 06 Mar 2020 10:08 by ADMIN
Created by: Tom
Comments: 1
Category: DatePicker
Type: Feature Request
3
I need an event like in the Calendar component so that I can load DisabledDates on demand, because they are tied to complex logic in my app.
Duplicated
Last Updated: 02 Mar 2020 13:21 by ADMIN
Created by: Paul
Comments: 1
Category: DatePicker
Type: Bug Report
1

The picture says it all!

Completed
Last Updated: 24 Feb 2020 07:35 by ADMIN
Release 2.8.0
Created by: Jasmin
Comments: 2
Category: DatePicker
Type: Bug Report
1

Setting Min and Max should also prevent the user from writing a date that is out of their range. At the moment, it only disables the dates in the calendar.

In the meantime, you can use validation to limit the user input.

Completed
Last Updated: 24 Feb 2020 06:39 by ADMIN
Release 2.8.0
Created by: Robert
Comments: 1
Category: DatePicker
Type: Bug Report
3

Hi,

disabled dates are not working in DatePicker. When setting DisabledDates parameter nothing changes in DatePicker. Those dates can still be selected. It works as expected in Calendar control

1 2