npm - @tactics/toddle-styleguide - Versions diffs - 1.2.3 → 1.2.5 - Mend

@tactics/toddle-styleguide 1.2.3 → 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

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

@@ -192,7 +192,7 @@ exports[`Test for the calendar component renders a calendar where you can select
             }
             testID="undefined.header.title"
           >
-            Juni 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 29 Mei 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-05-29"
+            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
                 ]
               }
             >
-              29
+              26
             </Text>
             <View
               style={
@@ -561,7 +561,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 30 Mei 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-05-30"
+            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
                 ]
               }
             >
-              30
+              27
             </Text>
             <View
               style={
@@ -644,7 +644,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 31 Mei 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-05-31"
+            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
                 ]
               }
             >
-              31
+              28
             </Text>
             <View
               style={
@@ -727,8 +727,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 1 Juni 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 29 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -765,7 +764,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-01"
+            testID="undefined.day_2023-06-29"
           >
             <Text
               allowFontScaling={false}
@@ -778,10 +777,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              1
+              29
             </Text>
             <View
               style={
@@ -808,8 +810,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 2 Juni 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 30 Juni 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -846,7 +847,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-02"
+            testID="undefined.day_2023-06-30"
           >
             <Text
               allowFontScaling={false}
@@ -859,10 +860,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              2
+              30
             </Text>
             <View
               style={
@@ -889,7 +893,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 3 Juni 2023 "
+            accessibilityLabel=" Zaterdag 1 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -927,7 +931,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-03"
+            testID="undefined.day_2023-07-01"
           >
             <Text
               allowFontScaling={false}
@@ -943,7 +947,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              1
             </Text>
             <View
               style={
@@ -970,7 +974,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 4 Juni 2023 "
+            accessibilityLabel=" Zondag 2 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1008,7 +1012,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-04"
+            testID="undefined.day_2023-07-02"
           >
             <Text
               allowFontScaling={false}
@@ -1024,7 +1028,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              2
             </Text>
             <View
               style={
@@ -1061,7 +1065,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 5 Juni 2023 "
+            accessibilityLabel=" Maandag 3 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1099,7 +1103,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-05"
+            testID="undefined.day_2023-07-03"
           >
             <Text
               allowFontScaling={false}
@@ -1115,7 +1119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              3
             </Text>
             <View
               style={
@@ -1142,7 +1146,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 6 Juni 2023 "
+            accessibilityLabel=" Dinsdag 4 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1180,7 +1184,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-06"
+            testID="undefined.day_2023-07-04"
           >
             <Text
               allowFontScaling={false}
@@ -1196,7 +1200,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              4
             </Text>
             <View
               style={
@@ -1223,7 +1227,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 7 Juni 2023 "
+            accessibilityLabel=" Woensdag 5 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1261,7 +1265,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-07"
+            testID="undefined.day_2023-07-05"
           >
             <Text
               allowFontScaling={false}
@@ -1277,7 +1281,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              5
             </Text>
             <View
               style={
@@ -1304,7 +1308,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 8 Juni 2023 "
+            accessibilityLabel=" Donderdag 6 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1342,7 +1346,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-08"
+            testID="undefined.day_2023-07-06"
           >
             <Text
               allowFontScaling={false}
@@ -1358,7 +1362,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              6
             </Text>
             <View
               style={
@@ -1385,7 +1389,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 9 Juni 2023 "
+            accessibilityLabel=" Vrijdag 7 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1423,7 +1427,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-09"
+            testID="undefined.day_2023-07-07"
           >
             <Text
               allowFontScaling={false}
@@ -1439,7 +1443,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              7
             </Text>
             <View
               style={
@@ -1466,7 +1470,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 10 Juni 2023 "
+            accessibilityLabel=" Zaterdag 8 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1504,7 +1508,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-10"
+            testID="undefined.day_2023-07-08"
           >
             <Text
               allowFontScaling={false}
@@ -1520,7 +1524,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              8
             </Text>
             <View
               style={
@@ -1547,7 +1551,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 11 Juni 2023 "
+            accessibilityLabel=" Zondag 9 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1585,7 +1589,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-11"
+            testID="undefined.day_2023-07-09"
           >
             <Text
               allowFontScaling={false}
@@ -1601,7 +1605,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              9
             </Text>
             <View
               style={
@@ -1638,7 +1642,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 12 Juni 2023 "
+            accessibilityLabel=" Maandag 10 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1676,7 +1680,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-12"
+            testID="undefined.day_2023-07-10"
           >
             <Text
               allowFontScaling={false}
@@ -1692,7 +1696,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              10
             </Text>
             <View
               style={
@@ -1719,7 +1723,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 13 Juni 2023 "
+            accessibilityLabel=" Dinsdag 11 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1757,7 +1761,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-13"
+            testID="undefined.day_2023-07-11"
           >
             <Text
               allowFontScaling={false}
@@ -1773,7 +1777,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              11
             </Text>
             <View
               style={
@@ -1800,7 +1804,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 14 Juni 2023 "
+            accessibilityLabel="today Woensdag 12 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1832,13 +1836,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-06-14"
+            testID="undefined.day_2023-07-12"
           >
             <Text
               allowFontScaling={false}
@@ -1851,10 +1859,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#7B93DB",
+                  },
                 ]
               }
             >
-              14
+              12
             </Text>
             <View
               style={
@@ -1881,7 +1892,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 15 Juni 2023 "
+            accessibilityLabel=" Donderdag 13 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1919,7 +1930,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-15"
+            testID="undefined.day_2023-07-13"
           >
             <Text
               allowFontScaling={false}
@@ -1935,7 +1946,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              13
             </Text>
             <View
               style={
@@ -1962,7 +1973,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 16 Juni 2023 "
+            accessibilityLabel=" Vrijdag 14 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2000,7 +2011,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-16"
+            testID="undefined.day_2023-07-14"
           >
             <Text
               allowFontScaling={false}
@@ -2016,7 +2027,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              14
             </Text>
             <View
               style={
@@ -2043,7 +2054,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 17 Juni 2023 "
+            accessibilityLabel=" Zaterdag 15 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2081,7 +2092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-17"
+            testID="undefined.day_2023-07-15"
           >
             <Text
               allowFontScaling={false}
@@ -2097,7 +2108,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              15
             </Text>
             <View
               style={
@@ -2124,7 +2135,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 18 Juni 2023 "
+            accessibilityLabel=" Zondag 16 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2162,7 +2173,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-18"
+            testID="undefined.day_2023-07-16"
           >
             <Text
               allowFontScaling={false}
@@ -2178,7 +2189,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              16
             </Text>
             <View
               style={
@@ -2215,7 +2226,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 19 Juni 2023 "
+            accessibilityLabel=" Maandag 17 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2253,7 +2264,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-19"
+            testID="undefined.day_2023-07-17"
           >
             <Text
               allowFontScaling={false}
@@ -2269,7 +2280,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              17
             </Text>
             <View
               style={
@@ -2296,7 +2307,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 20 Juni 2023 "
+            accessibilityLabel=" Dinsdag 18 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2334,7 +2345,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-20"
+            testID="undefined.day_2023-07-18"
           >
             <Text
               allowFontScaling={false}
@@ -2350,7 +2361,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              18
             </Text>
             <View
               style={
@@ -2377,7 +2388,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 21 Juni 2023 "
+            accessibilityLabel=" Woensdag 19 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2415,7 +2426,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-21"
+            testID="undefined.day_2023-07-19"
           >
             <Text
               allowFontScaling={false}
@@ -2431,7 +2442,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              19
             </Text>
             <View
               style={
@@ -2458,7 +2469,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 22 Juni 2023 "
+            accessibilityLabel=" Donderdag 20 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2496,7 +2507,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-22"
+            testID="undefined.day_2023-07-20"
           >
             <Text
               allowFontScaling={false}
@@ -2512,7 +2523,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              20
             </Text>
             <View
               style={
@@ -2539,7 +2550,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 23 Juni 2023 "
+            accessibilityLabel=" Vrijdag 21 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2577,7 +2588,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-23"
+            testID="undefined.day_2023-07-21"
           >
             <Text
               allowFontScaling={false}
@@ -2593,7 +2604,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              21
             </Text>
             <View
               style={
@@ -2620,7 +2631,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 24 Juni 2023 "
+            accessibilityLabel=" Zaterdag 22 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2658,7 +2669,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-24"
+            testID="undefined.day_2023-07-22"
           >
             <Text
               allowFontScaling={false}
@@ -2674,7 +2685,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              22
             </Text>
             <View
               style={
@@ -2701,7 +2712,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 25 Juni 2023 "
+            accessibilityLabel=" Zondag 23 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2739,7 +2750,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-25"
+            testID="undefined.day_2023-07-23"
           >
             <Text
               allowFontScaling={false}
@@ -2755,7 +2766,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              23
             </Text>
             <View
               style={
@@ -2792,7 +2803,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 26 Juni 2023 "
+            accessibilityLabel=" Maandag 24 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2830,7 +2841,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-26"
+            testID="undefined.day_2023-07-24"
           >
             <Text
               allowFontScaling={false}
@@ -2846,7 +2857,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              24
             </Text>
             <View
               style={
@@ -2873,7 +2884,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 27 Juni 2023 "
+            accessibilityLabel=" Dinsdag 25 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2905,17 +2916,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-06-27"
+            testID="undefined.day_2023-07-25"
           >
             <Text
               allowFontScaling={false}
@@ -2928,13 +2935,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#7B93DB",
-                  },
                 ]
               }
             >
-              27
+              25
             </Text>
             <View
               style={
@@ -2961,7 +2965,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 28 Juni 2023 "
+            accessibilityLabel=" Woensdag 26 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2999,7 +3003,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-28"
+            testID="undefined.day_2023-07-26"
           >
             <Text
               allowFontScaling={false}
@@ -3015,7 +3019,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              26
             </Text>
             <View
               style={
@@ -3042,7 +3046,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 29 Juni 2023 "
+            accessibilityLabel=" Donderdag 27 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3080,7 +3084,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-29"
+            testID="undefined.day_2023-07-27"
           >
             <Text
               allowFontScaling={false}
@@ -3096,7 +3100,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              27
             </Text>
             <View
               style={
@@ -3123,7 +3127,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 30 Juni 2023 "
+            accessibilityLabel=" Vrijdag 28 Juli 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3161,7 +3165,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-30"
+            testID="undefined.day_2023-07-28"
           >
             <Text
               allowFontScaling={false}
@@ -3177,7 +3181,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              28
             </Text>
             <View
               style={
@@ -3204,7 +3208,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 1 Juli 2023 "
+            accessibilityLabel=" Zaterdag 29 Juli 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -3241,7 +3246,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-01"
+            testID="undefined.day_2023-07-29"
           >
             <Text
               allowFontScaling={false}
@@ -3254,13 +3259,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              1
+              29
             </Text>
             <View
               style={
@@ -3287,7 +3289,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 2 Juli 2023 "
+            accessibilityLabel=" Zondag 30 Juli 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -3324,7 +3327,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-02"
+            testID="undefined.day_2023-07-30"
           >
             <Text
               allowFontScaling={false}
@@ -3337,13 +3340,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              2
+              30
             </Text>
             <View
               style={
@@ -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}
-            style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={19}
-            vbWidth={10}
-            width={24}
+          <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={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            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}
+          <View
+            accessibilityLabel=" Dinsdag 1 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={
               {
-                "color": "#FFFFFF",
-                "fontFamily": "SourceSansPro",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "margin": 0,
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
               }
             }
-            testID="undefined.header.title"
+            testID="undefined.day_2023-08-01"
           >
-            Juni 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}
-            style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
+          <View
+            accessibilityLabel=" Woensdag 2 Augustus 2023 "
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
             }
-            vbHeight={19}
-            vbWidth={11}
-            width={24}
-          >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            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-02"
+          >
+            <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",
-                "width": 32,
-              },
-            ]
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Ma
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Donderdag 3 Augustus 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Di
-        </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,
-              },
-            ]
+                "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,
+            }
           }
         >
-          Wo
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={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,
+              },
+            ]
+          }
+        >
+          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={
+              {
+                "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,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Vrijdag 30 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-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,
+            }
+          }
+        >
+          <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 29 Mei 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-05-29"
+            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
                 ]
               }
             >
-              29
+              3
             </Text>
             <View
               style={
@@ -3928,7 +5108,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 30 Mei 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-05-30"
+            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
                 ]
               }
             >
-              30
+              4
             </Text>
             <View
               style={
@@ -4011,7 +5191,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 31 Mei 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-05-31"
+            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
                 ]
               }
             >
-              31
+              5
             </Text>
             <View
               style={
@@ -4094,7 +5274,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 1 Juni 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-06-01"
+            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
                 ]
               }
             >
-              1
+              6
             </Text>
             <View
               style={
@@ -4177,7 +5357,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 2 Juni 2023 "
+            accessibilityLabel=" Vrijdag 7 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4214,7 +5394,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-02"
+            testID="undefined.day_2023-07-07"
           >
             <Text
               allowFontScaling={false}
@@ -4233,7 +5413,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              7
             </Text>
             <View
               style={
@@ -4260,7 +5440,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 3 Juni 2023 "
+            accessibilityLabel=" Zaterdag 8 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4297,7 +5477,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-03"
+            testID="undefined.day_2023-07-08"
           >
             <Text
               allowFontScaling={false}
@@ -4316,7 +5496,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              8
             </Text>
             <View
               style={
@@ -4343,7 +5523,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 4 Juni 2023 "
+            accessibilityLabel=" Zondag 9 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4380,7 +5560,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-04"
+            testID="undefined.day_2023-07-09"
           >
             <Text
               allowFontScaling={false}
@@ -4399,7 +5579,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              9
             </Text>
             <View
               style={
@@ -4436,7 +5616,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 5 Juni 2023 "
+            accessibilityLabel=" Maandag 10 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4473,7 +5653,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-05"
+            testID="undefined.day_2023-07-10"
           >
             <Text
               allowFontScaling={false}
@@ -4492,7 +5672,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              10
             </Text>
             <View
               style={
@@ -4519,7 +5699,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 6 Juni 2023 "
+            accessibilityLabel=" Dinsdag 11 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4556,7 +5736,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-06"
+            testID="undefined.day_2023-07-11"
           >
             <Text
               allowFontScaling={false}
@@ -4575,7 +5755,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              11
             </Text>
             <View
               style={
@@ -4602,7 +5782,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 7 Juni 2023 "
+            accessibilityLabel="today Woensdag 12 Juli 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -4633,13 +5814,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-06-07"
+            testID="undefined.day_2023-07-12"
           >
             <Text
               allowFontScaling={false}
@@ -4653,12 +5838,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#9AA5B1",
+                    "color": "#7B93DB",
                   },
                 ]
               }
             >
-              7
+              12
             </Text>
             <View
               style={
@@ -4685,7 +5870,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 8 Juni 2023 "
+            accessibilityLabel=" Donderdag 13 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4722,7 +5907,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-08"
+            testID="undefined.day_2023-07-13"
           >
             <Text
               allowFontScaling={false}
@@ -4741,7 +5926,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              13
             </Text>
             <View
               style={
@@ -4768,7 +5953,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 9 Juni 2023 "
+            accessibilityLabel=" Vrijdag 14 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4805,7 +5990,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-09"
+            testID="undefined.day_2023-07-14"
           >
             <Text
               allowFontScaling={false}
@@ -4824,7 +6009,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              14
             </Text>
             <View
               style={
@@ -4851,7 +6036,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 10 Juni 2023 "
+            accessibilityLabel=" Zaterdag 15 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4888,7 +6073,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-10"
+            testID="undefined.day_2023-07-15"
           >
             <Text
               allowFontScaling={false}
@@ -4907,7 +6092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              15
             </Text>
             <View
               style={
@@ -4934,7 +6119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 11 Juni 2023 "
+            accessibilityLabel=" Zondag 16 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4971,7 +6156,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-11"
+            testID="undefined.day_2023-07-16"
           >
             <Text
               allowFontScaling={false}
@@ -4990,7 +6175,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              16
             </Text>
             <View
               style={
@@ -5027,7 +6212,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 12 Juni 2023 "
+            accessibilityLabel=" Maandag 17 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5064,7 +6249,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-12"
+            testID="undefined.day_2023-07-17"
           >
             <Text
               allowFontScaling={false}
@@ -5083,7 +6268,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              17
             </Text>
             <View
               style={
@@ -5110,7 +6295,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 13 Juni 2023 "
+            accessibilityLabel=" Dinsdag 18 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5147,7 +6332,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-13"
+            testID="undefined.day_2023-07-18"
           >
             <Text
               allowFontScaling={false}
@@ -5166,7 +6351,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              18
             </Text>
             <View
               style={
@@ -5193,7 +6378,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 14 Juni 2023 "
+            accessibilityLabel=" Woensdag 19 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5230,7 +6415,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-14"
+            testID="undefined.day_2023-07-19"
           >
             <Text
               allowFontScaling={false}
@@ -5249,7 +6434,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              14
+              19
             </Text>
             <View
               style={
@@ -5276,7 +6461,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 15 Juni 2023 "
+            accessibilityLabel=" Donderdag 20 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5313,7 +6498,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-15"
+            testID="undefined.day_2023-07-20"
           >
             <Text
               allowFontScaling={false}
@@ -5332,7 +6517,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              20
             </Text>
             <View
               style={
@@ -5359,7 +6544,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 16 Juni 2023 "
+            accessibilityLabel=" Vrijdag 21 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5396,7 +6581,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-16"
+            testID="undefined.day_2023-07-21"
           >
             <Text
               allowFontScaling={false}
@@ -5415,7 +6600,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              21
             </Text>
             <View
               style={
@@ -5442,7 +6627,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 17 Juni 2023 "
+            accessibilityLabel=" Zaterdag 22 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5479,7 +6664,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-17"
+            testID="undefined.day_2023-07-22"
           >
             <Text
               allowFontScaling={false}
@@ -5498,7 +6683,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              22
             </Text>
             <View
               style={
@@ -5525,7 +6710,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 18 Juni 2023 "
+            accessibilityLabel=" Zondag 23 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5562,7 +6747,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-18"
+            testID="undefined.day_2023-07-23"
           >
             <Text
               allowFontScaling={false}
@@ -5581,7 +6766,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              23
             </Text>
             <View
               style={
@@ -5618,7 +6803,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 19 Juni 2023 "
+            accessibilityLabel=" Maandag 24 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5655,7 +6840,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-19"
+            testID="undefined.day_2023-07-24"
           >
             <Text
               allowFontScaling={false}
@@ -5674,7 +6859,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              24
             </Text>
             <View
               style={
@@ -5701,7 +6886,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 20 Juni 2023 "
+            accessibilityLabel=" Dinsdag 25 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5738,7 +6923,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-20"
+            testID="undefined.day_2023-07-25"
           >
             <Text
               allowFontScaling={false}
@@ -5757,7 +6942,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              25
             </Text>
             <View
               style={
@@ -5784,7 +6969,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 21 Juni 2023 "
+            accessibilityLabel=" Woensdag 26 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5821,7 +7006,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-21"
+            testID="undefined.day_2023-07-26"
           >
             <Text
               allowFontScaling={false}
@@ -5840,7 +7025,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              26
             </Text>
             <View
               style={
@@ -5867,7 +7052,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 22 Juni 2023 "
+            accessibilityLabel=" Donderdag 27 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5904,7 +7089,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-22"
+            testID="undefined.day_2023-07-27"
           >
             <Text
               allowFontScaling={false}
@@ -5923,7 +7108,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              27
             </Text>
             <View
               style={
@@ -5950,7 +7135,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 23 Juni 2023 "
+            accessibilityLabel=" Vrijdag 28 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5987,7 +7172,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-23"
+            testID="undefined.day_2023-07-28"
           >
             <Text
               allowFontScaling={false}
@@ -6006,7 +7191,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              28
             </Text>
             <View
               style={
@@ -6033,7 +7218,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 24 Juni 2023 "
+            accessibilityLabel=" Zaterdag 29 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6070,7 +7255,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-24"
+            testID="undefined.day_2023-07-29"
           >
             <Text
               allowFontScaling={false}
@@ -6089,7 +7274,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              29
             </Text>
             <View
               style={
@@ -6116,7 +7301,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 25 Juni 2023 "
+            accessibilityLabel=" Zondag 30 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6153,7 +7338,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-25"
+            testID="undefined.day_2023-07-30"
           >
             <Text
               allowFontScaling={false}
@@ -6172,7 +7357,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              30
             </Text>
             <View
               style={
@@ -6209,7 +7394,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 26 Juni 2023 "
+            accessibilityLabel=" Maandag 31 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6246,7 +7431,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-26"
+            testID="undefined.day_2023-07-31"
           >
             <Text
               allowFontScaling={false}
@@ -6265,7 +7450,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              31
             </Text>
             <View
               style={
@@ -6292,8 +7477,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 27 Juni 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6324,17 +7508,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-06-27"
+            testID="undefined.day_2023-08-01"
           >
             <Text
               allowFontScaling={false}
@@ -6348,12 +7528,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#7B93DB",
+                    "color": "#9AA5B1",
                   },
                 ]
               }
             >
-              27
+              1
             </Text>
             <View
               style={
@@ -6380,7 +7560,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 28 Juni 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-06-28"
+            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
                 ]
               }
             >
-              28
+              2
             </Text>
             <View
               style={
@@ -6463,7 +7643,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 29 Juni 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-06-29"
+            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
                 ]
               }
             >
-              29
+              3
             </Text>
             <View
               style={
@@ -6546,7 +7726,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 30 Juni 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-06-30"
+            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
                 ]
               }
             >
-              30
+              4
             </Text>
             <View
               style={
@@ -6629,7 +7809,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 1 Juli 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-07-01"
+            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
                 ]
               }
             >
-              1
+              5
             </Text>
             <View
               style={
@@ -6712,7 +7892,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 2 Juli 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-07-02"
+            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
                 ]
               }
             >
-              2
+              6
             </Text>
             <View
               style={