Add Availability component

src/components/Schedule/DaySelector.js

@@ -9,18 +9,18 @@ export default function DaySelector({ eventsList, handleSelect, handleClear }) {
 	return (
 		<FullCalendar
 			plugins={[dayGridPlugin, interaction]}
-			initialView='dayGridMonth'
-			// showNonCurrentDates={false}
-			selectable={true}
-			// unselectAuto={false}
-			longPressDelay={150}
-			select={(info) => handleSelect(info)}
-			defaultAllDay={true}
 			events={eventsList}
+			// view props
+			initialView='dayGridMonth'
+			defaultAllDay={true}
 			customButtons={{
 				resetSelection: { text: 'clear selection', click: handleClear },
 			}}
 			headerToolbar={{ right: 'resetSelection today prev,next' }}
+			// interaction props
+			selectable={true}
+			longPressDelay={150}
+			select={(info) => handleSelect(info)}
 		/>
 	);
 }