# Day Selector

**File Name:** DaySelector.tsx

**Imports:** 
- Checkbox from Material-UI: [Checkbox Doc](https://material-ui.com/components/checkboxes/#checkbox)
- Checkbox from '@material-ui/core/Checkbox': [Checkbox API](https://material-ui.com/api/checkbox/#checkbox-api)

**Example:**
- Used in the following pages:
    - User Profile
    - Select Time Slot
    - Create Schedule
    - Edit Schedule
    - Create Time Slot
    - Edit Time Slot
    - Confirm Time Slot
    - View Time Slot

**Description:** 
- The Day Selector is an array of selectable buttons each of which represent a day in a week.
- Admins can edit toggle these days on and off.
- Users can only view which days are selected.

**I/O:**
- Clicking on one of the days selects that day.

<img src="../../images/components/DaySelector.png" width="500"/>