npm - @tactics/toddle-styleguide - Versions diffs - 1.4.2 → 1.4.4 - Mend

@tactics/toddle-styleguide 1.4.2 → 1.4.4

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 (39) hide show

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

@@ -142,6 +142,12 @@ exports[`Test for the calendar component renders a calendar where you can select
             >
               <RNSVGPath
                 d="M8.875 17.375L1 9.5L8.875 1.625"
+                fill={
+                  {
+                    "payload": 4278190080,
+                    "type": 0,
+                  }
+                }
                 propList={
                   [
                     "stroke",
@@ -192,7 +198,7 @@ exports[`Test for the calendar component renders a calendar where you can select
             }
             testID="undefined.header.title"
           >
-            Augustus 2023
+            Oktober 2023
           </Text>
         </View>
         <View
@@ -276,6 +282,12 @@ exports[`Test for the calendar component renders a calendar where you can select
             >
               <RNSVGPath
                 d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+                fill={
+                  {
+                    "payload": 4278190080,
+                    "type": 0,
+                  }
+                }
                 propList={
                   [
                     "stroke",
@@ -478,7 +490,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 31 Juli 2023 "
+            accessibilityLabel=" Maandag 25 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -515,7 +527,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-09-25"
           >
             <Text
               allowFontScaling={false}
@@ -534,7 +546,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              25
             </Text>
             <View
               style={
@@ -561,8 +573,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 26 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -599,7 +610,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-09-26"
           >
             <Text
               allowFontScaling={false}
@@ -612,10 +623,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              1
+              26
             </Text>
             <View
               style={
@@ -642,8 +656,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 2 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Woensdag 27 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -680,7 +693,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-09-27"
           >
             <Text
               allowFontScaling={false}
@@ -693,10 +706,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              2
+              27
             </Text>
             <View
               style={
@@ -723,8 +739,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 3 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 28 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -761,7 +776,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-09-28"
           >
             <Text
               allowFontScaling={false}
@@ -774,10 +789,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              3
+              28
             </Text>
             <View
               style={
@@ -804,8 +822,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 4 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 29 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -842,7 +859,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-29"
           >
             <Text
               allowFontScaling={false}
@@ -855,10 +872,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              4
+              29
             </Text>
             <View
               style={
@@ -885,8 +905,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 30 September 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -923,7 +942,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-30"
           >
             <Text
               allowFontScaling={false}
@@ -936,10 +955,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              5
+              30
             </Text>
             <View
               style={
@@ -966,7 +988,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 6 Augustus 2023 "
+            accessibilityLabel=" Zondag 1 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1004,7 +1026,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-10-01"
           >
             <Text
               allowFontScaling={false}
@@ -1020,7 +1042,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              1
             </Text>
             <View
               style={
@@ -1057,7 +1079,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 7 Augustus 2023 "
+            accessibilityLabel=" Maandag 2 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1095,7 +1117,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-07"
+            testID="undefined.day_2023-10-02"
           >
             <Text
               allowFontScaling={false}
@@ -1111,7 +1133,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              2
             </Text>
             <View
               style={
@@ -1138,7 +1160,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 8 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 3 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1176,7 +1198,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-08"
+            testID="undefined.day_2023-10-03"
           >
             <Text
               allowFontScaling={false}
@@ -1192,7 +1214,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              3
             </Text>
             <View
               style={
@@ -1219,7 +1241,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 9 Augustus 2023 "
+            accessibilityLabel=" Woensdag 4 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1257,7 +1279,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-09"
+            testID="undefined.day_2023-10-04"
           >
             <Text
               allowFontScaling={false}
@@ -1273,7 +1295,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              4
             </Text>
             <View
               style={
@@ -1300,7 +1322,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 10 Augustus 2023 "
+            accessibilityLabel=" Donderdag 5 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1338,7 +1360,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-10"
+            testID="undefined.day_2023-10-05"
           >
             <Text
               allowFontScaling={false}
@@ -1354,7 +1376,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              5
             </Text>
             <View
               style={
@@ -1381,7 +1403,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 11 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 6 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1419,7 +1441,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-11"
+            testID="undefined.day_2023-10-06"
           >
             <Text
               allowFontScaling={false}
@@ -1435,7 +1457,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              6
             </Text>
             <View
               style={
@@ -1462,7 +1484,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 12 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 7 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1500,7 +1522,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-12"
+            testID="undefined.day_2023-10-07"
           >
             <Text
               allowFontScaling={false}
@@ -1516,7 +1538,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              7
             </Text>
             <View
               style={
@@ -1543,7 +1565,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 13 Augustus 2023 "
+            accessibilityLabel=" Zondag 8 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1581,7 +1603,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-13"
+            testID="undefined.day_2023-10-08"
           >
             <Text
               allowFontScaling={false}
@@ -1597,7 +1619,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              8
             </Text>
             <View
               style={
@@ -1634,7 +1656,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Maandag 14 Augustus 2023 "
+            accessibilityLabel=" Maandag 9 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1666,17 +1688,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-08-14"
+            testID="undefined.day_2023-10-09"
           >
             <Text
               allowFontScaling={false}
@@ -1689,13 +1707,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#7B93DB",
-                  },
                 ]
               }
             >
-              14
+              9
             </Text>
             <View
               style={
@@ -1722,7 +1737,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 15 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 10 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1760,7 +1775,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-15"
+            testID="undefined.day_2023-10-10"
           >
             <Text
               allowFontScaling={false}
@@ -1776,7 +1791,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              10
             </Text>
             <View
               style={
@@ -1803,7 +1818,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 16 Augustus 2023 "
+            accessibilityLabel=" Woensdag 11 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1841,7 +1856,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-16"
+            testID="undefined.day_2023-10-11"
           >
             <Text
               allowFontScaling={false}
@@ -1857,7 +1872,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              11
             </Text>
             <View
               style={
@@ -1884,7 +1899,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 17 Augustus 2023 "
+            accessibilityLabel=" Donderdag 12 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1922,7 +1937,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-17"
+            testID="undefined.day_2023-10-12"
           >
             <Text
               allowFontScaling={false}
@@ -1938,7 +1953,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              12
             </Text>
             <View
               style={
@@ -1965,7 +1980,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 18 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 13 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2003,7 +2018,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-18"
+            testID="undefined.day_2023-10-13"
           >
             <Text
               allowFontScaling={false}
@@ -2019,7 +2034,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              13
             </Text>
             <View
               style={
@@ -2046,7 +2061,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 19 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 14 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2084,7 +2099,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-19"
+            testID="undefined.day_2023-10-14"
           >
             <Text
               allowFontScaling={false}
@@ -2100,7 +2115,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              14
             </Text>
             <View
               style={
@@ -2127,7 +2142,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 20 Augustus 2023 "
+            accessibilityLabel=" Zondag 15 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2165,7 +2180,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-20"
+            testID="undefined.day_2023-10-15"
           >
             <Text
               allowFontScaling={false}
@@ -2181,7 +2196,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              15
             </Text>
             <View
               style={
@@ -2218,7 +2233,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 21 Augustus 2023 "
+            accessibilityLabel=" Maandag 16 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2256,7 +2271,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-21"
+            testID="undefined.day_2023-10-16"
           >
             <Text
               allowFontScaling={false}
@@ -2272,7 +2287,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              16
             </Text>
             <View
               style={
@@ -2299,7 +2314,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 22 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 17 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2337,7 +2352,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-22"
+            testID="undefined.day_2023-10-17"
           >
             <Text
               allowFontScaling={false}
@@ -2353,7 +2368,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              17
             </Text>
             <View
               style={
@@ -2380,7 +2395,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 23 Augustus 2023 "
+            accessibilityLabel="today Woensdag 18 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2412,13 +2427,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-08-23"
+            testID="undefined.day_2023-10-18"
           >
             <Text
               allowFontScaling={false}
@@ -2431,10 +2450,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#7B93DB",
+                  },
                 ]
               }
             >
-              23
+              18
             </Text>
             <View
               style={
@@ -2461,7 +2483,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 24 Augustus 2023 "
+            accessibilityLabel=" Donderdag 19 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2499,7 +2521,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-24"
+            testID="undefined.day_2023-10-19"
           >
             <Text
               allowFontScaling={false}
@@ -2515,7 +2537,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              19
             </Text>
             <View
               style={
@@ -2542,7 +2564,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 25 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 20 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2580,7 +2602,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-25"
+            testID="undefined.day_2023-10-20"
           >
             <Text
               allowFontScaling={false}
@@ -2596,7 +2618,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              20
             </Text>
             <View
               style={
@@ -2623,7 +2645,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 26 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 21 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2661,7 +2683,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-26"
+            testID="undefined.day_2023-10-21"
           >
             <Text
               allowFontScaling={false}
@@ -2677,7 +2699,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              21
             </Text>
             <View
               style={
@@ -2704,7 +2726,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 27 Augustus 2023 "
+            accessibilityLabel=" Zondag 22 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2742,7 +2764,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-27"
+            testID="undefined.day_2023-10-22"
           >
             <Text
               allowFontScaling={false}
@@ -2758,7 +2780,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              22
             </Text>
             <View
               style={
@@ -2795,7 +2817,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 28 Augustus 2023 "
+            accessibilityLabel=" Maandag 23 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2833,7 +2855,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-28"
+            testID="undefined.day_2023-10-23"
           >
             <Text
               allowFontScaling={false}
@@ -2849,7 +2871,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              23
             </Text>
             <View
               style={
@@ -2876,7 +2898,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 29 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 24 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2914,7 +2936,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-29"
+            testID="undefined.day_2023-10-24"
           >
             <Text
               allowFontScaling={false}
@@ -2930,7 +2952,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              24
             </Text>
             <View
               style={
@@ -2957,7 +2979,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 30 Augustus 2023 "
+            accessibilityLabel=" Woensdag 25 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2995,7 +3017,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-30"
+            testID="undefined.day_2023-10-25"
           >
             <Text
               allowFontScaling={false}
@@ -3011,7 +3033,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              25
             </Text>
             <View
               style={
@@ -3038,7 +3060,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 31 Augustus 2023 "
+            accessibilityLabel=" Donderdag 26 Oktober 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3076,7 +3098,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-31"
+            testID="undefined.day_2023-10-26"
           >
             <Text
               allowFontScaling={false}
@@ -3092,7 +3114,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              26
             </Text>
             <View
               style={
@@ -3119,7 +3141,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 1 September 2023 "
+            accessibilityLabel=" Vrijdag 27 Oktober 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -3156,7 +3179,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-01"
+            testID="undefined.day_2023-10-27"
           >
             <Text
               allowFontScaling={false}
@@ -3169,13 +3192,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              1
+              27
             </Text>
             <View
               style={
@@ -3202,7 +3222,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 2 September 2023 "
+            accessibilityLabel=" Zaterdag 28 Oktober 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -3239,7 +3260,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-02"
+            testID="undefined.day_2023-10-28"
           >
             <Text
               allowFontScaling={false}
@@ -3252,13 +3273,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              2
+              28
             </Text>
             <View
               style={
@@ -3285,7 +3303,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 3 September 2023 "
+            accessibilityLabel=" Zondag 29 Oktober 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -3322,7 +3341,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-03"
+            testID="undefined.day_2023-10-29"
           >
             <Text
               allowFontScaling={false}
@@ -3335,13 +3354,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              3
+              29
             </Text>
             <View
               style={
@@ -3360,287 +3376,886 @@ exports[`Test for the calendar component renders a calendar where you can select
           </View>
         </View>
       </View>
-    </View>
-  </View>
-</View>
-`;
-exports[`Test for the calendar component renders a calendar where you can select a day, and give a starting-, end-date for the calendar 1`] = `
-<View
-  onMoveShouldSetResponder={[Function]}
-  onMoveShouldSetResponderCapture={[Function]}
-  onResponderEnd={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderReject={[Function]}
-  onResponderRelease={[Function]}
-  onResponderStart={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onStartShouldSetResponderCapture={[Function]}
-  onSwipe={[Function]}
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "white",
-          "paddingLeft": 5,
-          "paddingRight": 5,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      accessibilityActions={
-        [
-          {
-            "label": "increment",
-            "name": "increment",
-          },
-          {
-            "label": "decrement",
-            "name": "decrement",
-          },
-        ]
-      }
-      accessibilityRole="adjustable"
-      accessible={true}
-      onAccessibilityAction={[Function]}
-      testID="undefined.header"
-    >
       <View
         style={
-          [
-            {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "justifyContent": "space-between",
-              "marginTop": 6,
-              "paddingLeft": 10,
-              "paddingRight": 10,
-            },
-            undefined,
-          ]
+          {
+            "flexDirection": "row",
+            "justifyContent": "space-around",
+            "marginVertical": 7,
+          }
         }
       >
         <View
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 20,
-              "left": 20,
-              "right": 20,
-              "top": 20,
-            }
-          }
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
           style={
             {
-              "opacity": 1,
-              "padding": 10,
+              "alignItems": "center",
+              "flex": 1,
             }
           }
-          testID="undefined.header.leftArrow"
         >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight="24"
-            bbWidth="24"
-            fill="none"
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={19}
-            vbWidth={10}
-            width={24}
+          <View
+            accessibilityLabel=" Maandag 30 Oktober 2023 "
+            accessibilityRole="button"
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-10-30"
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <Text
+              allowFontScaling={false}
+              style={
                 [
-                  "fill",
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
                 ]
               }
             >
-              <RNSVGPath
-                d="M8.875 17.375L1 9.5L8.875 1.625"
-                propList={
-                  [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
-                  ]
-                }
-                stroke={
+              30
+            </Text>
+            <View
+              style={
+                [
                   {
-                    "payload": 4279837036,
-                    "type": 0,
-                  }
-                }
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
         </View>
         <View
           style={
             {
               "alignItems": "center",
-              "backgroundColor": "#19216C",
-              "borderRadius": 32,
-              "flexDirection": "row",
-              "height": 32,
-              "justifyContent": "center",
-              "paddingBottom": 4,
-              "paddingLeft": 16,
-              "paddingRight": 16,
-              "paddingTop": 4,
+              "flex": 1,
             }
           }
         >
-          <Text
-            allowFontScaling={false}
+          <View
+            accessibilityLabel=" Dinsdag 31 Oktober 2023 "
+            accessibilityRole="button"
+            accessibilityState={
+              {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
               {
-                "color": "#FFFFFF",
-                "fontFamily": "SourceSansPro",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "margin": 0,
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
               }
             }
-            testID="undefined.header.title"
+            testID="undefined.day_2023-10-31"
           >
-            Augustus 2023
-          </Text>
+            <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
-          accessibilityState={
-            {
-              "busy": undefined,
-              "checked": undefined,
-              "disabled": undefined,
-              "expanded": undefined,
-              "selected": undefined,
-            }
-          }
-          accessibilityValue={
-            {
-              "max": undefined,
-              "min": undefined,
-              "now": undefined,
-              "text": undefined,
-            }
-          }
-          accessible={true}
-          collapsable={false}
-          focusable={true}
-          hitSlop={
-            {
-              "bottom": 20,
-              "left": 20,
-              "right": 20,
-              "top": 20,
-            }
-          }
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
           style={
             {
-              "opacity": 1,
-              "padding": 10,
+              "alignItems": "center",
+              "flex": 1,
             }
           }
-          testID="undefined.header.rightArrow"
         >
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight="24"
-            bbWidth="24"
-            fill="none"
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
-            style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
-            }
-            vbHeight={19}
-            vbWidth={11}
-            width={24}
-          >
-            <RNSVGGroup
-              fill={null}
-              propList={
-                [
-                  "fill",
-                ]
+          <View
+            accessibilityLabel=" Woensdag 1 November 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-11-01"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              1
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Donderdag 2 November 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-11-02"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              2
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Vrijdag 3 November 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-11-03"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              3
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Zaterdag 4 November 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-11-04"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              4
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Zondag 5 November 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-11-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>
+    </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"
+                fill={
+                  {
+                    "payload": 4278190080,
+                    "type": 0,
+                  }
+                }
+                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"
+          >
+            Oktober 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"
+                fill={
+                  {
+                    "payload": 4278190080,
+                    "type": 0,
+                  }
+                }
                 propList={
                   [
                     "stroke",
@@ -3651,180 +4266,771 @@ exports[`Test for the calendar component renders a calendar where you can select
                 }
                 stroke={
                   {
-                    "payload": 4279837036,
-                    "type": 0,
-                  }
-                }
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+                    "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 25 September 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-09-25"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              25
+            </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 26 September 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-09-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=" Woensdag 27 September 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-09-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=" Donderdag 28 September 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-09-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>
-      <View
-        style={
-          [
-            {
-              "flexDirection": "row",
-              "justifyContent": "space-around",
-              "marginTop": 32,
-            },
-            undefined,
-          ]
-        }
-        testID="undefined.header.dayNames"
-      >
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
+        <View
           style={
-            [
-              {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Ma
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Vrijdag 29 September 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Di
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-09-29"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              29
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Wo
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
+          <View
+            accessibilityLabel=" Zaterdag 30 September 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-09-30"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              30
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
           style={
-            [
-              {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Do
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Zondag 1 Oktober 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Vr
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Za
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
-              },
-            ]
-          }
-        >
-          Zo
-        </Text>
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-10-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>
-    </View>
-    <View
-      style={
-        {
-          "backgroundColor": "white",
-        }
-      }
-    >
       <View
         style={
           {
@@ -3843,7 +5049,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 31 Juli 2023 "
+            accessibilityLabel=" Maandag 2 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3880,7 +5086,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-10-02"
           >
             <Text
               allowFontScaling={false}
@@ -3899,7 +5105,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              2
             </Text>
             <View
               style={
@@ -3926,7 +5132,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 1 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 3 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -3963,7 +5169,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-10-03"
           >
             <Text
               allowFontScaling={false}
@@ -3982,7 +5188,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              3
             </Text>
             <View
               style={
@@ -4009,7 +5215,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 2 Augustus 2023 "
+            accessibilityLabel=" Woensdag 4 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4046,7 +5252,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-10-04"
           >
             <Text
               allowFontScaling={false}
@@ -4065,7 +5271,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              4
             </Text>
             <View
               style={
@@ -4092,7 +5298,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 3 Augustus 2023 "
+            accessibilityLabel=" Donderdag 5 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4129,7 +5335,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-10-05"
           >
             <Text
               allowFontScaling={false}
@@ -4148,7 +5354,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              5
             </Text>
             <View
               style={
@@ -4175,7 +5381,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 4 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 6 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4212,7 +5418,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-10-06"
           >
             <Text
               allowFontScaling={false}
@@ -4231,7 +5437,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              6
             </Text>
             <View
               style={
@@ -4258,7 +5464,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 5 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 7 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4295,7 +5501,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-10-07"
           >
             <Text
               allowFontScaling={false}
@@ -4314,7 +5520,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              7
             </Text>
             <View
               style={
@@ -4341,7 +5547,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 6 Augustus 2023 "
+            accessibilityLabel=" Zondag 8 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4378,7 +5584,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-10-08"
           >
             <Text
               allowFontScaling={false}
@@ -4397,7 +5603,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              8
             </Text>
             <View
               style={
@@ -4434,7 +5640,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 7 Augustus 2023 "
+            accessibilityLabel=" Maandag 9 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4471,7 +5677,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-07"
+            testID="undefined.day_2023-10-09"
           >
             <Text
               allowFontScaling={false}
@@ -4490,7 +5696,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              9
             </Text>
             <View
               style={
@@ -4517,7 +5723,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 8 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 10 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4554,7 +5760,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-08"
+            testID="undefined.day_2023-10-10"
           >
             <Text
               allowFontScaling={false}
@@ -4573,7 +5779,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              10
             </Text>
             <View
               style={
@@ -4600,7 +5806,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 9 Augustus 2023 "
+            accessibilityLabel=" Woensdag 11 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4637,7 +5843,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-09"
+            testID="undefined.day_2023-10-11"
           >
             <Text
               allowFontScaling={false}
@@ -4656,7 +5862,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              11
             </Text>
             <View
               style={
@@ -4683,7 +5889,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 10 Augustus 2023 "
+            accessibilityLabel=" Donderdag 12 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4720,7 +5926,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-10"
+            testID="undefined.day_2023-10-12"
           >
             <Text
               allowFontScaling={false}
@@ -4739,7 +5945,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              12
             </Text>
             <View
               style={
@@ -4766,7 +5972,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 11 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 13 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4803,7 +6009,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-11"
+            testID="undefined.day_2023-10-13"
           >
             <Text
               allowFontScaling={false}
@@ -4822,7 +6028,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              13
             </Text>
             <View
               style={
@@ -4849,7 +6055,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 12 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 14 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4886,7 +6092,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-12"
+            testID="undefined.day_2023-10-14"
           >
             <Text
               allowFontScaling={false}
@@ -4905,7 +6111,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              14
             </Text>
             <View
               style={
@@ -4932,7 +6138,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 13 Augustus 2023 "
+            accessibilityLabel=" Zondag 15 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -4969,7 +6175,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-13"
+            testID="undefined.day_2023-10-15"
           >
             <Text
               allowFontScaling={false}
@@ -4988,7 +6194,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              13
+              15
             </Text>
             <View
               style={
@@ -5025,8 +6231,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Maandag 14 Augustus 2023 "
-            accessibilityRole="button"
+            accessibilityLabel=" Maandag 16 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5057,17 +6262,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-08-14"
+            testID="undefined.day_2023-10-16"
           >
             <Text
               allowFontScaling={false}
@@ -5081,12 +6282,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#7B93DB",
+                    "color": "#9AA5B1",
                   },
                 ]
               }
             >
-              14
+              16
             </Text>
             <View
               style={
@@ -5113,7 +6314,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 15 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 17 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5150,7 +6351,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-15"
+            testID="undefined.day_2023-10-17"
           >
             <Text
               allowFontScaling={false}
@@ -5169,7 +6370,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              17
             </Text>
             <View
               style={
@@ -5196,7 +6397,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 16 Augustus 2023 "
+            accessibilityLabel="today Woensdag 18 Oktober 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "busy": undefined,
@@ -5227,13 +6429,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-08-16"
+            testID="undefined.day_2023-10-18"
           >
             <Text
               allowFontScaling={false}
@@ -5247,12 +6453,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#9AA5B1",
+                    "color": "#7B93DB",
                   },
                 ]
               }
             >
-              16
+              18
             </Text>
             <View
               style={
@@ -5279,7 +6485,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 17 Augustus 2023 "
+            accessibilityLabel=" Donderdag 19 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5316,7 +6522,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-17"
+            testID="undefined.day_2023-10-19"
           >
             <Text
               allowFontScaling={false}
@@ -5335,7 +6541,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              19
             </Text>
             <View
               style={
@@ -5362,7 +6568,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 18 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 20 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5399,7 +6605,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-18"
+            testID="undefined.day_2023-10-20"
           >
             <Text
               allowFontScaling={false}
@@ -5418,7 +6624,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              20
             </Text>
             <View
               style={
@@ -5445,7 +6651,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 19 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 21 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5482,7 +6688,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-19"
+            testID="undefined.day_2023-10-21"
           >
             <Text
               allowFontScaling={false}
@@ -5501,7 +6707,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              21
             </Text>
             <View
               style={
@@ -5528,7 +6734,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 20 Augustus 2023 "
+            accessibilityLabel=" Zondag 22 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5565,7 +6771,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-20"
+            testID="undefined.day_2023-10-22"
           >
             <Text
               allowFontScaling={false}
@@ -5584,7 +6790,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              22
             </Text>
             <View
               style={
@@ -5621,7 +6827,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 21 Augustus 2023 "
+            accessibilityLabel=" Maandag 23 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5658,7 +6864,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-21"
+            testID="undefined.day_2023-10-23"
           >
             <Text
               allowFontScaling={false}
@@ -5677,7 +6883,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              23
             </Text>
             <View
               style={
@@ -5704,7 +6910,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 22 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 24 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5741,7 +6947,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-22"
+            testID="undefined.day_2023-10-24"
           >
             <Text
               allowFontScaling={false}
@@ -5760,7 +6966,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              24
             </Text>
             <View
               style={
@@ -5787,7 +6993,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 23 Augustus 2023 "
+            accessibilityLabel=" Woensdag 25 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5824,7 +7030,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-23"
+            testID="undefined.day_2023-10-25"
           >
             <Text
               allowFontScaling={false}
@@ -5843,7 +7049,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              25
             </Text>
             <View
               style={
@@ -5870,7 +7076,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 24 Augustus 2023 "
+            accessibilityLabel=" Donderdag 26 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5907,7 +7113,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-24"
+            testID="undefined.day_2023-10-26"
           >
             <Text
               allowFontScaling={false}
@@ -5926,7 +7132,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              26
             </Text>
             <View
               style={
@@ -5953,7 +7159,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 25 Augustus 2023 "
+            accessibilityLabel=" Vrijdag 27 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -5990,7 +7196,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-25"
+            testID="undefined.day_2023-10-27"
           >
             <Text
               allowFontScaling={false}
@@ -6009,7 +7215,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              27
             </Text>
             <View
               style={
@@ -6036,7 +7242,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 26 Augustus 2023 "
+            accessibilityLabel=" Zaterdag 28 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6073,7 +7279,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-26"
+            testID="undefined.day_2023-10-28"
           >
             <Text
               allowFontScaling={false}
@@ -6092,7 +7298,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              26
+              28
             </Text>
             <View
               style={
@@ -6119,7 +7325,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 27 Augustus 2023 "
+            accessibilityLabel=" Zondag 29 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6156,7 +7362,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-27"
+            testID="undefined.day_2023-10-29"
           >
             <Text
               allowFontScaling={false}
@@ -6175,7 +7381,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              29
             </Text>
             <View
               style={
@@ -6212,7 +7418,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 28 Augustus 2023 "
+            accessibilityLabel=" Maandag 30 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6249,7 +7455,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-28"
+            testID="undefined.day_2023-10-30"
           >
             <Text
               allowFontScaling={false}
@@ -6268,7 +7474,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              30
             </Text>
             <View
               style={
@@ -6295,7 +7501,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 29 Augustus 2023 "
+            accessibilityLabel=" Dinsdag 31 Oktober 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6332,7 +7538,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-29"
+            testID="undefined.day_2023-10-31"
           >
             <Text
               allowFontScaling={false}
@@ -6351,7 +7557,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              31
             </Text>
             <View
               style={
@@ -6378,7 +7584,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 30 Augustus 2023 "
+            accessibilityLabel=" Woensdag 1 November 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6415,7 +7621,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-30"
+            testID="undefined.day_2023-11-01"
           >
             <Text
               allowFontScaling={false}
@@ -6434,7 +7640,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              1
             </Text>
             <View
               style={
@@ -6461,7 +7667,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 31 Augustus 2023 "
+            accessibilityLabel=" Donderdag 2 November 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6498,7 +7704,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-08-31"
+            testID="undefined.day_2023-11-02"
           >
             <Text
               allowFontScaling={false}
@@ -6517,7 +7723,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              2
             </Text>
             <View
               style={
@@ -6544,7 +7750,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 1 September 2023 "
+            accessibilityLabel=" Vrijdag 3 November 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6581,7 +7787,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-01"
+            testID="undefined.day_2023-11-03"
           >
             <Text
               allowFontScaling={false}
@@ -6600,7 +7806,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              3
             </Text>
             <View
               style={
@@ -6627,7 +7833,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 2 September 2023 "
+            accessibilityLabel=" Zaterdag 4 November 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6664,7 +7870,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-02"
+            testID="undefined.day_2023-11-04"
           >
             <Text
               allowFontScaling={false}
@@ -6683,7 +7889,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              2
+              4
             </Text>
             <View
               style={
@@ -6710,7 +7916,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 3 September 2023 "
+            accessibilityLabel=" Zondag 5 November 2023 "
             accessibilityState={
               {
                 "busy": undefined,
@@ -6747,7 +7953,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-09-03"
+            testID="undefined.day_2023-11-05"
           >
             <Text
               allowFontScaling={false}
@@ -6766,7 +7972,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              3
+              5
             </Text>
             <View
               style={