> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Create Calendar Picker

This feature enables buyers to select a date, upon which the calendar for that month will be displayed with the chosen date highlighted.
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1sscvjb.png)

Please continue reading the Article for find out how to create it on your Store.
---

# CREATING THE CALENDAR LAYER

On your Artwork Editor, click on the + button, then select `Calendar`

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_yea2gz.png)

After that, you will see the following menu:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1whjvvp.png)

|| At the moment, the Calendar Picker does not support vector-based format, such as SVG, AI, PDF, EPS, etc.

Continue reading to find that these setting does below:

### GENERAL SETTINGS

###### Default date (only for preview):

|| Note that the default date serve as preview purpose only, and they will not be rendered in the final design. The Customers will have to pick their desired date.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1j3lepg.png)
You can change the default date to any date you want, and the canvas will change accordingly to show to your Customers.

###### Language

You can select the Language of the Calendar here.

|| Please ensure the current font supports your selected language. Otherwise, the text in the calendar might not display.
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_kjk2m6.png)

###### The first day of the week:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_h7weoc.png)
Choose whether the first day of the week is Sunday or Monday, and the Calendar's layout will change accordingly.

###### Display the weekday name:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1l7csw0.png)
Choose how you want the weekday names to be displayed.

###### Display text case:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1oh10yu.png)
Choose how you want the weekday names or the month name to be displayed.
---

### PERSONALIZATION SETTINGS

###### Add toggle to show/hide
Allow the Customers to toggle on/off the Calendar layer.

###### Personalization Options:
If you want the Customers be able to pick a Date from the Calendar, please enable Enable personalization button.

###### Option Title
Show the label of the text field on storefront.  
Eg. `Please choose a Date` etc.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1ez2ezo.png)

###### Allow customers to change Text Color
You can choose to offer your color option as  
* Color Picker
* Or limit the number of colors by setting up with Color Category (in Assets page). Learn more on how to set up Color Category [here](https://support.teeinblue.com/en/article/color-categories-h6445m/)

Here is the result on your Storefront:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_zpz2pv.png)

###### Allow customers to change Font
Let your customer choose font family. This feature only works if you set up the original text layer with Custom Font
* Step 1: You'll need to set up Font Category in Assets > Font Categories. Learn more on how to set up Font Categories [here](https://support.teeinblue.com/en/article/about-fonts-crvxbp/#1-font-categories)
* Step 2: Go back editing the Calendar Layer in Artwork > choose the Font Category that you've just created

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_k0mdpz.png)
Here is the result on your Storefront:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_vggseg.png)
###### Enable marker

You can upload any marker you want here. By default, it will be a heart symbol:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_suw429.png)

If you use the default marker (svg), or uploading a new one in svg format, you can change its color (not work with PNG/JPG images).

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_18xssw9.png)

###### Mark this option as required
Enable this option if it's a mandatory field to place order.

###### Show customization data on cart/checkout
Display customer's selection on cart page and checkout page
---

# Creating your Campaign

Once you're done with creating your Artwork, add it to your Campaign like usual:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_cj3v92.png)
---