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.

Calendar Settings

DESIGN SETTINGS

Default date (only for preview):

You can set the default date to any date you want. The design will update accordingly to show the selected date 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 may not display properly.

The first day of the week:

Choose whether the week starts on Sunday or Monday. The Calendar layout will adjust 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 month name to be displayed, including their letter case.

Show “Month Year” header

You can disable this option if you don't want to display the date above the Calendar.

Enable marker

You can upload any marker you want. By default, the marker is a red heart symbol.

If you use the default marker (SVG) or upload a new marker in SVG format, you can change its color. This option does not work with PNG or JPG images.

PERSONALIZATION SETTINGS

Personalization Options:

Choose how the Calendar receives the buyer's input:

No personalization: The design is fixed, and the Default date are printed as-is.
Create a new option: Add an option where buyers can enter their own words.
Use an existing global option: Reuse an existing Global Option.

Option Title

Show the label of this option on storefront.

Mark this option as required

Enable this option if it is a mandatory field to place order.

Show customization data on cart/checkout

Display customer's input value on Cart page and Checkout page

OTHER SETTINGS

Change Calendar Color/ Font

You can change Calendar color/ font as shown below.

If you want to allow customers to customize the colors and fonts, please refer to this article.

Creating your Campaign

Once you're done with creating your Artwork, add it to your Campaign like usual. Then, kindly double-check your storefront to make sure all is good.

Updated on: 27/10/2026

Was this article helpful?

Thank you!