docs: update playground

gpbl · Jun 23, 2024 · 115e8e4 · 115e8e4
1 parent 120d78d
commit 115e8e4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/website/src/pages/playground.module.css b/website/src/pages/playground.module.css
@@ -1,8 +1,7 @@
-.root {
-  margin: 1rem;
+.playground {
 }
 
-.root h1 {
+.playground h1 {
   font-size: 2rem;
   margin: 1rem auto;
   text-align: center;
@@ -63,5 +62,5 @@
 }
 
 .browserWindow {
-  margin: 2rem 0;
+  margin: 2rem;
 }
diff --git a/website/src/pages/playground.tsx b/website/src/pages/playground.tsx
@@ -58,7 +58,7 @@ export default function Playground() {
 
   return (
     <Layout>
-      <div className={styles.root}>
+      <div className={styles.playground}>
         <h1>DayPicker v9 Playground</h1>
         <form className={styles.form}>
           <fieldset>
@@ -290,6 +290,7 @@ export default function Playground() {
                       mode
                     });
                   }}
+                  value={props.mode}
                 >
                   <option></option>
                   <option value="single">single</option>
@@ -301,6 +302,7 @@ export default function Playground() {
                 <label>
                   <input
                     type="checkbox"
+                    checked={props.required}
                     name="required"
                     onChange={(e) => {
                       setSelected(undefined);