I need help in react-data-grid for acess calander.. Please help . When I click on date my calendar not come out..

Question

import logo from "./logo.svg";
import "./App.css";
import "react-data-grid/lib/styles.css";
import DataGrid, { textEditor } from "react-data-grid";

const validateEmail = value => {
if (!value) return "Email is required";
if (!/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/.test(value))
return "Invalid email address";
};
//The error has been fixed.
const columns = [
{ key: "id", name: "ID",editor:textEditor },
{ key: "date", name: "Date",editor: MohiveDatePicker },
{ key: "email", name: "email",editor:textEditor, validate:validateEmail},
];

const rows = [{ id: 0, date: "2023-01-02", email: "[e-mail]" }];
function App() {
return <DataGrid columns={columns} rows={rows} />;
}

export default App;

Answer 1

Please use codesandbox or similar site to share your react code.
So we can run it in same environment as you do.

Also where did you define MohiveDatePicker? I can't see this data anywhere. It should be imported also or?

I tried to test code and I needed to delete first 2 imports(svg and css file you didnt included it) and then I get MohiveDatePicker is not defined.

Answer 2

You have forgotten to write MohiveDatePicker function

Answer 3

Than please help Calviղ PanicS

Answer 4

https://l8hfy7.csb.app/

Answer 5

Silly we don't know how to help if you are not sharing your code.

Answer 6

Bro how send you code ? Send me your telegarm or whatspp no

Answer 7

https://codesandbox.io
You can use this site or some other similar.

Just copy/paste code, and make sure you added dependencies.

Then share us your code.

Answer 8

Ok bro

Answer 9

https://stackoverflow.com/questions/75358390/hello-all-i-need-help-in-react-data-grid-function?noredirect=1#comment132971624_75358390