PoC: Etabler Kalenderkomponent standalone Full Calendar React

Acceptkriterier

1. Tjek om følgende er opnåeligt med standard konfigurationer for Full Calendar React, ( Kalender komponent - overordnet krav-analyse ).

   1. Fuldt responsiv (adfærd verificeres i breakpoints), ned 320 pixels.

   2. touch brugervenlighed, dvs. man skal kunne trykke på ting med touch.

   3. Danske formater (dato, dage, mandag første dag, ugenumre jf. DK standard).

   4. Videreførelse af tidligere funktionalitet af kalenderen med ugedage, ugenr. og trailing months, dags dato:

      1. Månedsvisning skal inkludere alle dage (mandag t.o.m søndag, mandag først),

         1. Månedsvisning skal kunne konfigureres til kun at inkludere hverdage (dette skal bruges i bookingflowet).

      2. Der skal vises Leading/trailing dage fra omkringliggende måneder.

      3. Dag skal fremgå som kolonne header.

      4. Ugenr. skal fremgå af rækker (fx header)

      5. Dags dato skal være fremhævet i kalenderen.

   5. Det skal være muligt at specificere min/max dato, dvs. begrænsning af kalender til specifikt tidsrum. (F.eks. i bookingflowet skal man ikke kunne vælge datoer i fortiden.)

      1. man skal visuelt kun kunne se måneden for min/max-dato’er men ikke måneder før hhv. efter disse dage.

      2. visning af dage:

         1. dd. eksempelvis hvid og kan vælges

         2. før/efter nedre/øvre grænse er grå og kan ikke vælges

   6. Visning af data i kalenderen skal kunne grupperes på type på synlig vis, eksempelvis:

      1. møder

      2. joblog

      3. indsatser

      4. fravær.

      5. 

   7. Flere hændelser skal kunne fremgå på samme dag

   8. Ved flere hændelser pr. dag end design tillader, skal dette fremgå, og der skal være mulighed for at se hele dagens program (fx. ved at folde ud pr. WCAG, modal, fuldstændig visning pr. klokkesæt)

2. nice-to-have:

   1. Filtrering af hændelser, hvorved kalendervisning inkluderer/ekskluderer de valgte/fravalgte hændelser (prioritering heraf vurderes af UX, CPO ser ikke en nødvendighed for dette).

   2. Gå til dags dato link/knap. BVL-259 - Getting issue details... STATUS

   3. Klik på måned går til månedsoversigt på indeværende år (ligesom i f.eks. outlook)

3. Der skal være oprettet stories på de krav, som ikke opfylder 1.