> For the complete documentation index, see [llms.txt](https://docs.airdev.co/canvas-pages-and-modules/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airdev.co/canvas-pages-and-modules/master-1/modules/week-daily-availability.md).

# Week Daily Availability

## Overview

This module shows the availability of each day of one week at a time and allows the user to toggle left and right between weeks. Ideal for booking / Airbnb type applications where you need to show a calendar of availabilities.

![](/files/-LcY1ZolVgqWfirpX_c2)

## Structure

* When this module is added to a page, it has a reusable element inside called `weekDailyAvailabilityGroup`.This reusable element contains all of the logic and UI for the module.
* The dates are displayed based on the variable `var - week start day` (of data type date) that you provide

## How to set up

* Open the `weekDailyAvailabilityGroup` reusable

![](/files/-Lc2voopCQmGdwuBaSRI)

* Open `Popup Hidden Variables`. This popup contains two group variables that are used in the week daily availability widget. For more information on how to use `Popup Hidden Variables`, [click here](https://docs.airdev.co/canvas/general-information/functionality/hidden-variables-popup).
  * `var - Website object` stores the app's website object. It is used in `Text PREV` and `Text NEXT` to pull the website's primary color.
  * `var - start day` stores the week's start day date 

![](/files/-LcY797Hp90kp--ex1Ak)

* \[OPTIONAL] Modify the data source of `var - start day` to include any filters you need