---
description: >-
  Emphasizes certain time slots on the calendar. By default, Monday-Friday,
  9am-5pm.
---

# Business Hours

{% embed url="https://vimeo.com/571300241" %}

## Business Hours Input Fields

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-MdjrGzugs6BhLLOpedP%2F-MdmqcOQVHaU8D4qfnJy%2FScreen%20Shot%202021-07-04%20at%202.48.35%20PM.png?alt=media\&token=a5d6cfaa-1b26-4bdb-874c-7de8271d4c27)

### Daily Start Time

* This is the start of the window of time
* This will apply for _**all**_ [applicable days](#applicable-days)
* This input takes time in a 24:00 hour format. Do not include any spaces or any other formatting. This input&#x20;
* The following are some acceptable examples but be aware that at this time, _**the calendar will only accept 1 value**_

```javascript
[00:00, 9:00, 12:30, 18:45]
    //only include one time.
    //do not include seconds or any am/pm or other formatting pieces here
```

### Daily End Time

* This is the end of the window of time
* This will apply for _**all**_ [applicable days](#applicable-days)
* This input takes time in a 24:00 hour format. Do not include any spaces or any other formatting. This input&#x20;
* The following are some acceptable examples but be aware that at this time, _**the calendar will only accept 1 value**_

```javascript
[00:00, 9:00, 12:30, 18:45] 
    //only include one time.
    //do not include seconds or any am/pm or other formatting pieces here
```

### Applicable Days&#x20;

* For now, when using either of these settings, the times chosen above will apply to all provided days.
* Days are represented as numbers and are 0-indexed meaning Sunday = 0, Monday = 1, Tuesday = 2, and so on.&#x20;
* This field accepts a list or a comma separated string

```javascript
[1,2,3,4,5] //this list would represent Mon - Fri
```

### Inactive Color

* This takes any valid color code including HEX, RGB, RGBA

