{
  "name": "ComparisonPeriodSelectFieldPro",
  "label": "Comparison Period Select Field",
  "description": "Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod variable; emits onChange.",
  "category": "Dropdowns - dates",
  "defaultWidth": 300,
  "defaultHeight": 120,
  "inputs": [
    {
      "name": "title",
      "type": "string",
      "label": "Title",
      "category": "Component Header"
    },
    {
      "name": "description",
      "type": "string",
      "label": "Description",
      "category": "Component Header"
    },
    {
      "name": "tooltip",
      "type": "string",
      "label": "Tooltip",
      "category": "Component Header"
    },
    {
      "name": "placeholder",
      "type": "string",
      "label": "Placeholder",
      "category": "Component Settings",
      "defaultValue": "Select a date-comparison"
    },
    {
      "name": "primaryDateRange",
      "type": "timeRange",
      "label": "Primary date-range",
      "category": "Pre-configured variables",
      "description": "Pick the main time period. The comparison range is based on this selection."
    },
    {
      "name": "comparisonPeriod",
      "type": "comparisonPeriod",
      "label": "Selected comparison period",
      "category": "Pre-configured variables"
    }
  ],
  "events": [
    {
      "name": "onChange",
      "label": "Selected comparison-period updated",
      "properties": [
        {
          "name": "value",
          "label": "Selected comparison-period",
          "type": "comparisonPeriod"
        }
      ]
    }
  ],
  "variables": [
    {
      "name": "comparison-period value",
      "type": "comparisonPeriod",
      "defaultValue": {
        "operation": "NO_FILTER",
        "value": null,
        "__embeddableVariableMeta": true
      },
      "inputs": [
        "comparisonPeriod"
      ],
      "events": [
        {
          "name": "onChange",
          "property": "value"
        }
      ]
    }
  ]
}