# EuiCalendarWeeklyComponent

**Type:** component




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

## Inputs
- **date**: `Date` - 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.
- **dayHeaderTemplate**: `TemplateRef<EuiCalendarDay>` - Optional custom template for day headers The template will receive the day object as $implicit in the context
- **dragAndDrop**: `boolean, BooleanInput` - Whether drag-and-drop is enabled for events (defaults to true)
- **eventContentTemplate**: `TemplateRef<any>` - Optional custom template for event content The template will receive the event object as $implicit in the context
- **events**: `EuiCalendarEvent[]` - 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.
- **showWeekends**: `boolean, BooleanInput` - Whether to show weekends in the calendar (defaults to true)
- **startingDay**: `number, NumberInput` - Starting day of the week (0=Monday, 1=Tuesday, ..., 6=Sunday or 'monday', 'tue', 'wed', etc.)

## Outputs
- **date**: `Date` - 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.
- **dayAction**: `{ $event: MouseEvent | KeyboardEvent, day: EuiCalendarDay }` - Emits when a day header action is triggered
- **eventMoved**: `{ event: EuiCalendarEvent; newDate: Date }` - Emits when an event is moved to a different day
- **events**: `EuiCalendarEvent[]` - 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.
