---
metaTitle: FilterMonth component | AwesCode UI
meta:
  - name: description
    content: The <AwFilterMonth /> component provides month selection for filtering - UI Vue component for AwesCode UI.
title: FilterMonth
---

# AwFilterMonth

**Category:** Organism | **Import:** Dynamic

The `AwFilterMonth` component provides a month picker specifically designed for filtering data by month and year.

## Usage

```markup
<AwFilterMonth
  v-model="selectedMonth"
  @change="filterData"
/>
```

## API

### Props

| Name | Description | Type | Required | Default |
|------|-------------|------|----------|---------|
| value | Selected month (v-model) | `Date\|String` | `false` | Current month |

### Events

| Name | Payload | Description |
|------|---------|-------------|
| input | `month` | Month selected (v-model) |
| change | `month` | Month changed |

## Notes

- **Import Method:** Dynamic - Component is loaded on-demand as organism
- Displays month and year selection
- Optimized for data filtering use cases