<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

# DatePickerPreset

Describes one declarative date-range preset.

```html
<noora-date-picker-preset value="7d" start="2026-07-21" end="2026-07-27">Last 7 days</noora-date-picker-preset>
```

## Attributes

| Attribute | Type or allowed values | Default | Description |
| --- | --- | --- | --- |
| `value` | `string` | `""` | Sets the preset identifier. |
| `label` | `string` | `""` | Sets the preset label instead of using text content. |
| `start` | `string` | `""` | Sets the start date in year-month-day format. |
| `end` | `string` | `""` | Sets the end date in year-month-day format. |

## Slots

| Slot | Description |
| --- | --- |
| `default` | The preset label. |



## Preset

Describe a quick date range.

```html
<noora-date-picker-preset value="7d" start="2026-07-21" end="2026-07-27">Last 7 days</noora-date-picker-preset>
```
