or
1 answer
24 views
If i have a TimePicker with a date-input template then the popup will not lose focus and disappear when you click elsewhere on the page (on another control input for example). When i bind to the popup 'show' property and attach handlers to the 'blur' and 'iconclicked' events i can get the popup to hide but on clicking 'Set' on the popup the 'change' event is never raised and the TimePicker input is not updated with the selected time.
Konstantin Dikov
Telerik team
answered
on
22 Dec 2023
0 answers
117 views
Hi i want to ask about datepicker in this Demo. first of all i already implement datepicker and successfully show the UI but not same like in demo. my guess is that css of datepicker is not loaded and datepicker UI looks big when i open it
i attach file of datepicker UI right now in my grid table. is there something wrong with my setup?
appreciate your help. thanks
you can ask if my english is confusing
i attach file of datepicker UI right now in my grid table. is there something wrong with my setup?
<datepicker
:style="{ width: '145px' }"
:default-value="new Date()"
:format="'MMM DD, YYYY'"
v-model="interviewDate"
>
</datepicker>
import { DatePicker, TimePicker } from '@progress/kendo-vue-dateinputs';
components: {
'datepicker': DatePicker
},
appreciate your help. thanks
you can ask if my english is confusing
Kenji
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
asked
on
06 Jan 2023
1 answer
792 views
I try to use v-bind:steps="{ hour: 1, minute: 15 }" but turns out it doesn't have any effect.
I would like to make sure if it is not supported or I have misconfigured.
Thanks!
Petar
Telerik team
answered
on
03 Jun 2021
4 answers
596 views
I have a native DatePicker that I am using in an application with many components that use the Kendo wrapper validation widget. I am trying to get the behavior and appearance of the DatePicker to match that of the existing components. Validation should occur when a field loses focus and an invalid field should have a red outline and red error message below it. I tried to use the native DatePicker validation functionality, but I was unable to make validation consistent with all of the other components.
I am able to use the Kendo wrapper validation widget to perform validation when a field loses focus and display an error message, but I have been unable to get a red outline on an DatePicker in the invalid state. How can I accomplish this?
See https://stackblitz.com/edit/esiptm for an example.
Alex
Top achievements
Rank 1
Veteran
Iron
Iron
Rank 1
Veteran
Iron
Iron
answered
on
09 Oct 2020
1 answer
154 views
We have a Kendo vue UI Grid column with Vue bootstrap Datepicker as a custom column.
When we click the calender icon it is partially showing inside the cell. I want it to be show as an popup outside the cell.
Below is the code snippet from the custom cell component
<template>
<td class="cell-editable">
<b-input-group>
<b-form-input
:value="aufValue | date"
type="text"
placeholder="tt.mm.jjjj"
:disabled="!canEdit"
></b-form-input>
<b-input-group-append>
<b-form-datepicker
size="sm"
button-only
:value-as-date="true"
v-model="aufValue"
locale="de-AT"
:disabled="!canEdit"
></b-form-datepicker>
</b-input-group-append>
</b-input-group>
</td>
<template>
right now it show like the attached screenshot:
Please suggest a solution for achieving the same.
Thank You
Veselin Tsvetanov
Telerik team
answered
on
10 Jun 2020
1 answer
1.3K+ views
I have a VueJS app that uses the kendo controls.
Is there a way to use the datepicker or another kendo control to select multiple dates? For example by holding the Ctrl+clicking on each date?
Is there an example?
Petar
Telerik team
answered
on
08 Apr 2022
