---
# System prepended metadata

title: Empty calendar

---

# Empty calendar

## Todo
- [x] Write and centre "Nov 2022"
- [x] Add no events text as a translation
- [x] Static days of the week
- [x] Empty grid from static 01-07, 08-14, 15-21 etc arrays of numbers
- [x] Each cell is an li
- [x] Headings containing "Week 1", "Week 2" 
- [x] Translate days of the week depending on market
- [x] Start the grid from the correct day of the week
- [x] Each day should read out full "Sunday 3rd December"
- [x] Aria-hide whole calendar if empty
- [x] We probably need to be able to have different start dates per country


## Notes for Design

- Border of days needs to meet colour contrast/be more defined, as brought up by RNIB audit [Issue 4.2.2: table is unclear visually](https://lne.app.box.com/s/fwhmpnpo2ao5kohu1tyoudtkxcpgya68)
- Add visible labels for the calendar/list view

## Potential improvements/to check with RNIB or whoever audit

- [ ] Keyboard interactions
    - [ ] pressing down focuses the next week, if they're at the bottom, nothing happens
    - [ ] pressing up focuses the previous week, if they're at the top, nothing happens
    - [ ] pressing left can move user from leftmost day to rightmost of previous week
    - [ ] clicking will move the focus to the clicked day
    - [ ] tab still works as default?
- [ ] Headings like "week commencing 24th Nov"?


## Later story
- [ ] Headings containing total number of events per week (when we have events)
- [ ] If we'll ever need to add third option as firstDayOfThe week (i.e. Saturday for Saudi Arabia) we can consider to use [Intl.Locale.prototype.weekInfo](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo) – if well supported. 


## Questions for Rosie
- [x] Do you prefer to start the day wiht Sun or Mon? --> I think we need to be able to have different start dates per country