@tactics/toddle-styleguide 1.2.2 → 1.2.4

package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap

@@ -192,7 +192,7 @@ exports[`Test for the calendar component renders a calendar where you can select
             }
             testID="undefined.header.title"
           >
-            April 2023
+            Juli 2023
           </Text>
         </View>
         <View
@@ -478,7 +478,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 27 Maart 2023 "
+            accessibilityLabel=" Maandag 26 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -515,7 +515,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-27"
+            testID="undefined.day_2023-06-26"
           >
             <Text
               allowFontScaling={false}
@@ -534,7 +534,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              26
             </Text>
             <View
               style={
@@ -561,7 +561,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 28 Maart 2023 "
+            accessibilityLabel=" Dinsdag 27 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -598,7 +598,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-28"
+            testID="undefined.day_2023-06-27"
           >
             <Text
               allowFontScaling={false}
@@ -617,7 +617,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              27
             </Text>
             <View
               style={
@@ -644,7 +644,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 29 Maart 2023 "
+            accessibilityLabel=" Woensdag 28 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -681,7 +681,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-29"
+            testID="undefined.day_2023-06-28"
           >
             <Text
               allowFontScaling={false}
@@ -700,7 +700,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              28
             </Text>
             <View
               style={
@@ -727,7 +727,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 30 Maart 2023 "
+            accessibilityLabel=" Donderdag 29 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -764,7 +764,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-30"
+            testID="undefined.day_2023-06-29"
           >
             <Text
               allowFontScaling={false}
@@ -783,7 +783,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              29
             </Text>
             <View
               style={
@@ -810,7 +810,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 31 Maart 2023 "
+            accessibilityLabel=" Vrijdag 30 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -847,7 +847,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-31"
+            testID="undefined.day_2023-06-30"
           >
             <Text
               allowFontScaling={false}
@@ -866,7 +866,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              30
             </Text>
             <View
               style={
@@ -893,7 +893,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 1 April 2023 "
+            accessibilityLabel=" Zaterdag 1 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -931,7 +931,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-01"
+            testID="undefined.day_2023-07-01"
           >
             <Text
               allowFontScaling={false}
@@ -974,7 +974,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 2 April 2023 "
+            accessibilityLabel=" Zondag 2 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1012,7 +1012,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-02"
+            testID="undefined.day_2023-07-02"
           >
             <Text
               allowFontScaling={false}
@@ -1065,7 +1065,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 3 April 2023 "
+            accessibilityLabel=" Maandag 3 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1103,7 +1103,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-03"
+            testID="undefined.day_2023-07-03"
           >
             <Text
               allowFontScaling={false}
@@ -1146,7 +1146,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 4 April 2023 "
+            accessibilityLabel=" Dinsdag 4 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1178,17 +1178,13 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
-                "borderColor": "#7B93DB",
-                "borderRadius": 21,
-                "borderStyle": "solid",
-                "borderWidth": 1,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-04"
+            testID="undefined.day_2023-07-04"
           >
             <Text
               allowFontScaling={false}
@@ -1201,9 +1197,6 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#7B93DB",
-                  },
                 ]
               }
             >
@@ -1234,7 +1227,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 5 April 2023 "
+            accessibilityLabel=" Woensdag 5 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1272,7 +1265,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-05"
+            testID="undefined.day_2023-07-05"
           >
             <Text
               allowFontScaling={false}
@@ -1315,7 +1308,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 6 April 2023 "
+            accessibilityLabel=" Donderdag 6 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1353,7 +1346,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-06"
+            testID="undefined.day_2023-07-06"
           >
             <Text
               allowFontScaling={false}
@@ -1396,7 +1389,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 7 April 2023 "
+            accessibilityLabel="today Vrijdag 7 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1428,13 +1421,17 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
+                "borderColor": "#7B93DB",
+                "borderRadius": 21,
+                "borderStyle": "solid",
+                "borderWidth": 1,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-07"
+            testID="undefined.day_2023-07-07"
           >
             <Text
               allowFontScaling={false}
@@ -1447,6 +1444,9 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#7B93DB",
+                  },
                 ]
               }
             >
@@ -1477,7 +1477,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 8 April 2023 "
+            accessibilityLabel=" Zaterdag 8 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1515,7 +1515,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-08"
+            testID="undefined.day_2023-07-08"
           >
             <Text
               allowFontScaling={false}
@@ -1558,7 +1558,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 9 April 2023 "
+            accessibilityLabel=" Zondag 9 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1596,7 +1596,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-09"
+            testID="undefined.day_2023-07-09"
           >
             <Text
               allowFontScaling={false}
@@ -1649,7 +1649,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 10 April 2023 "
+            accessibilityLabel=" Maandag 10 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1687,7 +1687,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-10"
+            testID="undefined.day_2023-07-10"
           >
             <Text
               allowFontScaling={false}
@@ -1730,7 +1730,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 11 April 2023 "
+            accessibilityLabel=" Dinsdag 11 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1768,7 +1768,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-11"
+            testID="undefined.day_2023-07-11"
           >
             <Text
               allowFontScaling={false}
@@ -1811,7 +1811,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 12 April 2023 "
+            accessibilityLabel=" Woensdag 12 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1849,7 +1849,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-12"
+            testID="undefined.day_2023-07-12"
           >
             <Text
               allowFontScaling={false}
@@ -1892,7 +1892,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 13 April 2023 "
+            accessibilityLabel=" Donderdag 13 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1930,7 +1930,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-13"
+            testID="undefined.day_2023-07-13"
           >
             <Text
               allowFontScaling={false}
@@ -1973,7 +1973,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 14 April 2023 "
+            accessibilityLabel=" Vrijdag 14 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2011,7 +2011,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-14"
+            testID="undefined.day_2023-07-14"
           >
             <Text
               allowFontScaling={false}
@@ -2054,7 +2054,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 15 April 2023 "
+            accessibilityLabel=" Zaterdag 15 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2092,7 +2092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-15"
+            testID="undefined.day_2023-07-15"
           >
             <Text
               allowFontScaling={false}
@@ -2135,7 +2135,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 16 April 2023 "
+            accessibilityLabel=" Zondag 16 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2173,7 +2173,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-16"
+            testID="undefined.day_2023-07-16"
           >
             <Text
               allowFontScaling={false}
@@ -2226,7 +2226,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 17 April 2023 "
+            accessibilityLabel=" Maandag 17 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2264,7 +2264,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-17"
+            testID="undefined.day_2023-07-17"
           >
             <Text
               allowFontScaling={false}
@@ -2307,7 +2307,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 18 April 2023 "
+            accessibilityLabel=" Dinsdag 18 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2345,7 +2345,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-18"
+            testID="undefined.day_2023-07-18"
           >
             <Text
               allowFontScaling={false}
@@ -2388,7 +2388,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 19 April 2023 "
+            accessibilityLabel=" Woensdag 19 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2426,7 +2426,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-19"
+            testID="undefined.day_2023-07-19"
           >
             <Text
               allowFontScaling={false}
@@ -2469,7 +2469,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 20 April 2023 "
+            accessibilityLabel=" Donderdag 20 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2507,7 +2507,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-20"
+            testID="undefined.day_2023-07-20"
           >
             <Text
               allowFontScaling={false}
@@ -2550,7 +2550,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 21 April 2023 "
+            accessibilityLabel=" Vrijdag 21 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2588,7 +2588,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-21"
+            testID="undefined.day_2023-07-21"
           >
             <Text
               allowFontScaling={false}
@@ -2631,7 +2631,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 22 April 2023 "
+            accessibilityLabel=" Zaterdag 22 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2669,7 +2669,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-22"
+            testID="undefined.day_2023-07-22"
           >
             <Text
               allowFontScaling={false}
@@ -2712,7 +2712,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 23 April 2023 "
+            accessibilityLabel=" Zondag 23 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2750,7 +2750,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-23"
+            testID="undefined.day_2023-07-23"
           >
             <Text
               allowFontScaling={false}
@@ -2803,7 +2803,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 24 April 2023 "
+            accessibilityLabel=" Maandag 24 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2841,7 +2841,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-24"
+            testID="undefined.day_2023-07-24"
           >
             <Text
               allowFontScaling={false}
@@ -2884,7 +2884,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 25 April 2023 "
+            accessibilityLabel=" Dinsdag 25 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2922,7 +2922,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-25"
+            testID="undefined.day_2023-07-25"
           >
             <Text
               allowFontScaling={false}
@@ -2965,7 +2965,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 26 April 2023 "
+            accessibilityLabel=" Woensdag 26 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3003,7 +3003,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-26"
+            testID="undefined.day_2023-07-26"
           >
             <Text
               allowFontScaling={false}
@@ -3046,7 +3046,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 27 April 2023 "
+            accessibilityLabel=" Donderdag 27 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3084,7 +3084,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-27"
+            testID="undefined.day_2023-07-27"
           >
             <Text
               allowFontScaling={false}
@@ -3127,7 +3127,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 28 April 2023 "
+            accessibilityLabel=" Vrijdag 28 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3165,7 +3165,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-28"
+            testID="undefined.day_2023-07-28"
           >
             <Text
               allowFontScaling={false}
@@ -3208,7 +3208,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 29 April 2023 "
+            accessibilityLabel=" Zaterdag 29 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3246,7 +3246,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-29"
+            testID="undefined.day_2023-07-29"
           >
             <Text
               allowFontScaling={false}
@@ -3289,7 +3289,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 30 April 2023 "
+            accessibilityLabel=" Zondag 30 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3327,7 +3327,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-30"
+            testID="undefined.day_2023-07-30"
           >
             <Text
               allowFontScaling={false}
@@ -3362,471 +3362,1651 @@ exports[`Test for the calendar component renders a calendar where you can select
           </View>
         </View>
       </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Test for the calendar component renders a calendar where you can select a day, and give a starting-, end-date for the calendar 1`] = `
-<View
-  onMoveShouldSetResponder={[Function]}
-  onMoveShouldSetResponderCapture={[Function]}
-  onResponderEnd={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderReject={[Function]}
-  onResponderRelease={[Function]}
-  onResponderStart={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onStartShouldSetResponderCapture={[Function]}
-  onSwipe={[Function]}
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "white",
-          "paddingLeft": 5,
-          "paddingRight": 5,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      accessibilityActions={
-        [
-          {
-            "label": "increment",
-            "name": "increment",
-          },
-          {
-            "label": "decrement",
-            "name": "decrement",
-          },
-        ]
-      }
-      accessibilityRole="adjustable"
-      accessible={true}
-      onAccessibilityAction={[Function]}
-      testID="undefined.header"
-    >
       <View
         style={
-          [
-            {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "justifyContent": "space-between",
-              "marginTop": 6,
-              "paddingLeft": 10,
-              "paddingRight": 10,
-            },
-            undefined,
-          ]
+          {
+            "flexDirection": "row",
+            "justifyContent": "space-around",
+            "marginVertical": 7,
+          }
         }
       >
         <View
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 20,
-              "left": 20,
-              "right": 20,
-              "top": 20,
-            }
-          }
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
           style={
             {
-              "opacity": 1,
-              "padding": 10,
+              "alignItems": "center",
+              "flex": 1,
             }
           }
-          testID="undefined.header.leftArrow"
         >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight="24"
-            bbWidth="24"
-            fill="none"
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
+          <View
+            accessibilityLabel=" Maandag 31 Juli 2023 "
+            accessibilityRole="button"
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
             }
-            vbHeight={19}
-            vbWidth={10}
-            width={24}
+            testID="undefined.day_2023-07-31"
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <Text
+              allowFontScaling={false}
+              style={
                 [
-                  "fill",
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
                 ]
               }
             >
-              <RNSVGPath
-                d="M8.875 17.375L1 9.5L8.875 1.625"
-                propList={
-                  [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
-                  ]
-                }
-                stroke={
+              31
+            </Text>
+            <View
+              style={
+                [
                   {
-                    "payload": 4279837036,
-                    "type": 0,
-                  }
-                }
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
         </View>
         <View
           style={
             {
               "alignItems": "center",
-              "backgroundColor": "#19216C",
-              "borderRadius": 32,
-              "flexDirection": "row",
-              "height": 32,
-              "justifyContent": "center",
-              "paddingBottom": 4,
-              "paddingLeft": 16,
-              "paddingRight": 16,
-              "paddingTop": 4,
+              "flex": 1,
             }
           }
         >
-          <Text
-            allowFontScaling={false}
-            style={
-              {
-                "color": "#FFFFFF",
-                "fontFamily": "SourceSansPro",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "margin": 0,
+          <View
+            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
-            testID="undefined.header.title"
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-08-01"
           >
-            April 2023
-          </Text>
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              1
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
         </View>
         <View
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 20,
-              "left": 20,
-              "right": 20,
-              "top": 20,
-            }
-          }
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
           style={
             {
-              "opacity": 1,
-              "padding": 10,
+              "alignItems": "center",
+              "flex": 1,
             }
           }
-          testID="undefined.header.rightArrow"
         >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight="24"
-            bbWidth="24"
-            fill="none"
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
+          <View
+            accessibilityLabel=" Woensdag 2 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
             }
-            vbHeight={19}
-            vbWidth={11}
-            width={24}
+            testID="undefined.day_2023-08-02"
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <Text
+              allowFontScaling={false}
+              style={
                 [
-                  "fill",
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              <RNSVGPath
-                d="M1.75 1.625L9.33333 9.5L1.75 17.375"
-                propList={
-                  [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
-                  ]
-                }
-                stroke={
+              2
+            </Text>
+            <View
+              style={
+                [
                   {
-                    "payload": 4279837036,
-                    "type": 0,
-                  }
-                }
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
         </View>
-      </View>
-      <View
-        style={
-          [
-            {
-              "flexDirection": "row",
-              "justifyContent": "space-around",
-              "marginTop": 32,
-            },
-            undefined,
-          ]
-        }
-        testID="undefined.header.dayNames"
-      >
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
+        <View
           style={
-            [
-              {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Donderdag 3 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-08-03"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              3
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Vrijdag 4 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-08-04"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              4
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-08-05"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              5
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Zondag 6 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-08-06"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              6
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`Test for the calendar component renders a calendar where you can select a day, and give a starting-, end-date for the calendar 1`] = `
+<View
+  onMoveShouldSetResponder={[Function]}
+  onMoveShouldSetResponderCapture={[Function]}
+  onResponderEnd={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderReject={[Function]}
+  onResponderRelease={[Function]}
+  onResponderStart={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  onStartShouldSetResponderCapture={[Function]}
+  onSwipe={[Function]}
+>
+  <View
+    style={
+      [
+        {
+          "backgroundColor": "white",
+          "paddingLeft": 5,
+          "paddingRight": 5,
+        },
+        undefined,
+      ]
+    }
+  >
+    <View
+      accessibilityActions={
+        [
+          {
+            "label": "increment",
+            "name": "increment",
+          },
+          {
+            "label": "decrement",
+            "name": "decrement",
+          },
+        ]
+      }
+      accessibilityRole="adjustable"
+      accessible={true}
+      onAccessibilityAction={[Function]}
+      testID="undefined.header"
+    >
+      <View
+        style={
+          [
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "space-between",
+              "marginTop": 6,
+              "paddingLeft": 10,
+              "paddingRight": 10,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          hitSlop={
+            {
+              "bottom": 20,
+              "left": 20,
+              "right": 20,
+              "top": 20,
+            }
+          }
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            {
+              "opacity": 1,
+              "padding": 10,
+            }
+          }
+          testID="undefined.header.leftArrow"
+        >
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight="24"
+            bbWidth="24"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
+              ]
+            }
+            vbHeight={19}
+            vbWidth={10}
+            width={24}
+          >
+            <RNSVGGroup
+              fill={null}
+              propList={
+                [
+                  "fill",
+                ]
+              }
+            >
+              <RNSVGPath
+                d="M8.875 17.375L1 9.5L8.875 1.625"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={
+                  {
+                    "payload": 4279837036,
+                    "type": 0,
+                  }
+                }
+                strokeLinecap={1}
+                strokeLinejoin={1}
+                strokeWidth="2"
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "backgroundColor": "#19216C",
+              "borderRadius": 32,
+              "flexDirection": "row",
+              "height": 32,
+              "justifyContent": "center",
+              "paddingBottom": 4,
+              "paddingLeft": 16,
+              "paddingRight": 16,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            style={
+              {
+                "color": "#FFFFFF",
+                "fontFamily": "SourceSansPro",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "margin": 0,
+              }
+            }
+            testID="undefined.header.title"
+          >
+            Juli 2023
+          </Text>
+        </View>
+        <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          hitSlop={
+            {
+              "bottom": 20,
+              "left": 20,
+              "right": 20,
+              "top": 20,
+            }
+          }
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            {
+              "opacity": 1,
+              "padding": 10,
+            }
+          }
+          testID="undefined.header.rightArrow"
+        >
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight="24"
+            bbWidth="24"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
+              ]
+            }
+            vbHeight={19}
+            vbWidth={11}
+            width={24}
+          >
+            <RNSVGGroup
+              fill={null}
+              propList={
+                [
+                  "fill",
+                ]
+              }
+            >
+              <RNSVGPath
+                d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={
+                  {
+                    "payload": 4279837036,
+                    "type": 0,
+                  }
+                }
+                strokeLinecap={1}
+                strokeLinejoin={1}
+                strokeWidth="2"
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
+        </View>
+      </View>
+      <View
+        style={
+          [
+            {
+              "flexDirection": "row",
+              "justifyContent": "space-around",
+              "marginTop": 32,
+            },
+            undefined,
+          ]
+        }
+        testID="undefined.header.dayNames"
+      >
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Ma
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Di
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Wo
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Do
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Vr
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
+          }
+        >
+          Za
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
                 "width": 32,
               },
             ]
           }
         >
-          Ma
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          Zo
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "white",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "flexDirection": "row",
+            "justifyContent": "space-around",
+            "marginVertical": 7,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Maandag 26 Juni 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-06-26"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              26
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Dinsdag 27 Juni 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-06-27"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              27
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Woensdag 28 Juni 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-06-28"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              28
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Donderdag 29 Juni 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-06-29"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              29
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Di
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Vrijdag 30 Juni 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-06-30"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              30
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Wo
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
+          <View
+            accessibilityLabel=" Zaterdag 1 Juli 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-07-01"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              1
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
           style={
-            [
-              {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Do
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Zondag 2 Juli 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Vr
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Za
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Zo
-        </Text>
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-07-02"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              2
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
       </View>
-    </View>
-    <View
-      style={
-        {
-          "backgroundColor": "white",
-        }
-      }
-    >
       <View
         style={
           {
@@ -3845,7 +5025,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 27 Maart 2023 "
+            accessibilityLabel=" Maandag 3 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3882,7 +5062,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-27"
+            testID="undefined.day_2023-07-03"
           >
             <Text
               allowFontScaling={false}
@@ -3901,7 +5081,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              3
             </Text>
             <View
               style={
@@ -3928,7 +5108,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 28 Maart 2023 "
+            accessibilityLabel=" Dinsdag 4 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3965,7 +5145,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-28"
+            testID="undefined.day_2023-07-04"
           >
             <Text
               allowFontScaling={false}
@@ -3984,7 +5164,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              4
             </Text>
             <View
               style={
@@ -4011,7 +5191,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 29 Maart 2023 "
+            accessibilityLabel=" Woensdag 5 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4048,7 +5228,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-29"
+            testID="undefined.day_2023-07-05"
           >
             <Text
               allowFontScaling={false}
@@ -4067,7 +5247,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              5
             </Text>
             <View
               style={
@@ -4094,7 +5274,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 30 Maart 2023 "
+            accessibilityLabel=" Donderdag 6 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4131,7 +5311,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-30"
+            testID="undefined.day_2023-07-06"
           >
             <Text
               allowFontScaling={false}
@@ -4150,7 +5330,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              6
             </Text>
             <View
               style={
@@ -4177,7 +5357,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 31 Maart 2023 "
+            accessibilityLabel="today Vrijdag 7 Juli 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -4208,13 +5389,17 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
+                "borderColor": "#7B93DB",
+                "borderRadius": 21,
+                "borderStyle": "solid",
+                "borderWidth": 1,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-03-31"
+            testID="undefined.day_2023-07-07"
           >
             <Text
               allowFontScaling={false}
@@ -4228,12 +5413,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#9AA5B1",
+                    "color": "#7B93DB",
                   },
                 ]
               }
             >
-              31
+              7
             </Text>
             <View
               style={
@@ -4260,7 +5445,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 1 April 2023 "
+            accessibilityLabel=" Zaterdag 8 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4297,7 +5482,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-01"
+            testID="undefined.day_2023-07-08"
           >
             <Text
               allowFontScaling={false}
@@ -4316,7 +5501,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              8
             </Text>
             <View
               style={
@@ -4343,7 +5528,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 2 April 2023 "
+            accessibilityLabel=" Zondag 9 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4380,7 +5565,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-02"
+            testID="undefined.day_2023-07-09"
           >
             <Text
               allowFontScaling={false}
@@ -4399,7 +5584,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              9
             </Text>
             <View
               style={
@@ -4436,7 +5621,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 3 April 2023 "
+            accessibilityLabel=" Maandag 10 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4473,7 +5658,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-03"
+            testID="undefined.day_2023-07-10"
           >
             <Text
               allowFontScaling={false}
@@ -4492,7 +5677,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              10
             </Text>
             <View
               style={
@@ -4519,8 +5704,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 4 April 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 11 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4551,17 +5735,13 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
-                "borderColor": "#7B93DB",
-                "borderRadius": 21,
-                "borderStyle": "solid",
-                "borderWidth": 1,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-04"
+            testID="undefined.day_2023-07-11"
           >
             <Text
               allowFontScaling={false}
@@ -4575,12 +5755,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#7B93DB",
+                    "color": "#9AA5B1",
                   },
                 ]
               }
             >
-              4
+              11
             </Text>
             <View
               style={
@@ -4607,7 +5787,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 5 April 2023 "
+            accessibilityLabel=" Woensdag 12 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4644,7 +5824,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-05"
+            testID="undefined.day_2023-07-12"
           >
             <Text
               allowFontScaling={false}
@@ -4663,7 +5843,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              12
             </Text>
             <View
               style={
@@ -4690,7 +5870,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 6 April 2023 "
+            accessibilityLabel=" Donderdag 13 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4727,7 +5907,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-06"
+            testID="undefined.day_2023-07-13"
           >
             <Text
               allowFontScaling={false}
@@ -4746,7 +5926,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              13
             </Text>
             <View
               style={
@@ -4773,7 +5953,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 7 April 2023 "
+            accessibilityLabel=" Vrijdag 14 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4810,7 +5990,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-07"
+            testID="undefined.day_2023-07-14"
           >
             <Text
               allowFontScaling={false}
@@ -4829,7 +6009,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              14
             </Text>
             <View
               style={
@@ -4856,7 +6036,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 8 April 2023 "
+            accessibilityLabel=" Zaterdag 15 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4893,7 +6073,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-08"
+            testID="undefined.day_2023-07-15"
           >
             <Text
               allowFontScaling={false}
@@ -4912,7 +6092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              15
             </Text>
             <View
               style={
@@ -4939,7 +6119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 9 April 2023 "
+            accessibilityLabel=" Zondag 16 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4976,7 +6156,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-09"
+            testID="undefined.day_2023-07-16"
           >
             <Text
               allowFontScaling={false}
@@ -4995,7 +6175,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              16
             </Text>
             <View
               style={
@@ -5032,7 +6212,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 10 April 2023 "
+            accessibilityLabel=" Maandag 17 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5069,7 +6249,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-10"
+            testID="undefined.day_2023-07-17"
           >
             <Text
               allowFontScaling={false}
@@ -5088,7 +6268,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              17
             </Text>
             <View
               style={
@@ -5115,7 +6295,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 11 April 2023 "
+            accessibilityLabel=" Dinsdag 18 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5152,7 +6332,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-11"
+            testID="undefined.day_2023-07-18"
           >
             <Text
               allowFontScaling={false}
@@ -5171,7 +6351,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              18
             </Text>
             <View
               style={
@@ -5198,7 +6378,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 12 April 2023 "
+            accessibilityLabel=" Woensdag 19 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5235,7 +6415,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-12"
+            testID="undefined.day_2023-07-19"
           >
             <Text
               allowFontScaling={false}
@@ -5254,7 +6434,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              19
             </Text>
             <View
               style={
@@ -5281,7 +6461,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 13 April 2023 "
+            accessibilityLabel=" Donderdag 20 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5318,7 +6498,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-13"
+            testID="undefined.day_2023-07-20"
           >
             <Text
               allowFontScaling={false}
@@ -5337,7 +6517,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              20
             </Text>
             <View
               style={
@@ -5364,7 +6544,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 14 April 2023 "
+            accessibilityLabel=" Vrijdag 21 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5401,7 +6581,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-14"
+            testID="undefined.day_2023-07-21"
           >
             <Text
               allowFontScaling={false}
@@ -5420,7 +6600,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              14
+              21
             </Text>
             <View
               style={
@@ -5447,7 +6627,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 15 April 2023 "
+            accessibilityLabel=" Zaterdag 22 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5484,7 +6664,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-15"
+            testID="undefined.day_2023-07-22"
           >
             <Text
               allowFontScaling={false}
@@ -5503,7 +6683,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              22
             </Text>
             <View
               style={
@@ -5530,7 +6710,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 16 April 2023 "
+            accessibilityLabel=" Zondag 23 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5567,7 +6747,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-16"
+            testID="undefined.day_2023-07-23"
           >
             <Text
               allowFontScaling={false}
@@ -5586,7 +6766,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              23
             </Text>
             <View
               style={
@@ -5623,7 +6803,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 17 April 2023 "
+            accessibilityLabel=" Maandag 24 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5660,7 +6840,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-17"
+            testID="undefined.day_2023-07-24"
           >
             <Text
               allowFontScaling={false}
@@ -5679,7 +6859,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              24
             </Text>
             <View
               style={
@@ -5706,7 +6886,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 18 April 2023 "
+            accessibilityLabel=" Dinsdag 25 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5743,7 +6923,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-18"
+            testID="undefined.day_2023-07-25"
           >
             <Text
               allowFontScaling={false}
@@ -5762,7 +6942,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              25
             </Text>
             <View
               style={
@@ -5789,7 +6969,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 19 April 2023 "
+            accessibilityLabel=" Woensdag 26 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5826,7 +7006,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-19"
+            testID="undefined.day_2023-07-26"
           >
             <Text
               allowFontScaling={false}
@@ -5845,7 +7025,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              26
             </Text>
             <View
               style={
@@ -5872,7 +7052,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 20 April 2023 "
+            accessibilityLabel=" Donderdag 27 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5909,7 +7089,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-20"
+            testID="undefined.day_2023-07-27"
           >
             <Text
               allowFontScaling={false}
@@ -5928,7 +7108,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              27
             </Text>
             <View
               style={
@@ -5955,7 +7135,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 21 April 2023 "
+            accessibilityLabel=" Vrijdag 28 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5992,7 +7172,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-21"
+            testID="undefined.day_2023-07-28"
           >
             <Text
               allowFontScaling={false}
@@ -6011,7 +7191,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              28
             </Text>
             <View
               style={
@@ -6038,7 +7218,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 22 April 2023 "
+            accessibilityLabel=" Zaterdag 29 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6075,7 +7255,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-22"
+            testID="undefined.day_2023-07-29"
           >
             <Text
               allowFontScaling={false}
@@ -6094,7 +7274,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              29
             </Text>
             <View
               style={
@@ -6121,7 +7301,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 23 April 2023 "
+            accessibilityLabel=" Zondag 30 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6158,7 +7338,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-23"
+            testID="undefined.day_2023-07-30"
           >
             <Text
               allowFontScaling={false}
@@ -6177,7 +7357,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              30
             </Text>
             <View
               style={
@@ -6214,7 +7394,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 24 April 2023 "
+            accessibilityLabel=" Maandag 31 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6251,7 +7431,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-24"
+            testID="undefined.day_2023-07-31"
           >
             <Text
               allowFontScaling={false}
@@ -6270,7 +7450,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              31
             </Text>
             <View
               style={
@@ -6297,7 +7477,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 25 April 2023 "
+            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6334,7 +7514,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-25"
+            testID="undefined.day_2023-08-01"
           >
             <Text
               allowFontScaling={false}
@@ -6353,7 +7533,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              1
             </Text>
             <View
               style={
@@ -6380,7 +7560,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 26 April 2023 "
+            accessibilityLabel=" Woensdag 2 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6417,7 +7597,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-26"
+            testID="undefined.day_2023-08-02"
           >
             <Text
               allowFontScaling={false}
@@ -6436,7 +7616,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              2
             </Text>
             <View
               style={
@@ -6463,7 +7643,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 27 April 2023 "
+            accessibilityLabel=" Donderdag 3 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6500,7 +7680,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-27"
+            testID="undefined.day_2023-08-03"
           >
             <Text
               allowFontScaling={false}
@@ -6519,7 +7699,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              3
             </Text>
             <View
               style={
@@ -6546,7 +7726,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 28 April 2023 "
+            accessibilityLabel=" Vrijdag 4 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6583,7 +7763,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-28"
+            testID="undefined.day_2023-08-04"
           >
             <Text
               allowFontScaling={false}
@@ -6602,7 +7782,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              4
             </Text>
             <View
               style={
@@ -6629,7 +7809,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 29 April 2023 "
+            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6666,7 +7846,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-29"
+            testID="undefined.day_2023-08-05"
           >
             <Text
               allowFontScaling={false}
@@ -6685,7 +7865,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              5
             </Text>
             <View
               style={
@@ -6712,7 +7892,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 30 April 2023 "
+            accessibilityLabel=" Zondag 6 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6749,7 +7929,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-04-30"
+            testID="undefined.day_2023-08-06"
           >
             <Text
               allowFontScaling={false}
@@ -6768,7 +7948,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              6
             </Text>
             <View
               style={