---
metaTitle: BirthdayPicker component | AwesCode UI
meta:
  - name: description
    content: The <AwBirthdayPicker /> component provides a date picker optimized for selecting birthdays - UI Vue component for AwesCode UI.
title: BirthdayPicker
---

# AwBirthdayPicker

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

The `AwBirthdayPicker` component is a specialized date picker optimized for selecting birthdates with appropriate year ranges and validation.

## Overview

- Date selection for birthdays
- Appropriate year range (past dates)
- Age validation
- User-friendly interface

## Usage

### Basic Example

```markup
<AwBirthdayPicker
  v-model="birthday"
  name="birthday"
  label="Date of Birth"
/>
```

### With Age Restriction

```markup
<AwBirthdayPicker
  v-model="birthday"
  name="birthday"
  label="Date of Birth"
  :min-age="18"
  :max-age="120"
/>
```

## API

### Props

| Name | Description | Type | Required | Default |
|------|-------------|------|----------|---------|
| value | Selected date (v-model) | `Date\|String` | `false` | `null` |
| name | Input name | `String` | `false` | `''` |
| label | Input label | `String` | `false` | `''` |
| minAge | Minimum age in years | `Number` | `false` | `0` |
| maxAge | Maximum age in years | `Number` | `false` | `150` |

### Events

| Name | Payload | Description |
|------|---------|-------------|
| input | `date` | Date selected (v-model) |

## Related Components

- [AwDate](aw-date.md) - General date picker

## Notes

- **Import Method:** Dynamic - Component is loaded on-demand as organism
- Automatically sets max date to today
- Year dropdown starts from 150 years ago
- Optimized for birthday selection UX