Skip to main content

Calendar Selection

This tutorial guides you through configuring date variants and customizing calendar settings. This setup allows users to easily update and format dates within the design.

Video Tutorial

1. Mark an Object as a Variant

Right-click the date object you want users to edit, then select Mark as Variant.

calendar-selection (1).png

2. Choose a Variant Type

Click Select a variant type and choose the Date type for the editable field.

calendar-selection (2).png

3. Configure the Date Format

Click Format a String to configure the variant display format.

calendar-selection (3).png

4. Select the Date Format

Click Select date format and choose the format you want to display in the design.

calendar-selection (4).png

5. Confirm the Settings

Click Confirm to save the selected variant and date format settings.

calendar-selection (5).png

6. Save the Configuration

Click OK to finalize the settings.

calendar-selection (6).png

7. Enter the File Name

Enter the file name, then click Confirm.

calendar-selection (7).png

8. Preview the Design

Click Preview to review the final layout.

calendar-selection (8).png

9. Browse Available Designs

Click BROWSE DESIGN & ADD TO CART to select a design for printing.

calendar-selection (9).png

10. Show Design Layers

Click Show Layers to display all editable variant layers in the design.

calendar-selection (10).png

11. Update the Date

Click the date layer you want to update.

calendar-selection (11).png

12. Select a Date

Click the date field and choose the desired date from the calendar selector.

calendar-selection (12).png

13. Review the Updated Design

After selecting the date, the design will automatically update using the date format configured earlier.

calendar-selection (13).png


You have successfully configured date variants and customized calendar formatting. Review the design to ensure all date settings and formats display correctly.