Articles on: Artworks

This article is also available in:

Create Calendar Picker

The Calendar feature allows buyers to select a date and displays the corresponding month's calendar with the selected date highlighted.

Continue reading to learn how to set up this feature in your store.

Creating a Calendar layer

In your Artwork Editor, click the + Layer button. Under Select a layer type, choose Calendar.

The following settings menu will appear:

The Calendar Picker does not currently support vector-based file formats such as SVG, AI, PDF, or EPS.

Please continue reading this article to learn how to set up this feature on your store.

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.

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.

The first day of the week:

Choose whether the first day of the week is Sunday or Monday, and the Calendar's layout will change accordingly.

Display the weekday name:

Choose how you want the weekday names to be displayed.

Display text case:

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.

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

Here is the result on your Storefront:

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
Step 2: Go back editing the Calendar Layer in Artwork > choose the Font Category that you've just created

Here is the result on your Storefront:

Enable marker

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

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).

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:

Updated on: 21/10/2026

Was this article helpful?

Thank you!