Event timestamp module

Schema

{
  "name": "Event timestamp module",
  "settings": [
    {
      "type": "header",
      "content": "General"
    },
    {
      "type": "text",
      "id": "title",
      "label": "Title",
      "default": "Back to School Event"
    },
    {
      "type": "text",
      "id": "subtitle",
      "label": "Subtitle",
      "default": "Mark your calendar for these important dates"
    },
    {
      "type": "select",
      "id": "layout",
      "label": "Layout",
      "options": [
        {
          "value": "vertical",
          "label": "Vertical"
        },
        {
          "value": "horizontal",
          "label": "Horizontal"
        }
      ],
      "default": "vertical"
    },
    {
      "type": "select",
      "id": "text_alignment",
      "label": "Text alignment",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "center"
    },
    {
      "type": "header",
      "content": "Warm-up period"
    },
    {
      "type": "checkbox",
      "id": "show_warmup",
      "label": "Show warm-up period",
      "default": true
    },
    {
      "type": "text",
      "id": "warmup_name",
      "label": "Period name",
      "default": "Warm-up Period"
    },
    {
      "type": "text",
      "id": "warmup_date",
      "label": "Date",
      "info": "Format: YYYY-MM-DD (e.g., 2024-08-15)"
    },
    {
      "type": "text",
      "id": "warmup_time",
      "label": "Time",
      "default": "9:00 AM - 12:00 PM"
    },
    {
      "type": "textarea",
      "id": "warmup_description",
      "label": "Description",
      "default": "Get ready and prepare for the main event"
    },
    {
      "type": "header",
      "content": "Official period"
    },
    {
      "type": "checkbox",
      "id": "show_official",
      "label": "Show official period",
      "default": true
    },
    {
      "type": "text",
      "id": "official_name",
      "label": "Period name",
      "default": "Official Period"
    },
    {
      "type": "text",
      "id": "official_date",
      "label": "Date",
      "info": "Format: YYYY-MM-DD (e.g., 2024-08-20)"
    },
    {
      "type": "text",
      "id": "official_time",
      "label": "Time",
      "default": "8:00 AM - 6:00 PM"
    },
    {
      "type": "textarea",
      "id": "official_description",
      "label": "Description",
      "default": "The main Back to School event begins"
    },
    {
      "type": "header",
      "content": "Return period"
    },
    {
      "type": "checkbox",
      "id": "show_return",
      "label": "Show return period",
      "default": true
    },
    {
      "type": "text",
      "id": "return_name",
      "label": "Period name",
      "default": "Return Period"
    },
    {
      "type": "text",
      "id": "return_date",
      "label": "Date",
      "info": "Format: YYYY-MM-DD (e.g., 2024-09-01)"
    },
    {
      "type": "text",
      "id": "return_time",
      "label": "Time",
      "default": "9:00 AM - 3:00 PM"
    },
    {
      "type": "textarea",
      "id": "return_description",
      "label": "Description",
      "default": "Final activities and wrap-up"
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "background_color",
      "label": "Background color",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "title_color",
      "label": "Title color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "subtitle_color",
      "label": "Subtitle color",
      "default": "#666666"
    },
    {
      "type": "color",
      "id": "period_background_color",
      "label": "Period background color",
      "default": "#f8f9fa"
    },
    {
      "type": "color",
      "id": "period_name_color",
      "label": "Period name color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "period_date_color",
      "label": "Period date color",
      "default": "#333333"
    },
    {
      "type": "color",
      "id": "period_time_color",
      "label": "Period time color",
      "default": "#555555"
    },
    {
      "type": "color",
      "id": "period_description_color",
      "label": "Period description color",
      "default": "#666666"
    },
    {
      "type": "color",
      "id": "accent_color",
      "label": "Accent color",
      "default": "#007bff"
    },
    {
      "type": "header",
      "content": "Typography"
    },
    {
      "type": "range",
      "id": "title_size",
      "min": 16,
      "max": 48,
      "step": 2,
      "unit": "px",
      "label": "Title size",
      "default": 28
    },
    {
      "type": "range",
      "id": "subtitle_size",
      "min": 12,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Subtitle size",
      "default": 16
    },
    {
      "type": "range",
      "id": "period_name_size",
      "min": 14,
      "max": 32,
      "step": 1,
      "unit": "px",
      "label": "Period name size",
      "default": 20
    },
    {
      "type": "range",
      "id": "period_date_size",
      "min": 12,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Period date size",
      "default": 16
    },
    {
      "type": "range",
      "id": "period_time_size",
      "min": 12,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Period time size",
      "default": 14
    },
    {
      "type": "range",
      "id": "period_description_size",
      "min": 12,
      "max": 18,
      "step": 1,
      "unit": "px",
      "label": "Period description size",
      "default": 14
    },
    {
      "type": "header",
      "content": "Spacing"
    },
    {
      "type": "range",
      "id": "padding",
      "min": 10,
      "max": 80,
      "step": 5,
      "unit": "px",
      "label": "Module padding",
      "default": 40
    },
    {
      "type": "range",
      "id": "border_radius",
      "min": 0,
      "max": 30,
      "step": 2,
      "unit": "px",
      "label": "Module border radius",
      "default": 8
    },
    {
      "type": "range",
      "id": "period_border_radius",
      "min": 0,
      "max": 20,
      "step": 1,
      "unit": "px",
      "label": "Period border radius",
      "default": 6
    }
  ],
  "blocks": [],
  "presets": [
    {
      "name": "Event timestamp module"
    }
  ]
}