Update index.js

Author: JefteCaro

pages/index.js

@@ -28,7 +28,7 @@ export default function Playground() {
     const [disabledDates, setDisabledDates] = useState([]);
     const [newDisabledDates, setNewDisabledDates] = useState({ startDate: "", endDate: "" });
     const [startFrom, setStartFrom] = useState("2023-03-01");
-    const [startWeekOn, setStartWeekOn] = useState(null);
+    const [startWeekOn, setStartWeekOn] = useState("");
 
     return (
         <div className="px-4 py-8">
@@ -229,6 +229,19 @@ export default function Playground() {
                             }}
                         />
                     </div>
+                    <div className="mb-2">
+                        <label className="block" htmlFor="startWeekOnClassName">
+                            Start Week On
+                        </label>
+                        <input
+                            className="rounded border px-4 py-2 w-full border-gray-200"
+                            id="startWeekOnClassName"
+                            value={startWeekOn}
+                            onChange={e => {
+                                setStartWeekOn(e.target.value);
+                            }}
+                        />
+                    </div>
                 </div>
                 <div className="w-full sm:w-1/3 pr-2 flex flex-col">
                     <div className="mb-2">
@@ -296,19 +309,6 @@ export default function Playground() {
                             }}
                         />
                     </div>
-                    <div className="mb-2">
-                        <label className="block" htmlFor="startWeekOnClassName">
-                            Start Week On
-                        </label>
-                        <input
-                            className="rounded border px-4 py-2 w-full border-gray-200"
-                            id="startWeekOnClassName"
-                            value={startWeekOn}
-                            onChange={e => {
-                                setStartWeekOn(e.target.value);
-                            }}
-                        />
-                    </div>
                 </div>
                 <div className="w-full grid sm:grid-cols-3">
                     <div className="sm:col-start-2 sm:col-span-2 p-2 border-t grid grid-cols-2">