Represents the Kendo UI DatePicker widget
Kendo datepicker is a component of KendoUI for providing visual date selection.
Questions tagged [kendo-datepicker]
185 questions
2
votes
1 answer
Kendo UI button on input fields misaligned
I'm trying to create a simple form using Kendo UI, but for some reason the buttons on the input fields (like dropdown, combobox, calendar) are misaligned.
Does anyone know where to start looking for the source of the problem? I've Googled around…
digawp
- 324
- 2
- 13
2
votes
1 answer
Custom Kendo widget doesn't update viewModel
I'm trying to customize and extend datepicker.
First I extended Binder by customValue:
kendo.data.binders.widget.customValue = kendo.data.Binder.extend({
init: function (element, bindings, options) {
kendo.data.Binder.fn.init.call(this,…
KubaKubikula
- 370
- 2
- 14
2
votes
1 answer
kendo date dialog on click of input box
I have a kendo Date picker it is functioning well.
On click of icon in input box I am able to open date dialog and it is working.
But I want this dialog should also open in click of input box as well..
Select date:
…
Javascript Coder
- 5,691
- 8
- 52
- 98
2
votes
1 answer
How can I default to placeholder for date picker?
Here's the code for my date picker:
@(Html.Kendo().DatePickerFor(model => model.Date)
.HtmlAttributes(ViewBag.Disabled ? (object)new { @class = "formDatePicker", disabled =…
Kala J
- 2,040
- 4
- 45
- 85
2
votes
1 answer
Kendo datepicker(monthpicker) disable particular month
$("#monthpicker").kendoDatePicker({
// defines the start view
start: "year",
// defines when the calendar should return date
depth: "year",
// display month and year in the input
format: "MMMM yyyy"
});
Vishnu Vikraman Sreekala
- 853
- 14
- 33
2
votes
1 answer
Is it possible to set the alignment of kendo datepicker's dropdown calendar in kendo grid with respect to the textbox
When the datatype is Date, the kendo grid uses a kendo datepicker with dropdown calendar for the column.
The datepicker's dropdown calendar usually aligns itself flush with the left edge of the input box. If there isn't room for that, it is moved to…
Tim
- 8,669
- 31
- 105
- 183
2
votes
2 answers
Kendo Grid - Parse and Format Date
I get a date (the value parameter shown below) from SQL that looks like this: "2014-08-22T07:45:13.12Z". I want to format it so that I see this in the grid: "08/22/2014". I have tried this in the schema for the data source:
ModifiedDate: {
…
Scott
- 2,456
- 3
- 32
- 54
2
votes
0 answers
Kendo UI datepicker Tab key toggling not working in firefox when changing the actual dates of it
Am facing this issue guys i have a kendo date picker like
$window.find("#dpkr-pickup-from, #dpkr-pickup-to")
.kendoDatePicker({ format: "MM/dd/yyyy" })
.mask("99/99/9999");
When i change the actual date
tab key is not…
Sundar Rajan
- 133
- 1
- 1
- 12
2
votes
3 answers
Hiding the Kendo UI DatePicker TextBox
I have an application where the users are used to a specifically formatted date, such as the following format ([] denotes a textbox):
[Month] [Day] [Year] [Time] [AM/PM]
Each component is a separate textbox, so what I would like to do is use the…
Brian Mains
- 50,520
- 35
- 148
- 257
2
votes
1 answer
How can I style a Kendo DatePicker control to look like a regular textbox?
The Kendo DatePicker's look and feel is great but since I am following a mockup I need to make it looks as a regular textbox. The expected behavior when the user clicks the textbox should be the same but the idea is to hide the little calendar…
Annie
- 145
- 4
- 12
2
votes
2 answers
How to get current date from kendoDatePicker not in the 'change' handler
Those approaches don't work:
dateSelectedFrom = $("#datepickerFrom").value - undefined
dateSelectedFrom = $("#datepickerFrom").value() - object has no method value()
I know that I can use this.value() and it is works fine, but the method…
Mando
- 11,414
- 17
- 86
- 167
1
vote
1 answer
Cypress E2E test of KendoReact DatePicker unstable
I have a Cypress E2E test, that inputs a specified date into the KendoReact DatePicker field.
cy.insertValueInDateField("#myKendoDatePicker", getDateString(date));
Cypress.Commands.add("insertValueInDateField", (selector, fieldValue) => {
…
LWolf
- 13
- 3
1
vote
1 answer
Resizing kendo datepicker control's overall size
I am using Kendo controls for styling my application, I was able to customize the css of almost all other kendo controls by overwriting default css but I am unable to do that in the case of Kendo datepicker.
I have tried many things but I am only…
Karthik
- 65
- 1
- 10
1
vote
1 answer
Kendo Grid Inline editing date range validation
I need help in my kendo grid. During inline editing add or edit I'm using 4 kendoDatepicker. I want to do a date range validation, for example if I select date for Booking Date From/Until from -> 01/07/2020 until -> 30/07/2020, then when I select…
dontbannedmeagain
- 451
- 7
- 35
1
vote
2 answers
Kendo UI for Angular: Kendo UI Datepicker disable typing/ only textbox section
I am trying to implement a Kendo UI Datepicker. Date value should be changed only through its button and selecting the date from the pop-up. How can I prevent users from typing in the Datepicker textbox? Can I disable the textbox without disabling…
Nagarjuna Reddy
- 4,083
- 14
- 41
- 85