This just seems like a minor oversight since the Enable(bool) method exists on the DatePicker html helper and other Kendo taghelpers support the enable or enabled attribute, but there doesn't seem to be an enable-like attribute for the kendo-datepicker. Thanks!
<kendo-datepicker for="ReadOnlyDate" enable="false"></kendo-datepicker>
The issue is reproducible when the TimePicker's dates configuration is set and its min() API method is called. Afterwards, if the user select a time, the component shows the wrong time (2h earlier) as selected.
The TimePicker shows a selected value that is 2h earlier than the actual time the user has selected.
The time the user selects is shown as selected value.
### Bug report
When the TimePicker's type is "modern", the "min" and "max" options cannot be set dynamically through the min(), max(), and setOptions() methods.
### Reproduction of the problem
1. Define the TimePicker with componentType: "modern".
2. Set its "min" and "max" values through the min() and max() options.
3. The "min" and "max" values are not visually updated.
A Dojo sample for reproduction: https://dojo.telerik.com/OXAqUYiw
### Expected/desired behavior
The "min" and "max" values must be dynamically updated when the TimePicker's type is "modern".
### Workaround
let timeView = $("#timepicker").data("kendoTimePicker").timeView;
timeView.options.specifiedRange = true;
timeView.options.min = new Date(2024, 0, 1, 9, 00, 00);
timeView.options.max = new Date(2024, 0, 1, 22, 00, 00);
timeView._updateRanges();
.NET 6 introduced DateOnly and TimeOnly types, but none of the relevant date/time controls support these types.
There is already a feature request to support DateOnly in DatePicker; this feature request is about adding support for TimeOnly to TimePicker.
### Bug report
When the dateInput option is enabled and the format contains the "ddd" format specifier, the DateTimePicker does not display the date format correctly. Also, when a date is selected, the formatting contains "undefined".
### Reproduction of the problem
1. Define a DateTimePicker with enabled "dateInput" and format equals to "ddd dd/MM/yyyy HH:mm".
2. The format is not correct. When you select a date it is not formatted correctly.
The issue occurs when using the DatePicker, as well.
The last working version is 2023.1.425.
Also, when the "dateInput" is disabled, the date format is displayed as expected.
A Dojo sample for reproduction: https://dojo.telerik.com/oxipADUL
### Expected/desired behavior
The date format must be "day of the week day/month/year hours:minutes" (for example, "Wed 24/01/2024 01:00").
### Environment
* **Kendo UI version: 2023.3.1114
* **jQuery version: 3.7.0
* **Browser: [all]
When a Date is already present in the DateTimePicker and the date parts are focused with a mouse click the digits for the year part are cut off.
Reproducable in this Dojo.
Screen recording of the issue.
The AM/PM mask of the DataTimePicker is editable.
The behavior might be related to the introduction of the common DateInput package in the DatePickers.
The AM mask gets deleted and is replaced by the default AM/PM
The AM mask should be non-editable as it isn't part of the value of the Widget.
I noticed that in version 2023.2.606 you introduced some Date Editing enhancements for the DateInput component, like:
but these options aren't available for other DatePickers that implement the DateInput internally:
@(Html.Kendo().DateTimePicker()
.Name("datepicker")
.DateInput()
)
When clicking on the start date input without changing the default date, the drilldown menu closes when selecting the current year. When clicking the date input again, the drilldown menu correctly shows the months of the selected year. The expected behaviour would be to change to the month selection without closing
See this REPL for reference.
The translations of the Time- and DateTimePickers are missing from the kendo.messages.en-US.js file although the Creating New Localization Files sections of the docs states that it has all messages and should serve as template for contributors.
The DateTimePicker's popup calendar view is cut in the Default, Classic, and Fluent themes.
The Date and Time views in the DateTimePicker popup are trimmed.
The Date and Time views in the DateTimePicker popup should not be trimmed.
The DatePicker TagHelper does not expose the disableDates configuration option.
When using the DatePicker TagHelper it is not possible to set the disableDates configuration.
The disableDates configuration should be configurable similar to the HTML Helpers.
On mobile device's the TimePicker and DateTimePicker's popup doesn't get scrolled as expected. Instead the entire page is scrolled.
The page gets scrolled.
The popup should be scrollable.
1570836
Currently, the new feature .ComponentType('modern') does NOT respect the .Interval(n) setting for the control.
Demo of ComponentType setting on DateTimePicker control
According to the API Reference the Interval setting, Interval
"Specifies the interval, between values in the popup list, in minutes."
The ComponentType('classic') does respect the Interval setting. Thus, the ComponentType feature should be updated to respect the Interval setting when the "modern" ComponentType is selected. The time interval under modern is always 1 minute (see screenshot).
@(Html.Kendo().DateTimePicker() .Name("SessionEndDateTime") .Interval(15) .ComponentType("modern") .Events(e => { e.Change("onSessionEndChange"); }) .HtmlAttributes(new { style = "width: 100%", title = "Session End Date/Time", @class = "form-control" }) .DateInput() )
Modern should respect the Interval setting for the control.
Hey,
It would be very useful if the TimePicker component would have a feature called something like "AutoFocusTime()". By default, when there is no value inside the TimePicker, the default focused time is "12:00 am", therefore the user has to scroll up all the way to the required time. With the feature above, it would be possible to enter a time which should be focused by default. For example "8:00 am" which is when most businesses start operating.
Now the question is, why not just putting in a default value. Well, in a form with lots of inputs, the user may not know anymore which values he entered and which inputs have a default value set and therefore submitting wrong data. If a input doesn't have a default value this mistake can be caught by setting a [Required] attribute. Threfore, the user has to enter a value and it will be guaranteed that all values where entered by him and it wasn't a default value which has been set.
See ticket id 1412837.
Hi,
I'm having an issue with the TimePickerFor control, it doesn't show the time, only a strange format.
When I declare the control:
@(Html.Kendo().TimePickerFor(m => m.ShiftStartDt)
.Deferred()
)
it only shows a forma of "h:mm tt" instead of the time from the model
When I change the control to a datetime picker, it works fine but I don't want to see the date, only the time.
This works:
@(Html.Kendo().DateTimePickerFor(m => m.ShiftStartDt)
.Deferred()
)
I have debugged the model and the data is correct,
[Display(Name = "Start Time")]
public DateTime ShiftStartDt { get; set; }
I have even tried changing the model to TimeSpan but it didn't help
I tried setting the format also on the control and using jquery:
$("#ShiftStartDt").kendoTimePicker({
format: "HH:mm"
});
still always shows "h:mm tt" always, no matter what I do
Regards
Raff
using DateTimePicker new features .ComponentType("modern") in french localization, the new feature are show in english and not in french.