State not getting updated when date changed (input type="date").

[vishwa3]

I have columns named Start Date and End Date which would include cells with prefilled dates and when date is changed - I am expecting the state to change but the same is not happpening .

Codesandbox - https://codesandbox.io/s/upbeat-breeze-hyodx

Code for date part -

{
            id: "STARTDATE_FIELD",
            Header: "startDate",
            accessor: (d) => d.startDate,
            Cell: (c) => {
              return (
                <span>
                  <input
                    type="date"
                    id="birthday"
                    name="birthday"
                    value={c.value}
                  />
                </span>
              );
            },
          },

If I remove value={c.value} in the above code , date can be changed on the frontend but state is not getting updated

So there are 2 issues -

1. On frontend date is not changing , when calendar is opened and a new date is selected
2. State doesn't get updated when date is changed .

[vishwa3]

My bad

For the first issue I just replaced value with defaultValue .
For the second issue I added onChange to my input and called updateMyData in onChange .

Changed code -

{
            /* id: "STARTDATE_FIELD", */
            Header: "startDate",
            /* accessor: (d) => d.startDate, */
            accessor: "startDate",
            Cell: (c) => {
              /* console.log("c", c); */
              return (
                <span>
                  <input
                    type="date"
                    id="birthday"
                    name="birthday"
                    **defaultValue={c.value}**
                    **onChange={(e) => {
                      updateMyData(
                        c.cell.row.index,
                        c.cell.column.id,
                        e.target.value
                      );
                    }}**
                  />
                </span>
              );
            },
          },