The DatePicker component has a `toggleButton` prop which we use for customisation, but this prop is missing from DateTimePicker and TimePicker, this makes an inconsistent API and is frustrating for us because we cannot easily apply the same customisation to them.
Please can you add `toggleButton` prop to DateTimePicker and TimePicker.
Hi
We use the directory upload feature in our MVC app using Kendo. We are now redeveloping the app using React but this feature is missing.
Is this feature on the roadmap for a future update (soon)?
Kind regards
Rakesh
The DatePicker and DateInput React components miss the customizable button to clear the date value.
Would be nice to have ability to customize the icon, size, margins and a selectable option to clear the date value to null or a default value (as set to the component) or bind a custom event handler.
The width of the Kendo React DatePicker can become small due to the container width.
In such case, consider the following use case
Users select the date part (year) and start incrementing it by the "up" key. The year date part is selected, but is partially visible,
and the users do not see the date part that they are currently modifying, while they can fully see the other date parts that are not currently in focus.
The DateInput needs a horizontal scrolling to ensure that a focused date part is fully visible to the users in case if the width of the component is narrow.
Please check the case here
https://stackblitz.com/edit/react-8dqy6j-gvgwtk?file=app%2Fmain.jsx
The KendoReact MaskedTextBox value cannot be cleared once a value is set. See this forum post for examples and a proposed workaround: https://www.telerik.com/forums/maskedtextbox-cannot-be-cleared
I would like for a user to be able to clear the MaskedTextBox value without having to code it as a special case in the onChange event handler. I believe this should be done by default as per the Kendo jQuery MaskedTextBox, but it could also be optional via a prop or clear button.
Hey
Small question: it is exists some approach to make Tabs in TabStrip reordable ?
Best
Serge
I noticed that the value prop of the TextAreaChangeEvent is defined as string | number | string[].
When will this value be number or string[]?
Won't it always be string due to the fact that it's a text area input?
Hello,
After taking a look at your example in the documentation here (which doesn't seem to be working) https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/selection/#using-selection-as-navigator
I fixed the onSelectEnd function and got it working. However, the selection chart is reloading the data every time onSelectEnd changes this.state.min and this.state.max.
Here is the example:
https://stackblitz.com/edit/react-nub1sc?file=app/main.jsx
As you can see, this makes for a clunky UI.
If this isn't a bug, do you have suggestions on how to fix this?
Thanks,
Orla
The className prop on the ChipList component is ignored in version 3.18.0. A simple addition of class strings does not appear in the compiled product, e.g.
return (
<ChipList
className='flex-layout --wrap --end'
data={chipData}
onDataChange={onDataChange}
chip={props => (
<Chip removable removeIcon='k-i-close' {...props} />
)}
/>
)
I've looked through the transpiled source in node_modules, and it seems the className property passed to the React.createElement() function totally ignores the prop class names.
i am using KendoReact Drawdom version 1.5.12
I have some input elements for uploading images, and showing the a preview of uploaded image.
I want to export a PDF version of the form, but drawDom.cloneNodes() throws an exception when handling input elements of type file. that is because these type of input elements can not have value attribute.
Hello,
I have two Menus and I need to customize their popups differently. Can I specify somehow Menu Popup id or className?
As I can see Popup component has className property, but it is hard-coded in MenuItemInternal.prototype.getPopupClassName and neither Menu nor MenuItem classes are used in popup.
Any suggestions?
Thanks.
DateTimePicker opens above or below the link to open it, however when it's in the middle of a page, it will choose to open below and sometimes require scrolling to see all the buttons.
Would be better, if it were to open offscreen, it should be "pinned" to the bottom edge. Same for right/left/top borders of the screen.
Certain containers also make it impossible to scroll down to see the buttons, so that creates a real problem. The above proposal would fix this.
using fairly vanilla implementation of the component:
<DateTimePicker
defaultValue={new Date(ActivationDate.toString())}
onChange={handleActivationChange}
width={'8rem'}
/>