# EuiCalendarWeeklyComponent

**Type:** component

**Selector:** `eui-calendar-weekly`

**Standalone:** false

## Inputs

- **date**: `Date` - <p>The reference date for the week. The component will display the week that contains this date.
For example, if date is Friday 07/01 and startingDay is Monday, it will show the week from 03/01 to 09/01.</p>

- **dayHeaderTemplate**: `TemplateRef<EuiCalendarDay>` - <p>Optional custom template for day headers
The template will receive the day object as $implicit in the context</p>

- **dragAndDrop**: `boolean, BooleanInput` - <p>Whether drag-and-drop is enabled for events (defaults to true)</p>

- **eventContentTemplate**: `TemplateRef<any>` - <p>Optional custom template for event content
The template will receive the event object as $implicit in the context</p>

- **events**: `EuiCalendarEvent[]` - <p>Events for the week. Each event should have a date property.
The date property should be a Date object.
Other properties can be added as needed.</p>

- **showWeekends**: `boolean, BooleanInput` - <p>Whether to show weekends in the calendar (defaults to true)</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

- **date**: `Date` - <p>The reference date for the week. The component will display the week that contains this date.
For example, if date is Friday 07/01 and startingDay is Monday, it will show the week from 03/01 to 09/01.</p>

- **dayAction**: `{ $event: MouseEvent | KeyboardEvent, day: EuiCalendarDay }` - <p>Emits when a day header action is triggered</p>

- **eventMoved**: `{ event: EuiCalendarEvent; newDate: Date }` - <p>Emits when an event is moved to a different day</p>

- **events**: `EuiCalendarEvent[]` - <p>Events for the week. Each event should have a date property.
The date property should be a Date object.
Other properties can be added as needed.</p>

