Calendar

[Rozerinay]

We willen graag meer leren over het Calendar component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook, Github of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!

Link naar bericht in Slack

---

Naam

Calendar

Doel

Een kalender waarin je een beschikbare datum kan kiezen.

Gerelateerde componenten

Date Input, Date Input Group, Date Picker

Onderzoek

Calendar component - North Health Design System
Implementatie van de Calendar component bij het North Health Design System.

Calendar component- Skyscanner Design System
Implementatie van de Calendar component bij het Skyscanner Design System. Bevat default, range en localized varianten.

Calendar component - NS Design System
Implementatie van de Calendar component bij het NS Design System.

Notities

Niet veel losse Calendar componenten tegengekomen bij overheidsorganisaties. Wel in combinatie met een Date Picker component. Deze versies worden in de Discussion voor de Date Picker component vastgelegd.

[MariekeBrouwer]

Groningen gebruikt de kalender wanneer het doel van het formulier ook is om een afspraak te maken. Voorbeeld hiervan vanuit qmatic.
Nog een aanvulling hiervoor: voor dit soort selectie-opties zou je in gevallen ook direct een tijd willen kunnen selecteren.

[jeffreylauwers]

Utrecht

• Storybook
• Github

---

Screenshots / Varianten

Storybook
Default

Limited Range Calendar

English Calendar

---

Notities

• Stijlen van navigatie elementen voor jaar en maand lijken niet helemaal goed te gaan.
• Varianten beschikbaar voor een bepaalde range aan beschikbare data en engelse versie.

[jeffreylauwers]

Den Haag

Calendar ontwerp gevonden in Figma als onderdeel van Date Picker.

---

Screenshots / Varianten

Figma

---

Notities

Bekijk de Date Picker GitHub Discussion voor meer informatie

[rianrietveld]

Onder voorbehoud naar de HOF:
Er moet een goede toegankelijke manier zijn om een of meerdere data te kiezen. Als het niet lukt voor deze component, of het veel te gecompliceerd wordt, dan een alternatief bieden, zoals select/option constructie.

[jeffreylauwers]

✨ Dit component is nu Help Wanted ✨

Help je mee hem door de Community stappen te krijgen?
Calendar op het Community bord