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

1 Answer 234 Views
Calendar DateInput DatePicker DateTimePicker MultiViewCalendar
Cyril
Top achievements
Rank 1
Iron
Cyril asked on 07 Jul 2021, 03:56 PM

 

 

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

Cyril
Top achievements
Rank 1
Iron
commented on 07 Jul 2021, 03:58 PM

I've solved my issue with "FirstDate" => "firstDate" but it's an issue for me

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 08 Jul 2021, 09:53 AM

Hello,

Thank you for reporting this.

I can confirm that this is an issue with the current version of the KendoReact Calendar.

I have logged this for fixing, and the status can be monitored here:

https://github.com/telerik/kendo-react/issues/995

Currently, there is no workaround available, if one is found it will be added to the issue.

Additionally, I have added some Telerik points to your account for bringing this to our attention.

Apologies for the inconvenience this may have caused you.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Calendar DateInput DatePicker DateTimePicker MultiViewCalendar
Asked by
Cyril
Top achievements
Rank 1
Iron
Answers by
Stefan
Telerik team
Share this question
or