# EuiCalendarMonthlyComponent

**Type:** component

**Selector:** `eui-calendar-monthly`

**Standalone:** false

## Inputs

- **date**: `Date` - <p>The reference date for the month. The component will display the month that contains this date.</p>

- **dayTemplate**: `TemplateRef<any>` - <p>Template for rendering each day cell</p>

- **disabledDaysNotInMonth**: `boolean, BooleanInput` - <p>Disable days that are not in the current selected month</p>

- **disableFutureDates**: `boolean, BooleanInput` - <p>Disable selection of future dates</p>

- **disablePastDates**: `boolean, BooleanInput` - <p>Disable selection of past dates</p>

- **disableWeekends**: `boolean, BooleanInput` - <p>Disable selection of weekend dates</p>

- **events**: `EuiCalendarEvent[]` - 
- **fillNextMonth**: `boolean, BooleanInput` - <p>Fill with next month days</p>

- **fillPreviousMonth**: `boolean, BooleanInput` - <p>Fill with previous month days</p>

- **hasEmptyValue**: `boolean, BooleanInput` - 
- **headerTemplate**: `TemplateRef<{ date: Date }>` - <p>Template for rendering each day cell</p>

- **mode**: `"compact" | "truncated"` - <p>Display mode of the calendar (&#39;compact&#39; or &#39;truncated&#39;)</p>

- **startingDay**: `number, NumberInput` - <p>Starting day of the week (0=Monday, 1=Tuesday, ..., 6=Sunday or &#39;monday&#39;, &#39;tue&#39;, &#39;wed&#39;, etc.)</p>


## Outputs

- **newEventAddClicked**: `EuiCalendarDayCell` - 
