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 ) og byg ind i en standalone komponent såfremt det er verifceret.

   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 (as-is):

      1. dato: DD-MM-YYYY

      2. første ugedag: Mandag

      3. danske Uge-numre (ISO-8601)

      4. danske ugedage

   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. Open

         

   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).

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. https://starwiki.atlassian.net/browse/BVL-259

   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.

Noter

• Vi skal have oprettet et nyt repo til PoC'en - Alternativt skal vi lægge den ind i Jobnets kildekode.

• Vi skal implementere storybook, så vi kan teste og se komponenten i sin egen løsning

• Open

  

   

Afklaringer

1. skal vi bruge storybook allerede nu? eller skal vi skyde det til senere?

   1. Vi bruger storybook