react-run 0.3.1

Run React code snippets/components from your command-line without config
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import Calendar from "https://esm.sh/react-calendar";

export default function App() {
  const [value, onChange] = React.useState(new Date());

  const style = {
    background: "blue",
    height: "90vh",
    alignItems: "center",
    justifyContent: "center",
    display: "flex",
    color: "white",
    flexDirection: "column",
    padding: "1em",
  };

  return (
    <div style={style}>
      <h1>React Calendar</h1>
      <Calendar onChange={onChange} value={value} />
      <div>
        <p>Date selected: {value.toDateString()}</p>
      </div>
    </div>
  );
}