# 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` - Optional custom template for day headers The template will receive the day object as $implicit in the context - **disabledDays**: `Date[]` - Array of disabled days (Date objects) - **dragAndDrop**: `boolean, BooleanInput` - Whether drag-and-drop is enabled for events (defaults to true) - **eventContentTemplate**: `TemplateRef` - 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.