DateTimePicker value not updated when component updated

[Asaf benyamin]

Hi,

I'm rendering DateTimePickerComponent with a given value.

When my component updated with different value, the value on the control stays the same.

Please let me know what I'm doing wrong, sounds like very simple scenario to me. 

Thanks,

Asaf

Code Example (example also available here - https://stackblitz.com/edit/react-7tziri ) 

import React, { Component } from "react";

import moment from "moment";

import { DateTimePickerComponent } from "@syncfusion/ej2-react-calendars";

import "@syncfusion/ej2/material.css";

export default function App() {

  return (

    <div>

      <DateWrapper />

    </div>

  );

}

class DateWrapper extends Component {

  constructor(params) {

    super(params);

    setInterval(() => {

      this.setState({

        date: moment(this.state.date)

          .add(1, "days")

          .toDate()

      });

      console.log("new date:" + this.state.date.toString());

    }, 2000);

    this.state = {

      date: moment().toDate()

    };

  }

  render() {

    return <DateComponent date={this.state.date} />;

  }

}

const DateComponent = ({ date }) => <DateTimePickerComponent value={date} />;

[Asaf benyamin]

Hi,

Has anyone facing this issue too?

I've managed to reproduce the issue when modifying the official datetimepicker exmple - https://react-ef457t-mo2axf.stackblitz.io/

The only workaround I've found so far was manually managing the key prop, which is not the way it should be.

Please if someone can assist.

Thanks

[Sureshkumar P]

Hi Asaf,  

  

Thank you for contacting Syncfusion Support.  

  

We confirmed the reported issue "Each child in a list should have a unique "key" prop" as a bug in our end and the fix will be available in our upcoming patch release. You can track the status of the bug in the below feedback link from below.      

  

Feedback link: https://www.syncfusion.com/feedback/18589  

  

Regards,  

Sureshkumar P 

[Asaf benyamin]

Hi,

Thanks for your response.

My question was not about "Each child in a list should have a unique "key" prop"

which is a different issue.

My question is about updating the datetimepicker.

Are those 2 issues related?

Thanks

[Sureshkumar P]

Hi Asaf, 

 

Thanks for your update. 

 

We have already considered this reported scenario and logged this requirement as feature request at our end. We will implement this feature in volume 3 sp1 release which is expected to be rolled out on November 5^th,2020. We appreciate your patience until then.     

   

Feedback: https://www.syncfusion.com/feedback/19276/   

 

Regards, 

Sureshkumar P