import moment from "moment";
import TrackerByDate from "./traker_by_date/tabs";
export default function Calender() {
const [value] = useState(new Date());
const [show, setTracker] = useState(false);
const [dateState, setDateState] = useState(new Date());
const changeDate = (e) => {
setDateState(e);
};
var pikerdate = moment(dateState).format("YYYY-MM-DD");
function clickTracker(e) {
setTracker(!show);
}
return (
<>
{show ? <TrackerByDate dataFromParent={pikerdate} /> : null}
<div style={{ width: "260px" }} className="res-calendar">
<Calendar
className={["c1", "c2"]}
onChange={changeDate}
onClickDay={clickTracker}
value={dateState}
/>
</div>
</>
);
I am trying to pass 'pikerdate' to a js file called diet.
callander.js and diet.js are not parent or child
I want to get a date in diet.js when the date is clicked on callender.js
you can do it by taking "pikerdate" in the parent component where there two components(called and diiet) are children like in App.js or some other component and pass "pikerdate" to both components.