{
  "name": "DateRangeSelectFieldPro",
  "label": "Date-Range Picker - Presets",
  "description": "Date-range picker with preset ranges only (Last 7 days, Last 30 days, …). Pairs with a timeRange 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-range"
    },
    {
      "name": "showCustomRangeOptions",
      "type": "boolean",
      "label": "Show custom date-range option",
      "defaultValue": true,
      "category": "Component Settings"
    },
    {
      "name": "showTwoMonths",
      "type": "boolean",
      "label": "Show two-month view",
      "defaultValue": false,
      "category": "Component Settings"
    },
    {
      "type": "boolean",
      "name": "clearable",
      "label": "Can be cleared",
      "defaultValue": true,
      "category": "Component Settings"
    },
    {
      "name": "selectedValue",
      "type": "timeRange",
      "label": "Selected value",
      "category": "Pre-configured variables"
    }
  ],
  "events": [
    {
      "name": "onChange",
      "label": "Selected date-range updated",
      "properties": [
        {
          "name": "value",
          "label": "Selected date-range",
          "type": "timeRange"
        },
        {
          "name": "fromDate",
          "label": "Start date of selected range",
          "type": "time"
        },
        {
          "name": "toDate",
          "label": "To date of selected range",
          "type": "time"
        }
      ]
    }
  ],
  "variables": [
    {
      "name": "date-range value",
      "type": "timeRange",
      "defaultValue": {
        "operation": "NO_FILTER",
        "value": null,
        "__embeddableVariableMeta": true
      },
      "inputs": [
        "selectedValue"
      ],
      "events": [
        {
          "name": "onChange",
          "property": "value"
        }
      ]
    }
  ]
}