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.