Hello!

I use DateRangePicker to filter data in some period in the past.
Now, when I open DateRangePicker, it renders a calendar with current and future month. Therefore our users always have to click on the "left arrow" to select previous month.

Is it possible to open DateRangePicker with calendar, that renders previous and current month? I tried propfocusedDate, but it is not suitable in this case, because the component is "controlled" (it always has some value, by default it is current date).

It would be great, if you will add some settings to do this.

We use "@progress/kendo-react-dateinputs": "3.10.1"

How we use it:

<DateRange
  onChange={handleDateChange}
  value={selectedDates}
/>

Actual result: April and May month in view.

Expected result: March and April month in view. 

Thanks for your attention. I’m looking forward to your reply. 

Is it possible to add a target line to the ArcGauge?   I have attached a picture of what I would like to accomplish using the ArcGauge component.

For example, the user goes to an URL where the query string is created initially with the toDataSourceRequestString method, we need a method that will parse that query string to the Grid data state object, so it can be applied to the Grid when the user returns to that URL.

Hello,

I have a query regarding multiple cell paste and transpose paste

1. Multiple cell pastes:

Mouse selection of multiple cells after selecting, the contents present in the cells should get copied and while pasting it should get paste in multiple cells.
e.g i) column no 3 and 4 having value 200 and 56700 after selection of this  value gets copied while pasting into column no 3 and 4,250 and 3250 replace by copied value
      ii) column no 3 and 4 having value 200 and 56700 and next row value i,e 250and 3250 after selection of this  value gets copied while pasting into column no 5, so the           values 2400,98250,6750,34500 replace by copied values

2.Transpose Paste:

Mouse selection of two or more cells, then the contents present in that cells should get copied then after clicking on transpose paste the copied cell content get pasted vertically in multiple cells.

e.g column no 3 and 4 having value 200 and 56700 after selection of this  value gets copied while pasting into column no 3,250 and 300 replace by copied value

all cells should be editable

Create a custom view with only specific dates shown in the Scheduler.

For example, the Sheculder will only show the dates 02/02/2020, 02/10/2020 and 02/20/2020.

Add parseFormats option to the KendoReact DateInputs (DateInput, DatePicker, DateTimePicker etc).

The option is expected to work as the parseFormats one available in Kendo UI:

https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/configuration/parseformats

Hi 

I am currently using kendoReact TreeList and using custom filtering for text. I want to limit allow filtering to happen only after user enters 3 or more characters. For this I want to show a placeholder saying "Enter more than 3 characters to filter....". Can I add a placeholder to the filter header ?

Thanks and Regards

Gaurav Thakur

Hi,

I'm using the tabstrip control for a complex form for the user to fill out. I am trying to find a way to preload all contents of each tab in the tabstrip to ensure all the controls are rendered. This is required for my validations to work correctly.

I did not see any property on the Tab or TabStrip control to achieve this. Am I missing something?

Regards,

Ruud

When using the auto for tooltip position, I would like the option to prioritize the order.

[right, left, bottom, top] for example would mean that it would check if that area is available to display a tooltip, and if not, it'll move on to the next one in the list.

Is this an option? How will I go about creating this functionality if not?

Hi there, 
Im use chart component, and  sometimes the tooltip on grid disappear, i dont know why, and if i put the same code on the telerik this bug doesnt happen, here is an exemplo with the same data 

import * as React from 'react'
import * as ReactDOM from 'react-dom'

import {
    Chart,
    ChartSeries,
    ChartSeriesItem,
    ChartCategoryAxis,
    ChartCategoryAxisItem,
    ChartTitle,
    ChartLegend,
    ChartTooltip,
    ChartValueAxis,
    ChartValueAxisItem
} from '@progress/kendo-react-charts';

import 'hammerjs';


	const valueAxis = [
		{
			name: "",
			format: "{0:n1}",
			font: "10px Roboto",
      
		},
	];


const seriesValues = [
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 1",
			spacing: 1,
      data: [27869.8616],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 2",
			spacing: 1,
      data: [13277.95],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 3",
			spacing: 1,
      data: [95164.9968],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [115579.184],
		},
    {
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [null],
		},
        {
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [616.7145289747288],
		},
	];

const ChartContainer = () => (
  <Chart>
      <ChartTooltip
    shared={true}
    />
 <ChartValueAxis>
    {valueAxis.map((e, idx) => (
      <ChartValueAxisItem
        key={idx}
        name={name}
        labels={{
          visible: e.visible !== undefined ? e.visible : true,
          format: e.format,
          rotation: "auto",
          font: e.font,
        }}
      />
    ))}
  </ChartValueAxis>
    <ChartSeries>
      {seriesValues.map((item, idx) => (
        <ChartSeriesItem
          key={idx}
          type={item.type}
          data={item.data}
          name={item.name}
          spacing={item.spacing}
          labels={{
            font: '10px',
            format: "{0:n2}"
          }}

                />))}
    </ChartSeries>
  </Chart>
);

ReactDOM.render(
  <ChartContainer />,
    document.querySelector('my-app')
);

I inspected the page and realized this, that div is the tooltip and thats working normally, k-animation-container-show class, top and left properties on style;

and this one, is the tooltip that doest appear in the screen, does not have all class and style, just doesnt show up, 

However, the component inside that div was rendered, as can you see

Im using this version

Please allow the Switch component to accept a title prop so that the Tooltip component can be used with Switch. Switch doesn't really support long labels, or labels at all in some themes, so it would be nice to be able to use Tooltip component with Switch component.

Actual results:

aria-label is not defined for ‘Reply editor’ when the keyboard focus is on 'Reply’ edit box narrator is announcing as “Editing End of line”.

Actual Result:

Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, I get the follow error message:

Snippet
<div aria-label="Post a question or answer" contenteditable="true" class="ProseMirror"><p data-prewrap="true"><br></p></div>
How to fix
Fix the following:
ARIA attribute cannot be used, add a role attribute or use a different element: aria-label

Expected behavior

Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, then I should not receive the following error message above

Hi support,

I would like to know what's the best way to set the modal dialog to the bottom of the page, and add animation for it to slide up to open and slide down to close.

Thanks!