npm - @tactics/toddle-styleguide - Versions diffs - 1.2.7 → 1.2.9 - Mend

@tactics/toddle-styleguide 1.2.7 → 1.2.9

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 (89) 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"
           >
-            Juli 2023
+            Augustus 2023
           </Text>
         </View>
         <View
@@ -478,7 +478,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,
@@ -515,7 +515,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}
@@ -534,7 +534,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              31
             </Text>
             <View
               style={
@@ -561,7 +561,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 27 Juni 2023 "
+            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -598,7 +599,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-06-27"
+            testID="undefined.day_2023-08-01"
           >
             <Text
               allowFontScaling={false}
@@ -611,13 +612,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              27
+              1
             </Text>
             <View
               style={
@@ -644,7 +642,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 28 Juni 2023 "
+            accessibilityLabel=" Woensdag 2 Augustus 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -681,7 +680,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}
@@ -694,13 +693,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              28
+              2
             </Text>
             <View
               style={
@@ -727,7 +723,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 29 Juni 2023 "
+            accessibilityLabel=" Donderdag 3 Augustus 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -764,7 +761,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}
@@ -777,13 +774,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              29
+              3
             </Text>
             <View
               style={
@@ -810,7 +804,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 30 Juni 2023 "
+            accessibilityLabel="today Vrijdag 4 Augustus 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -841,13 +836,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-30"
+            testID="undefined.day_2023-08-04"
           >
             <Text
               allowFontScaling={false}
@@ -861,12 +860,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#9AA5B1",
+                    "color": "#7B93DB",
                   },
                 ]
               }
             >
-              30
+              4
             </Text>
             <View
               style={
@@ -893,7 +892,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 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -931,7 +930,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}
@@ -947,7 +946,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              5
             </Text>
             <View
               style={
@@ -974,7 +973,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 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1012,7 +1011,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}
@@ -1028,7 +1027,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              6
             </Text>
             <View
               style={
@@ -1065,7 +1064,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 3 Juli 2023 "
+            accessibilityLabel=" Maandag 7 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1103,7 +1102,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-03"
+            testID="undefined.day_2023-08-07"
           >
             <Text
               allowFontScaling={false}
@@ -1119,7 +1118,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              7
             </Text>
             <View
               style={
@@ -1146,7 +1145,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 4 Juli 2023 "
+            accessibilityLabel=" Dinsdag 8 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1184,7 +1183,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-04"
+            testID="undefined.day_2023-08-08"
           >
             <Text
               allowFontScaling={false}
@@ -1200,7 +1199,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              8
             </Text>
             <View
               style={
@@ -1227,7 +1226,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 5 Juli 2023 "
+            accessibilityLabel=" Woensdag 9 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1265,7 +1264,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-05"
+            testID="undefined.day_2023-08-09"
           >
             <Text
               allowFontScaling={false}
@@ -1281,7 +1280,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              9
             </Text>
             <View
               style={
@@ -1308,7 +1307,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 6 Juli 2023 "
+            accessibilityLabel=" Donderdag 10 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1346,7 +1345,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-06"
+            testID="undefined.day_2023-08-10"
           >
             <Text
               allowFontScaling={false}
@@ -1362,7 +1361,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              10
             </Text>
             <View
               style={
@@ -1389,7 +1388,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 7 Juli 2023 "
+            accessibilityLabel=" Vrijdag 11 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1427,7 +1426,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-07"
+            testID="undefined.day_2023-08-11"
           >
             <Text
               allowFontScaling={false}
@@ -1443,7 +1442,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              11
             </Text>
             <View
               style={
@@ -1470,7 +1469,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 8 Juli 2023 "
+            accessibilityLabel=" Zaterdag 12 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1508,7 +1507,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-08"
+            testID="undefined.day_2023-08-12"
           >
             <Text
               allowFontScaling={false}
@@ -1524,7 +1523,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              12
             </Text>
             <View
               style={
@@ -1551,7 +1550,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 9 Juli 2023 "
+            accessibilityLabel=" Zondag 13 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1589,7 +1588,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-09"
+            testID="undefined.day_2023-08-13"
           >
             <Text
               allowFontScaling={false}
@@ -1605,7 +1604,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              13
             </Text>
             <View
               style={
@@ -1642,7 +1641,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 10 Juli 2023 "
+            accessibilityLabel=" Maandag 14 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1680,7 +1679,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-10"
+            testID="undefined.day_2023-08-14"
           >
             <Text
               allowFontScaling={false}
@@ -1696,7 +1695,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              14
             </Text>
             <View
               style={
@@ -1723,7 +1722,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 11 Juli 2023 "
+            accessibilityLabel=" Dinsdag 15 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1761,7 +1760,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-11"
+            testID="undefined.day_2023-08-15"
           >
             <Text
               allowFontScaling={false}
@@ -1777,7 +1776,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              15
             </Text>
             <View
               style={
@@ -1804,7 +1803,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 12 Juli 2023 "
+            accessibilityLabel=" Woensdag 16 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1842,7 +1841,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-12"
+            testID="undefined.day_2023-08-16"
           >
             <Text
               allowFontScaling={false}
@@ -1858,7 +1857,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              16
             </Text>
             <View
               style={
@@ -1885,7 +1884,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 13 Juli 2023 "
+            accessibilityLabel=" Donderdag 17 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1923,7 +1922,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-13"
+            testID="undefined.day_2023-08-17"
           >
             <Text
               allowFontScaling={false}
@@ -1939,7 +1938,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              17
             </Text>
             <View
               style={
@@ -1966,7 +1965,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 14 Juli 2023 "
+            accessibilityLabel=" Vrijdag 18 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2004,7 +2003,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-14"
+            testID="undefined.day_2023-08-18"
           >
             <Text
               allowFontScaling={false}
@@ -2020,7 +2019,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              14
+              18
             </Text>
             <View
               style={
@@ -2047,7 +2046,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 15 Juli 2023 "
+            accessibilityLabel=" Zaterdag 19 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2085,7 +2084,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-15"
+            testID="undefined.day_2023-08-19"
           >
             <Text
               allowFontScaling={false}
@@ -2101,7 +2100,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              19
             </Text>
             <View
               style={
@@ -2128,7 +2127,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 16 Juli 2023 "
+            accessibilityLabel=" Zondag 20 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2166,7 +2165,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-16"
+            testID="undefined.day_2023-08-20"
           >
             <Text
               allowFontScaling={false}
@@ -2182,7 +2181,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              20
             </Text>
             <View
               style={
@@ -2219,7 +2218,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 17 Juli 2023 "
+            accessibilityLabel=" Maandag 21 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2257,7 +2256,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-17"
+            testID="undefined.day_2023-08-21"
           >
             <Text
               allowFontScaling={false}
@@ -2273,7 +2272,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              21
             </Text>
             <View
               style={
@@ -2300,7 +2299,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 18 Juli 2023 "
+            accessibilityLabel=" Dinsdag 22 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2332,17 +2331,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-07-18"
+            testID="undefined.day_2023-08-22"
           >
             <Text
               allowFontScaling={false}
@@ -2355,13 +2350,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#7B93DB",
-                  },
                 ]
               }
             >
-              18
+              22
             </Text>
             <View
               style={
@@ -2388,7 +2380,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 19 Juli 2023 "
+            accessibilityLabel=" Woensdag 23 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2426,7 +2418,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-19"
+            testID="undefined.day_2023-08-23"
           >
             <Text
               allowFontScaling={false}
@@ -2442,7 +2434,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              23
             </Text>
             <View
               style={
@@ -2469,7 +2461,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 20 Juli 2023 "
+            accessibilityLabel=" Donderdag 24 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2507,7 +2499,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-20"
+            testID="undefined.day_2023-08-24"
           >
             <Text
               allowFontScaling={false}
@@ -2523,7 +2515,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              24
             </Text>
             <View
               style={
@@ -2550,7 +2542,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 21 Juli 2023 "
+            accessibilityLabel=" Vrijdag 25 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2588,7 +2580,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-21"
+            testID="undefined.day_2023-08-25"
           >
             <Text
               allowFontScaling={false}
@@ -2604,7 +2596,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              25
             </Text>
             <View
               style={
@@ -2631,7 +2623,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 22 Juli 2023 "
+            accessibilityLabel=" Zaterdag 26 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2669,7 +2661,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-22"
+            testID="undefined.day_2023-08-26"
           >
             <Text
               allowFontScaling={false}
@@ -2685,7 +2677,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              26
             </Text>
             <View
               style={
@@ -2712,7 +2704,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 23 Juli 2023 "
+            accessibilityLabel=" Zondag 27 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2750,7 +2742,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-23"
+            testID="undefined.day_2023-08-27"
           >
             <Text
               allowFontScaling={false}
@@ -2766,7 +2758,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              27
             </Text>
             <View
               style={
@@ -2803,7 +2795,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 24 Juli 2023 "
+            accessibilityLabel=" Maandag 28 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2841,7 +2833,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-24"
+            testID="undefined.day_2023-08-28"
           >
             <Text
               allowFontScaling={false}
@@ -2857,7 +2849,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              28
             </Text>
             <View
               style={
@@ -2884,7 +2876,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 25 Juli 2023 "
+            accessibilityLabel=" Dinsdag 29 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2922,7 +2914,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-25"
+            testID="undefined.day_2023-08-29"
           >
             <Text
               allowFontScaling={false}
@@ -2938,7 +2930,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              29
             </Text>
             <View
               style={
@@ -2965,7 +2957,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 26 Juli 2023 "
+            accessibilityLabel=" Woensdag 30 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3003,7 +2995,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-26"
+            testID="undefined.day_2023-08-30"
           >
             <Text
               allowFontScaling={false}
@@ -3019,7 +3011,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              30
             </Text>
             <View
               style={
@@ -3046,7 +3038,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 27 Juli 2023 "
+            accessibilityLabel=" Donderdag 31 Augustus 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3084,7 +3076,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-27"
+            testID="undefined.day_2023-08-31"
           >
             <Text
               allowFontScaling={false}
@@ -3100,7 +3092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              31
             </Text>
             <View
               style={
@@ -3127,8 +3119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 28 Juli 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 1 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3165,7 +3156,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-28"
+            testID="undefined.day_2023-09-01"
           >
             <Text
               allowFontScaling={false}
@@ -3178,10 +3169,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              28
+              1
             </Text>
             <View
               style={
@@ -3208,8 +3202,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 29 Juli 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 2 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3246,7 +3239,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-29"
+            testID="undefined.day_2023-09-02"
           >
             <Text
               allowFontScaling={false}
@@ -3259,10 +3252,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              29
+              2
             </Text>
             <View
               style={
@@ -3289,8 +3285,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 30 Juli 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zondag 3 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3327,7 +3322,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-30"
+            testID="undefined.day_2023-09-03"
           >
             <Text
               allowFontScaling={false}
@@ -3340,10 +3335,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              30
+              3
             </Text>
             <View
               style={
@@ -3362,1651 +3360,471 @@ 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={
-          {
-            "flexDirection": "row",
-            "justifyContent": "space-around",
-            "marginVertical": 7,
-          }
+          [
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "space-between",
+              "marginTop": 6,
+              "paddingLeft": 10,
+              "paddingRight": 10,
+            },
+            undefined,
+          ]
         }
       >
         <View
-          style={
+          accessibilityState={
             {
-              "alignItems": "center",
-              "flex": 1,
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
             }
           }
-        >
-          <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,
-              }
+          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,
-              }
+          }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          hitSlop={
+            {
+              "bottom": 20,
+              "left": 20,
+              "right": 20,
+              "top": 20,
             }
-            testID="undefined.day_2023-07-31"
-          >
-            <Text
-              allowFontScaling={false}
-              style={
-                [
-                  {
-                    "color": "#1F2933",
-                    "fontFamily": "SourceSansPro",
-                    "fontSize": 16,
-                    "lineHeight": 22.4,
-                    "marginTop": 4,
-                  },
-                ]
-              }
-            >
-              31
-            </Text>
-            <View
-              style={
-                [
-                  {
-                    "borderRadius": 2,
-                    "height": 4,
-                    "marginHorizontal": 1,
-                    "marginTop": 1,
-                    "opacity": 0,
-                    "width": 4,
-                  },
-                ]
-              }
-            />
-          </View>
-        </View>
-        <View
+          }
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
           style={
             {
-              "alignItems": "center",
-              "flex": 1,
+              "opacity": 1,
+              "padding": 10,
             }
           }
+          testID="undefined.header.leftArrow"
         >
-          <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]}
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight="24"
+            bbWidth="24"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
             style={
-              {
-                "alignItems": "center",
-                "height": 42,
-                "justifyContent": "center",
-                "opacity": 1,
-                "width": 42,
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
+              ]
             }
-            testID="undefined.day_2023-08-01"
+            vbHeight={19}
+            vbWidth={10}
+            width={24}
           >
-            <Text
-              allowFontScaling={false}
-              style={
+            <RNSVGGroup
+              fill={null}
+              propList={
                 [
-                  {
-                    "color": "#1F2933",
-                    "fontFamily": "SourceSansPro",
-                    "fontSize": 16,
-                    "lineHeight": 22.4,
-                    "marginTop": 4,
-                  },
-                  {
-                    "color": "#9AA5B1",
-                  },
+                  "fill",
                 ]
               }
             >
-              1
-            </Text>
-            <View
-              style={
-                [
+              <RNSVGPath
+                d="M8.875 17.375L1 9.5L8.875 1.625"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={
                   {
-                    "borderRadius": 2,
-                    "height": 4,
-                    "marginHorizontal": 1,
-                    "marginTop": 1,
-                    "opacity": 0,
-                    "width": 4,
-                  },
-                ]
-              }
-            />
-          </View>
+                    "payload": 4279837036,
+                    "type": 0,
+                  }
+                }
+                strokeLinecap={1}
+                strokeLinejoin={1}
+                strokeWidth="2"
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
         </View>
         <View
           style={
             {
               "alignItems": "center",
-              "flex": 1,
+              "backgroundColor": "#19216C",
+              "borderRadius": 32,
+              "flexDirection": "row",
+              "height": 32,
+              "justifyContent": "center",
+              "paddingBottom": 4,
+              "paddingLeft": 16,
+              "paddingRight": 16,
+              "paddingTop": 4,
             }
           }
         >
-          <View
-            accessibilityLabel=" Woensdag 2 Augustus 2023 "
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": undefined,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
-            }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
+          <Text
+            allowFontScaling={false}
             style={
               {
-                "alignItems": "center",
-                "height": 42,
-                "justifyContent": "center",
-                "opacity": 1,
-                "width": 42,
+                "color": "#FFFFFF",
+                "fontFamily": "SourceSansPro",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "margin": 0,
               }
             }
-            testID="undefined.day_2023-08-02"
+            testID="undefined.header.title"
           >
-            <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>
+            Augustus 2023
+          </Text>
         </View>
         <View
-          style={
+          accessibilityState={
             {
-              "alignItems": "center",
-              "flex": 1,
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
             }
           }
-        >
-          <View
-            accessibilityLabel=" Donderdag 3 Augustus 2023 "
-            accessibilityState={
-              {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": undefined,
-              }
-            }
-            accessibilityValue={
-              {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
+          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,
-              }
+          }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          hitSlop={
+            {
+              "bottom": 20,
+              "left": 20,
+              "right": 20,
+              "top": 20,
             }
-            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
+          }
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
           style={
             {
-              "alignItems": "center",
-              "flex": 1,
+              "opacity": 1,
+              "padding": 10,
             }
           }
+          testID="undefined.header.rightArrow"
         >
-          <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]}
+          <RNSVGSvgView
+            align="xMidYMid"
+            bbHeight="24"
+            bbWidth="24"
+            fill="none"
+            focusable={false}
+            height={24}
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
             style={
-              {
-                "alignItems": "center",
-                "height": 42,
-                "justifyContent": "center",
-                "opacity": 1,
-                "width": 42,
-              }
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 24,
+                  "width": 24,
+                },
+              ]
             }
-            testID="undefined.day_2023-08-04"
+            vbHeight={19}
+            vbWidth={11}
+            width={24}
           >
-            <Text
-              allowFontScaling={false}
-              style={
+            <RNSVGGroup
+              fill={null}
+              propList={
                 [
-                  {
-                    "color": "#1F2933",
-                    "fontFamily": "SourceSansPro",
-                    "fontSize": 16,
-                    "lineHeight": 22.4,
-                    "marginTop": 4,
-                  },
-                  {
-                    "color": "#9AA5B1",
-                  },
+                  "fill",
                 ]
               }
             >
-              4
-            </Text>
-            <View
-              style={
-                [
+              <RNSVGPath
+                d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={
                   {
-                    "borderRadius": 2,
-                    "height": 4,
-                    "marginHorizontal": 1,
-                    "marginTop": 1,
-                    "opacity": 0,
-                    "width": 4,
-                  },
-                ]
-              }
-            />
-          </View>
+                    "payload": 4279837036,
+                    "type": 0,
+                  }
+                }
+                strokeLinecap={1}
+                strokeLinejoin={1}
+                strokeWidth="2"
+              />
+            </RNSVGGroup>
+          </RNSVGSvgView>
         </View>
-        <View
-          style={
+      </View>
+      <View
+        style={
+          [
             {
-              "alignItems": "center",
-              "flex": 1,
-            }
+              "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,
+              },
+            ]
           }
         >
-          <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
+          Ma
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
           style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-            }
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
           }
         >
-          <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
+          Di
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
           style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-            }
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
           }
         >
-          <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
+          Wo
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
           style={
-            {
-              "alignItems": "center",
-              "flex": 1,
-            }
+            [
+              {
+                "color": "#1F2933",
+                "fontFamily": "SourceSansProBold",
+                "fontSize": 16,
+                "lineHeight": 22.4,
+                "marginBottom": 24,
+                "textAlign": "center",
+                "width": 32,
+              },
+            ]
           }
         >
-          <View
-            accessibilityLabel=" Zondag 2 Juli 2023 "
-            accessibilityState={
+          Do
+        </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,
+              },
+            ]
+          }
+        >
+          Vr
+        </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,
+              },
+            ]
+          }
+        >
+          Za
+        </Text>
+        <Text
+          accessibilityLabel=""
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={
+            [
               {
-                "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>
+                "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={
           {
@@ -5025,7 +3843,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 3 Juli 2023 "
+            accessibilityLabel=" Maandag 31 Juli 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5062,7 +3880,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-03"
+            testID="undefined.day_2023-07-31"
           >
             <Text
               allowFontScaling={false}
@@ -5081,7 +3899,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              31
             </Text>
             <View
               style={
@@ -5108,7 +3926,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 4 Juli 2023 "
+            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5145,7 +3963,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-04"
+            testID="undefined.day_2023-08-01"
           >
             <Text
               allowFontScaling={false}
@@ -5164,7 +3982,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              1
             </Text>
             <View
               style={
@@ -5191,7 +4009,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 5 Juli 2023 "
+            accessibilityLabel=" Woensdag 2 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5228,7 +4046,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-05"
+            testID="undefined.day_2023-08-02"
           >
             <Text
               allowFontScaling={false}
@@ -5247,7 +4065,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              2
             </Text>
             <View
               style={
@@ -5274,7 +4092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 6 Juli 2023 "
+            accessibilityLabel=" Donderdag 3 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5311,7 +4129,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-06"
+            testID="undefined.day_2023-08-03"
           >
             <Text
               allowFontScaling={false}
@@ -5330,7 +4148,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              3
             </Text>
             <View
               style={
@@ -5357,7 +4175,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 7 Juli 2023 "
+            accessibilityLabel="today Vrijdag 4 Augustus 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -5388,13 +4207,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-07-07"
+            testID="undefined.day_2023-08-04"
           >
             <Text
               allowFontScaling={false}
@@ -5408,12 +4231,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#9AA5B1",
+                    "color": "#7B93DB",
                   },
                 ]
               }
             >
-              7
+              4
             </Text>
             <View
               style={
@@ -5440,7 +4263,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 8 Juli 2023 "
+            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5477,7 +4300,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-08"
+            testID="undefined.day_2023-08-05"
           >
             <Text
               allowFontScaling={false}
@@ -5496,7 +4319,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              5
             </Text>
             <View
               style={
@@ -5523,7 +4346,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 9 Juli 2023 "
+            accessibilityLabel=" Zondag 6 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5560,7 +4383,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-09"
+            testID="undefined.day_2023-08-06"
           >
             <Text
               allowFontScaling={false}
@@ -5579,7 +4402,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              6
             </Text>
             <View
               style={
@@ -5616,7 +4439,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 10 Juli 2023 "
+            accessibilityLabel=" Maandag 7 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5653,7 +4476,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-10"
+            testID="undefined.day_2023-08-07"
           >
             <Text
               allowFontScaling={false}
@@ -5672,7 +4495,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              7
             </Text>
             <View
               style={
@@ -5699,7 +4522,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 11 Juli 2023 "
+            accessibilityLabel=" Dinsdag 8 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5736,7 +4559,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-11"
+            testID="undefined.day_2023-08-08"
           >
             <Text
               allowFontScaling={false}
@@ -5755,7 +4578,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              8
             </Text>
             <View
               style={
@@ -5782,7 +4605,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 12 Juli 2023 "
+            accessibilityLabel=" Woensdag 9 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5819,7 +4642,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-12"
+            testID="undefined.day_2023-08-09"
           >
             <Text
               allowFontScaling={false}
@@ -5838,7 +4661,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              9
             </Text>
             <View
               style={
@@ -5865,7 +4688,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 13 Juli 2023 "
+            accessibilityLabel=" Donderdag 10 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5902,7 +4725,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-13"
+            testID="undefined.day_2023-08-10"
           >
             <Text
               allowFontScaling={false}
@@ -5921,7 +4744,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              10
             </Text>
             <View
               style={
@@ -5948,7 +4771,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 14 Juli 2023 "
+            accessibilityLabel=" Vrijdag 11 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5985,7 +4808,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-14"
+            testID="undefined.day_2023-08-11"
           >
             <Text
               allowFontScaling={false}
@@ -6004,7 +4827,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              14
+              11
             </Text>
             <View
               style={
@@ -6031,7 +4854,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 15 Juli 2023 "
+            accessibilityLabel=" Zaterdag 12 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6068,7 +4891,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-15"
+            testID="undefined.day_2023-08-12"
           >
             <Text
               allowFontScaling={false}
@@ -6087,7 +4910,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              12
             </Text>
             <View
               style={
@@ -6114,7 +4937,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 16 Juli 2023 "
+            accessibilityLabel=" Zondag 13 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6151,7 +4974,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-16"
+            testID="undefined.day_2023-08-13"
           >
             <Text
               allowFontScaling={false}
@@ -6170,7 +4993,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              13
             </Text>
             <View
               style={
@@ -6207,7 +5030,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 17 Juli 2023 "
+            accessibilityLabel=" Maandag 14 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6244,7 +5067,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-17"
+            testID="undefined.day_2023-08-14"
           >
             <Text
               allowFontScaling={false}
@@ -6263,7 +5086,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              14
             </Text>
             <View
               style={
@@ -6290,8 +5113,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Dinsdag 18 Juli 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 15 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6322,17 +5144,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-07-18"
+            testID="undefined.day_2023-08-15"
           >
             <Text
               allowFontScaling={false}
@@ -6346,12 +5164,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#7B93DB",
+                    "color": "#9AA5B1",
                   },
                 ]
               }
             >
-              18
+              15
             </Text>
             <View
               style={
@@ -6378,7 +5196,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 19 Juli 2023 "
+            accessibilityLabel=" Woensdag 16 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6415,7 +5233,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-19"
+            testID="undefined.day_2023-08-16"
           >
             <Text
               allowFontScaling={false}
@@ -6434,7 +5252,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              16
             </Text>
             <View
               style={
@@ -6461,7 +5279,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 20 Juli 2023 "
+            accessibilityLabel=" Donderdag 17 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6498,7 +5316,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-20"
+            testID="undefined.day_2023-08-17"
           >
             <Text
               allowFontScaling={false}
@@ -6517,7 +5335,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              17
             </Text>
             <View
               style={
@@ -6544,7 +5362,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 21 Juli 2023 "
+            accessibilityLabel=" Vrijdag 18 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6581,7 +5399,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-21"
+            testID="undefined.day_2023-08-18"
           >
             <Text
               allowFontScaling={false}
@@ -6600,7 +5418,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              18
             </Text>
             <View
               style={
@@ -6627,7 +5445,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 22 Juli 2023 "
+            accessibilityLabel=" Zaterdag 19 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6664,7 +5482,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-22"
+            testID="undefined.day_2023-08-19"
           >
             <Text
               allowFontScaling={false}
@@ -6683,7 +5501,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              19
             </Text>
             <View
               style={
@@ -6710,7 +5528,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 23 Juli 2023 "
+            accessibilityLabel=" Zondag 20 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6747,7 +5565,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-23"
+            testID="undefined.day_2023-08-20"
           >
             <Text
               allowFontScaling={false}
@@ -6766,7 +5584,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              20
             </Text>
             <View
               style={
@@ -6803,7 +5621,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 24 Juli 2023 "
+            accessibilityLabel=" Maandag 21 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6840,7 +5658,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-24"
+            testID="undefined.day_2023-08-21"
           >
             <Text
               allowFontScaling={false}
@@ -6859,7 +5677,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              21
             </Text>
             <View
               style={
@@ -6886,7 +5704,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 25 Juli 2023 "
+            accessibilityLabel=" Dinsdag 22 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6923,7 +5741,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-25"
+            testID="undefined.day_2023-08-22"
           >
             <Text
               allowFontScaling={false}
@@ -6942,7 +5760,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              22
             </Text>
             <View
               style={
@@ -6969,7 +5787,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 26 Juli 2023 "
+            accessibilityLabel=" Woensdag 23 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7006,7 +5824,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-26"
+            testID="undefined.day_2023-08-23"
           >
             <Text
               allowFontScaling={false}
@@ -7025,7 +5843,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              23
             </Text>
             <View
               style={
@@ -7052,7 +5870,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 27 Juli 2023 "
+            accessibilityLabel=" Donderdag 24 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7089,7 +5907,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-27"
+            testID="undefined.day_2023-08-24"
           >
             <Text
               allowFontScaling={false}
@@ -7108,7 +5926,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              24
             </Text>
             <View
               style={
@@ -7135,7 +5953,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 28 Juli 2023 "
+            accessibilityLabel=" Vrijdag 25 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7172,7 +5990,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-28"
+            testID="undefined.day_2023-08-25"
           >
             <Text
               allowFontScaling={false}
@@ -7191,7 +6009,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              25
             </Text>
             <View
               style={
@@ -7218,7 +6036,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 29 Juli 2023 "
+            accessibilityLabel=" Zaterdag 26 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7255,7 +6073,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-29"
+            testID="undefined.day_2023-08-26"
           >
             <Text
               allowFontScaling={false}
@@ -7274,7 +6092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              26
             </Text>
             <View
               style={
@@ -7301,7 +6119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 30 Juli 2023 "
+            accessibilityLabel=" Zondag 27 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7338,7 +6156,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-30"
+            testID="undefined.day_2023-08-27"
           >
             <Text
               allowFontScaling={false}
@@ -7357,7 +6175,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              27
             </Text>
             <View
               style={
@@ -7394,7 +6212,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 31 Juli 2023 "
+            accessibilityLabel=" Maandag 28 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7431,7 +6249,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-07-31"
+            testID="undefined.day_2023-08-28"
           >
             <Text
               allowFontScaling={false}
@@ -7450,7 +6268,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              28
             </Text>
             <View
               style={
@@ -7477,7 +6295,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 29 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7514,7 +6332,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-01"
+            testID="undefined.day_2023-08-29"
           >
             <Text
               allowFontScaling={false}
@@ -7533,7 +6351,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              29
             </Text>
             <View
               style={
@@ -7560,7 +6378,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 2 Augustus 2023 "
+            accessibilityLabel=" Woensdag 30 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7597,7 +6415,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-02"
+            testID="undefined.day_2023-08-30"
           >
             <Text
               allowFontScaling={false}
@@ -7616,7 +6434,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              30
             </Text>
             <View
               style={
@@ -7643,7 +6461,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 3 Augustus 2023 "
+            accessibilityLabel=" Donderdag 31 Augustus 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7680,7 +6498,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-03"
+            testID="undefined.day_2023-08-31"
           >
             <Text
               allowFontScaling={false}
@@ -7699,7 +6517,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              31
             </Text>
             <View
               style={
@@ -7726,7 +6544,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 4 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 1 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7763,7 +6581,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-04"
+            testID="undefined.day_2023-09-01"
           >
             <Text
               allowFontScaling={false}
@@ -7782,7 +6600,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              1
             </Text>
             <View
               style={
@@ -7809,7 +6627,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 2 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7846,7 +6664,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-05"
+            testID="undefined.day_2023-09-02"
           >
             <Text
               allowFontScaling={false}
@@ -7865,7 +6683,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              2
             </Text>
             <View
               style={
@@ -7892,7 +6710,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 6 Augustus 2023 "
+            accessibilityLabel=" Zondag 3 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -7929,7 +6747,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-06"
+            testID="undefined.day_2023-09-03"
           >
             <Text
               allowFontScaling={false}
@@ -7948,7 +6766,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              3
             </Text>
             <View
               style={