Questions on KendoReact Forum

2 answers

40 views

Selection in MultiViewCalendar with custom cell

Hi.

In your documentation example of the MultiViewCalendar on this page you write "For the custom cell to allow date selection, manually pass or handle the onClick event".

In the code of the example the onClick event is handled in the CustomCell component but still nothing happens if I click on a date that should be a valid selection. I tried it out myself in my code and it doesn't work. Isn't the "handleClick" method in the CustomCell component enough to handle the onClick event?

And another question: Is it also possible to allow to select more than one day in the Calendar component?

Thanks,

Greetings,

Bernd

Calendar

MultiViewCalendar

answered on 03 Aug 2023

1 answer

1.7K+ views

KendoReact date picker year only

Hi forums,

I wonder is there any way for me to have a year-only datepicker. Without month or date. How can I customize the component to suit my need?

Thanks!

answered on 18 Nov 2021

1 answer

194 views

DatePicker => React does not recognize the `firstDate` on page loading

Hello,

I've this warning on page loading

Warning: React does not recognize the `firstDate` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `firstdate` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in td (created by CalendarWeekCell)
    in CalendarWeekCell (created by View)

with this simple code :

<div>
<DatePicker
    name="OperationDate" className="OperationDate"
    defaultValue={fromData.Date}
    format="dd/MM/yyyy"
    width={116}
    tabIndex={8}
    weekNumber={true}
    weekCell={CustomWeekCell}
    onChange={this.handleChange}
    {...this.props} />
</div>

I defined this const to resolve this issue :

const CustomWeekCell = ({ 
    FirstDate, 
    ...props}) => <CalendarWeekCell {...props} />

But it's no effect

a part of my package.json below :

"@progress/kendo-data-query": "^1.5.5",
"@progress/kendo-drawing": "^1.10.1",
"@progress/kendo-licensing": "^1.1.4",
"@progress/kendo-react-animation": "^4.7.0",
"@progress/kendo-react-buttons": "^4.7.0",
"@progress/kendo-react-data-tools": "^4.7.0",
"@progress/kendo-react-dateinputs": "^4.7.0",
"@progress/kendo-react-dropdowns": "^4.7.0",
"@progress/kendo-react-excel-export": "^4.7.0",
"@progress/kendo-react-grid": "^4.7.0",
"@progress/kendo-react-inputs": "^4.7.0",
"@progress/kendo-react-intl": "^4.7.0",
"@progress/kendo-react-layout": "^4.7.0",
"@progress/kendo-react-pdf": "^4.7.0",
"@progress/kendo-react-tooltip": "^4.7.0",

Do you known how resolve this issue (it's a big warning in my JS console) ?

Thank you