npm - @tactics/toddle-styleguide - Versions diffs - 0.1.3 → 0.1.4 - Mend

@tactics/toddle-styleguide 0.1.3 → 0.1.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 (172) hide show

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

@@ -170,7 +170,7 @@ exports[`Test for the calendar component renders a calendar where you can select
             }
             testID="undefined.header.title"
           >
-            December 2022
+            Januari 2023
           </Text>
         </View>
         <View
@@ -434,7 +434,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 28 November 2022 "
+            accessibilityLabel=" Maandag 26 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -459,7 +459,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-28"
+            testID="undefined.day_2022-12-26"
           >
             <Text
               allowFontScaling={false}
@@ -478,7 +478,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              26
             </Text>
             <View
               style={
@@ -505,7 +505,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 29 November 2022 "
+            accessibilityLabel=" Dinsdag 27 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -530,7 +530,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-29"
+            testID="undefined.day_2022-12-27"
           >
             <Text
               allowFontScaling={false}
@@ -549,7 +549,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              27
             </Text>
             <View
               style={
@@ -576,7 +576,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 30 November 2022 "
+            accessibilityLabel=" Woensdag 28 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -601,7 +601,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-30"
+            testID="undefined.day_2022-12-28"
           >
             <Text
               allowFontScaling={false}
@@ -620,7 +620,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              28
             </Text>
             <View
               style={
@@ -647,8 +647,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 1 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 29 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -673,7 +672,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-01"
+            testID="undefined.day_2022-12-29"
           >
             <Text
               allowFontScaling={false}
@@ -686,10 +685,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              1
+              29
             </Text>
             <View
               style={
@@ -716,8 +718,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 2 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 30 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -742,7 +743,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-02"
+            testID="undefined.day_2022-12-30"
           >
             <Text
               allowFontScaling={false}
@@ -755,10 +756,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              2
+              30
             </Text>
             <View
               style={
@@ -785,8 +789,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 3 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 31 December 2022 "
             accessibilityState={
               {
                 "disabled": false,
@@ -811,7 +814,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-03"
+            testID="undefined.day_2022-12-31"
           >
             <Text
               allowFontScaling={false}
@@ -824,10 +827,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              3
+              31
             </Text>
             <View
               style={
@@ -854,7 +860,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 4 December 2022 "
+            accessibilityLabel=" Zondag 1 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -880,7 +886,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-04"
+            testID="undefined.day_2023-01-01"
           >
             <Text
               allowFontScaling={false}
@@ -896,7 +902,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              4
+              1
             </Text>
             <View
               style={
@@ -933,7 +939,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 5 December 2022 "
+            accessibilityLabel=" Maandag 2 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -959,7 +965,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-05"
+            testID="undefined.day_2023-01-02"
           >
             <Text
               allowFontScaling={false}
@@ -975,7 +981,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              5
+              2
             </Text>
             <View
               style={
@@ -1002,7 +1008,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 6 December 2022 "
+            accessibilityLabel=" Dinsdag 3 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1028,7 +1034,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-06"
+            testID="undefined.day_2023-01-03"
           >
             <Text
               allowFontScaling={false}
@@ -1044,7 +1050,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              6
+              3
             </Text>
             <View
               style={
@@ -1071,7 +1077,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 7 December 2022 "
+            accessibilityLabel=" Woensdag 4 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1097,7 +1103,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-07"
+            testID="undefined.day_2023-01-04"
           >
             <Text
               allowFontScaling={false}
@@ -1113,7 +1119,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              7
+              4
             </Text>
             <View
               style={
@@ -1140,7 +1146,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 8 December 2022 "
+            accessibilityLabel=" Donderdag 5 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1166,7 +1172,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-08"
+            testID="undefined.day_2023-01-05"
           >
             <Text
               allowFontScaling={false}
@@ -1182,7 +1188,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              8
+              5
             </Text>
             <View
               style={
@@ -1209,7 +1215,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 9 December 2022 "
+            accessibilityLabel=" Vrijdag 6 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1235,7 +1241,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-09"
+            testID="undefined.day_2023-01-06"
           >
             <Text
               allowFontScaling={false}
@@ -1251,7 +1257,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              9
+              6
             </Text>
             <View
               style={
@@ -1278,7 +1284,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 10 December 2022 "
+            accessibilityLabel=" Zaterdag 7 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1304,7 +1310,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-10"
+            testID="undefined.day_2023-01-07"
           >
             <Text
               allowFontScaling={false}
@@ -1320,7 +1326,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              10
+              7
             </Text>
             <View
               style={
@@ -1347,7 +1353,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 11 December 2022 "
+            accessibilityLabel=" Zondag 8 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1373,7 +1379,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-11"
+            testID="undefined.day_2023-01-08"
           >
             <Text
               allowFontScaling={false}
@@ -1389,7 +1395,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              11
+              8
             </Text>
             <View
               style={
@@ -1426,7 +1432,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 12 December 2022 "
+            accessibilityLabel=" Maandag 9 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1452,7 +1458,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-12"
+            testID="undefined.day_2023-01-09"
           >
             <Text
               allowFontScaling={false}
@@ -1468,7 +1474,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              12
+              9
             </Text>
             <View
               style={
@@ -1495,7 +1501,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 13 December 2022 "
+            accessibilityLabel="today Dinsdag 10 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1515,13 +1521,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_2022-12-13"
+            testID="undefined.day_2023-01-10"
           >
             <Text
               allowFontScaling={false}
@@ -1534,10 +1544,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#7B93DB",
+                  },
                 ]
               }
             >
-              13
+              10
             </Text>
             <View
               style={
@@ -1564,7 +1577,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 14 December 2022 "
+            accessibilityLabel=" Woensdag 11 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1590,7 +1603,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-14"
+            testID="undefined.day_2023-01-11"
           >
             <Text
               allowFontScaling={false}
@@ -1606,7 +1619,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              14
+              11
             </Text>
             <View
               style={
@@ -1633,7 +1646,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 15 December 2022 "
+            accessibilityLabel=" Donderdag 12 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1659,7 +1672,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-15"
+            testID="undefined.day_2023-01-12"
           >
             <Text
               allowFontScaling={false}
@@ -1675,7 +1688,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              15
+              12
             </Text>
             <View
               style={
@@ -1702,7 +1715,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 16 December 2022 "
+            accessibilityLabel=" Vrijdag 13 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1728,7 +1741,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-16"
+            testID="undefined.day_2023-01-13"
           >
             <Text
               allowFontScaling={false}
@@ -1744,7 +1757,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              16
+              13
             </Text>
             <View
               style={
@@ -1771,7 +1784,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 17 December 2022 "
+            accessibilityLabel=" Zaterdag 14 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1797,7 +1810,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-17"
+            testID="undefined.day_2023-01-14"
           >
             <Text
               allowFontScaling={false}
@@ -1813,7 +1826,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              17
+              14
             </Text>
             <View
               style={
@@ -1840,7 +1853,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 18 December 2022 "
+            accessibilityLabel=" Zondag 15 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1866,7 +1879,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-18"
+            testID="undefined.day_2023-01-15"
           >
             <Text
               allowFontScaling={false}
@@ -1882,7 +1895,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              18
+              15
             </Text>
             <View
               style={
@@ -1919,7 +1932,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 19 December 2022 "
+            accessibilityLabel=" Maandag 16 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -1945,7 +1958,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-19"
+            testID="undefined.day_2023-01-16"
           >
             <Text
               allowFontScaling={false}
@@ -1961,7 +1974,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              19
+              16
             </Text>
             <View
               style={
@@ -1988,7 +2001,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 20 December 2022 "
+            accessibilityLabel=" Dinsdag 17 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2014,7 +2027,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-20"
+            testID="undefined.day_2023-01-17"
           >
             <Text
               allowFontScaling={false}
@@ -2030,7 +2043,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              20
+              17
             </Text>
             <View
               style={
@@ -2057,7 +2070,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 21 December 2022 "
+            accessibilityLabel=" Woensdag 18 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2083,7 +2096,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-21"
+            testID="undefined.day_2023-01-18"
           >
             <Text
               allowFontScaling={false}
@@ -2099,7 +2112,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              21
+              18
             </Text>
             <View
               style={
@@ -2126,7 +2139,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 22 December 2022 "
+            accessibilityLabel=" Donderdag 19 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2152,7 +2165,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-22"
+            testID="undefined.day_2023-01-19"
           >
             <Text
               allowFontScaling={false}
@@ -2168,7 +2181,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              22
+              19
             </Text>
             <View
               style={
@@ -2195,7 +2208,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 23 December 2022 "
+            accessibilityLabel=" Vrijdag 20 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2221,7 +2234,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-23"
+            testID="undefined.day_2023-01-20"
           >
             <Text
               allowFontScaling={false}
@@ -2237,7 +2250,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              23
+              20
             </Text>
             <View
               style={
@@ -2264,7 +2277,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 24 December 2022 "
+            accessibilityLabel=" Zaterdag 21 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2290,7 +2303,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-24"
+            testID="undefined.day_2023-01-21"
           >
             <Text
               allowFontScaling={false}
@@ -2306,7 +2319,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              24
+              21
             </Text>
             <View
               style={
@@ -2333,7 +2346,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 25 December 2022 "
+            accessibilityLabel=" Zondag 22 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2359,7 +2372,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-25"
+            testID="undefined.day_2023-01-22"
           >
             <Text
               allowFontScaling={false}
@@ -2375,7 +2388,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              25
+              22
             </Text>
             <View
               style={
@@ -2412,7 +2425,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Maandag 26 December 2022 selected You have no entries for this day "
+            accessibilityLabel=" Maandag 23 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2432,15 +2445,13 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
-                "backgroundColor": "#7B93DB",
-                "borderRadius": 21,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-26"
+            testID="undefined.day_2023-01-23"
           >
             <Text
               allowFontScaling={false}
@@ -2453,13 +2464,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#FFFFFF",
-                  },
                 ]
               }
             >
-              26
+              23
             </Text>
             <View
               style={
@@ -2486,7 +2494,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 27 December 2022 "
+            accessibilityLabel=" Dinsdag 24 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2512,7 +2520,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-27"
+            testID="undefined.day_2023-01-24"
           >
             <Text
               allowFontScaling={false}
@@ -2528,7 +2536,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              27
+              24
             </Text>
             <View
               style={
@@ -2555,7 +2563,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 28 December 2022 "
+            accessibilityLabel=" Woensdag 25 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2581,7 +2589,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-28"
+            testID="undefined.day_2023-01-25"
           >
             <Text
               allowFontScaling={false}
@@ -2597,7 +2605,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              25
             </Text>
             <View
               style={
@@ -2624,7 +2632,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 29 December 2022 "
+            accessibilityLabel=" Donderdag 26 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2650,7 +2658,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-29"
+            testID="undefined.day_2023-01-26"
           >
             <Text
               allowFontScaling={false}
@@ -2666,7 +2674,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              26
             </Text>
             <View
               style={
@@ -2693,7 +2701,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 30 December 2022 "
+            accessibilityLabel=" Vrijdag 27 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2719,7 +2727,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-30"
+            testID="undefined.day_2023-01-27"
           >
             <Text
               allowFontScaling={false}
@@ -2735,7 +2743,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              27
             </Text>
             <View
               style={
@@ -2762,7 +2770,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 31 December 2022 "
+            accessibilityLabel=" Zaterdag 28 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -2788,7 +2796,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-31"
+            testID="undefined.day_2023-01-28"
           >
             <Text
               allowFontScaling={false}
@@ -2804,7 +2812,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              31
+              28
             </Text>
             <View
               style={
@@ -2831,7 +2839,8 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 1 Januari 2023 "
+            accessibilityLabel=" Zondag 29 Januari 2023 "
+            accessibilityRole="button"
             accessibilityState={
               {
                 "disabled": false,
@@ -2856,7 +2865,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-01-01"
+            testID="undefined.day_2023-01-29"
           >
             <Text
               allowFontScaling={false}
@@ -2869,13 +2878,10 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
-                  {
-                    "color": "#9AA5B1",
-                  },
                 ]
               }
             >
-              1
+              29
             </Text>
             <View
               style={
@@ -2894,427 +2900,1437 @@ 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
-          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="28"
-            bbWidth="28"
-            fill="none"
-            focusable={false}
-            height="28"
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
+          <View
+            accessibilityLabel=" Maandag 30 Januari 2023 "
+            accessibilityRole="button"
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 28,
-                  "width": 28,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
             }
-            vbHeight={27}
-            vbWidth={27}
-            width="28"
+            testID="undefined.day_2023-01-30"
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <Text
+              allowFontScaling={false}
+              style={
                 [
-                  "fill",
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
                 ]
               }
             >
-              <RNSVGPath
-                d="M16.875 21.375L9 13.5L16.875 5.625"
-                propList={
-                  [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
-                  ]
-                }
-                stroke={4279837036}
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+              30
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "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 Januari 2023 "
+            accessibilityRole="button"
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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-01-31"
           >
-            December 2022
-          </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
-          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="28"
-            bbWidth="28"
-            fill="none"
-            focusable={false}
-            height="28"
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
+          <View
+            accessibilityLabel=" Woensdag 1 Februari 2023 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 28,
-                  "width": 28,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
             }
-            vbHeight={27}
-            vbWidth={26}
-            width="28"
+            testID="undefined.day_2023-02-01"
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
+            <Text
+              allowFontScaling={false}
+              style={
                 [
-                  "fill",
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              <RNSVGPath
-                d="M9.75 5.625L17.3333 13.5L9.75 21.375"
-                propList={
-                  [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
-                  ]
-                }
-                stroke={4279837036}
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+              1
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
         </View>
-      </View>
-      <View
-        style={
-          [
+        <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,
-              },
-            ]
+              "alignItems": "center",
+              "flex": 1,
+            }
           }
         >
-          Ma
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Donderdag 2 Februari 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={
-            [
+                "disabled": false,
+              }
+            }
+            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,
-              },
-            ]
-          }
-        >
-          Wo
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-02-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={
-            [
-              {
-                "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=" Vrijdag 3 Februari 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={
-            [
+                "disabled": false,
+              }
+            }
+            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,
-              },
-            ]
+                "alignItems": "center",
+                "height": 42,
+                "justifyContent": "center",
+                "opacity": 1,
+                "width": 42,
+              }
+            }
+            testID="undefined.day_2023-02-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,
+            }
           }
         >
-          Za
-        </Text>
-        <Text
-          accessibilityLabel=""
-          allowFontScaling={false}
-          numberOfLines={1}
-          style={
-            [
+          <View
+            accessibilityLabel=" Zaterdag 4 Februari 2023 "
+            accessibilityState={
               {
-                "color": "#1F2933",
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-                "marginBottom": 24,
-                "textAlign": "center",
-                "width": 32,
+                "disabled": false,
+              }
+            }
+            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-02-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 Februari 2023 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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-02-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
+          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="28"
+            bbWidth="28"
+            fill="none"
+            focusable={false}
+            height="28"
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 28,
+                  "width": 28,
+                },
+              ]
+            }
+            vbHeight={27}
+            vbWidth={27}
+            width="28"
+          >
+            <RNSVGGroup
+              fill={null}
+              propList={
+                [
+                  "fill",
+                ]
+              }
+            >
+              <RNSVGPath
+                d="M16.875 21.375L9 13.5L16.875 5.625"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={4279837036}
+                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"
+          >
+            Januari 2023
+          </Text>
+        </View>
+        <View
+          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="28"
+            bbWidth="28"
+            fill="none"
+            focusable={false}
+            height="28"
+            meetOrSlice={0}
+            minX={0}
+            minY={0}
+            style={
+              [
+                {
+                  "backgroundColor": "transparent",
+                  "borderWidth": 0,
+                },
+                {
+                  "flex": 0,
+                  "height": 28,
+                  "width": 28,
+                },
+              ]
+            }
+            vbHeight={27}
+            vbWidth={26}
+            width="28"
+          >
+            <RNSVGGroup
+              fill={null}
+              propList={
+                [
+                  "fill",
+                ]
+              }
+            >
+              <RNSVGPath
+                d="M9.75 5.625L17.3333 13.5L9.75 21.375"
+                propList={
+                  [
+                    "stroke",
+                    "strokeWidth",
+                    "strokeLinecap",
+                    "strokeLinejoin",
+                  ]
+                }
+                stroke={4279837036}
+                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>
+          Zo
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "white",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "flexDirection": "row",
+            "justifyContent": "space-around",
+            "marginVertical": 7,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Maandag 26 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-26"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              26
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Dinsdag 27 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-27"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              27
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Woensdag 28 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-28"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              28
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Donderdag 29 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-29"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              29
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Vrijdag 30 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-30"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              30
+            </Text>
+            <View
+              style={
+                [
+                  {
+                    "borderRadius": 2,
+                    "height": 4,
+                    "marginHorizontal": 1,
+                    "marginTop": 1,
+                    "opacity": 0,
+                    "width": 4,
+                  },
+                ]
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flex": 1,
+            }
+          }
+        >
+          <View
+            accessibilityLabel=" Zaterdag 31 December 2022 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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_2022-12-31"
+          >
+            <Text
+              allowFontScaling={false}
+              style={
+                [
+                  {
+                    "color": "#1F2933",
+                    "fontFamily": "SourceSansPro",
+                    "fontSize": 16,
+                    "lineHeight": 22.4,
+                    "marginTop": 4,
+                  },
+                  {
+                    "color": "#9AA5B1",
+                  },
+                ]
+              }
+            >
+              31
+            </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 1 Januari 2023 "
+            accessibilityState={
+              {
+                "disabled": false,
+              }
+            }
+            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-01-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={
           {
@@ -3333,7 +4349,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 28 November 2022 "
+            accessibilityLabel=" Maandag 2 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3358,7 +4374,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-28"
+            testID="undefined.day_2023-01-02"
           >
             <Text
               allowFontScaling={false}
@@ -3377,7 +4393,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              28
+              2
             </Text>
             <View
               style={
@@ -3404,7 +4420,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 29 November 2022 "
+            accessibilityLabel=" Dinsdag 3 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3429,7 +4445,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-29"
+            testID="undefined.day_2023-01-03"
           >
             <Text
               allowFontScaling={false}
@@ -3448,7 +4464,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              29
+              3
             </Text>
             <View
               style={
@@ -3475,7 +4491,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 30 November 2022 "
+            accessibilityLabel=" Woensdag 4 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3500,7 +4516,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-11-30"
+            testID="undefined.day_2023-01-04"
           >
             <Text
               allowFontScaling={false}
@@ -3519,7 +4535,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              30
+              4
             </Text>
             <View
               style={
@@ -3546,8 +4562,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 1 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 5 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3572,7 +4587,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-01"
+            testID="undefined.day_2023-01-05"
           >
             <Text
               allowFontScaling={false}
@@ -3585,10 +4600,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              1
+              5
             </Text>
             <View
               style={
@@ -3615,8 +4633,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 2 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 6 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3641,7 +4658,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-02"
+            testID="undefined.day_2023-01-06"
           >
             <Text
               allowFontScaling={false}
@@ -3654,10 +4671,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              2
+              6
             </Text>
             <View
               style={
@@ -3684,8 +4704,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 3 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 7 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3710,7 +4729,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-03"
+            testID="undefined.day_2023-01-07"
           >
             <Text
               allowFontScaling={false}
@@ -3723,10 +4742,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              3
+              7
             </Text>
             <View
               style={
@@ -3753,8 +4775,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 4 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zondag 8 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3779,7 +4800,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-04"
+            testID="undefined.day_2023-01-08"
           >
             <Text
               allowFontScaling={false}
@@ -3792,10 +4813,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              4
+              8
             </Text>
             <View
               style={
@@ -3832,8 +4856,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 5 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Maandag 9 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3858,7 +4881,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-05"
+            testID="undefined.day_2023-01-09"
           >
             <Text
               allowFontScaling={false}
@@ -3871,10 +4894,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              5
+              9
             </Text>
             <View
               style={
@@ -3901,7 +4927,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 6 December 2022 "
+            accessibilityLabel="today Dinsdag 10 Januari 2023 "
             accessibilityRole="button"
             accessibilityState={
               {
@@ -3921,13 +4947,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_2022-12-06"
+            testID="undefined.day_2023-01-10"
           >
             <Text
               allowFontScaling={false}
@@ -3940,10 +4970,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#7B93DB",
+                  },
                 ]
               }
             >
-              6
+              10
             </Text>
             <View
               style={
@@ -3970,8 +5003,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 7 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Woensdag 11 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -3996,7 +5028,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-07"
+            testID="undefined.day_2023-01-11"
           >
             <Text
               allowFontScaling={false}
@@ -4009,10 +5041,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              7
+              11
             </Text>
             <View
               style={
@@ -4039,8 +5074,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 8 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 12 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4065,7 +5099,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-08"
+            testID="undefined.day_2023-01-12"
           >
             <Text
               allowFontScaling={false}
@@ -4078,10 +5112,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              8
+              12
             </Text>
             <View
               style={
@@ -4108,8 +5145,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 9 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 13 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4134,7 +5170,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-09"
+            testID="undefined.day_2023-01-13"
           >
             <Text
               allowFontScaling={false}
@@ -4147,10 +5183,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              9
+              13
             </Text>
             <View
               style={
@@ -4177,8 +5216,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 10 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 14 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4203,7 +5241,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-10"
+            testID="undefined.day_2023-01-14"
           >
             <Text
               allowFontScaling={false}
@@ -4216,10 +5254,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              10
+              14
             </Text>
             <View
               style={
@@ -4246,8 +5287,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 11 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zondag 15 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4272,7 +5312,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-11"
+            testID="undefined.day_2023-01-15"
           >
             <Text
               allowFontScaling={false}
@@ -4285,10 +5325,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              11
+              15
             </Text>
             <View
               style={
@@ -4325,8 +5368,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 12 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Maandag 16 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4351,7 +5393,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-12"
+            testID="undefined.day_2023-01-16"
           >
             <Text
               allowFontScaling={false}
@@ -4364,10 +5406,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              12
+              16
             </Text>
             <View
               style={
@@ -4394,8 +5439,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 13 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 17 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4420,7 +5464,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-13"
+            testID="undefined.day_2023-01-17"
           >
             <Text
               allowFontScaling={false}
@@ -4433,10 +5477,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              13
+              17
             </Text>
             <View
               style={
@@ -4463,8 +5510,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 14 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Woensdag 18 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4489,7 +5535,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-14"
+            testID="undefined.day_2023-01-18"
           >
             <Text
               allowFontScaling={false}
@@ -4502,10 +5548,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              14
+              18
             </Text>
             <View
               style={
@@ -4532,8 +5581,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 15 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 19 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4558,7 +5606,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-15"
+            testID="undefined.day_2023-01-19"
           >
             <Text
               allowFontScaling={false}
@@ -4571,10 +5619,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              15
+              19
             </Text>
             <View
               style={
@@ -4601,8 +5652,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 16 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 20 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4627,7 +5677,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-16"
+            testID="undefined.day_2023-01-20"
           >
             <Text
               allowFontScaling={false}
@@ -4640,10 +5690,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              16
+              20
             </Text>
             <View
               style={
@@ -4670,8 +5723,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 17 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 21 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4696,7 +5748,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-17"
+            testID="undefined.day_2023-01-21"
           >
             <Text
               allowFontScaling={false}
@@ -4709,10 +5761,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              17
+              21
             </Text>
             <View
               style={
@@ -4739,8 +5794,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 18 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zondag 22 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4765,7 +5819,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-18"
+            testID="undefined.day_2023-01-22"
           >
             <Text
               allowFontScaling={false}
@@ -4778,10 +5832,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              18
+              22
             </Text>
             <View
               style={
@@ -4818,8 +5875,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Maandag 19 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Maandag 23 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4844,7 +5900,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-19"
+            testID="undefined.day_2023-01-23"
           >
             <Text
               allowFontScaling={false}
@@ -4857,10 +5913,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              19
+              23
             </Text>
             <View
               style={
@@ -4887,8 +5946,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 20 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 24 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4913,7 +5971,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-20"
+            testID="undefined.day_2023-01-24"
           >
             <Text
               allowFontScaling={false}
@@ -4926,10 +5984,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              20
+              24
             </Text>
             <View
               style={
@@ -4956,8 +6017,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 21 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Woensdag 25 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -4982,7 +6042,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-21"
+            testID="undefined.day_2023-01-25"
           >
             <Text
               allowFontScaling={false}
@@ -4995,10 +6055,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              21
+              25
             </Text>
             <View
               style={
@@ -5025,8 +6088,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 22 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 26 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5051,7 +6113,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-22"
+            testID="undefined.day_2023-01-26"
           >
             <Text
               allowFontScaling={false}
@@ -5064,10 +6126,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              22
+              26
             </Text>
             <View
               style={
@@ -5094,8 +6159,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 23 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 27 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5120,7 +6184,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-23"
+            testID="undefined.day_2023-01-27"
           >
             <Text
               allowFontScaling={false}
@@ -5133,10 +6197,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              23
+              27
             </Text>
             <View
               style={
@@ -5163,8 +6230,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 24 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 28 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5189,7 +6255,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-24"
+            testID="undefined.day_2023-01-28"
           >
             <Text
               allowFontScaling={false}
@@ -5202,10 +6268,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              24
+              28
             </Text>
             <View
               style={
@@ -5232,8 +6301,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 25 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zondag 29 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5258,7 +6326,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-25"
+            testID="undefined.day_2023-01-29"
           >
             <Text
               allowFontScaling={false}
@@ -5271,10 +6339,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              25
+              29
             </Text>
             <View
               style={
@@ -5311,8 +6382,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel="today Maandag 26 December 2022 selected You have no entries for this day "
-            accessibilityRole="button"
+            accessibilityLabel=" Maandag 30 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5331,15 +6401,13 @@ exports[`Test for the calendar component renders a calendar where you can select
             style={
               {
                 "alignItems": "center",
-                "backgroundColor": "#7B93DB",
-                "borderRadius": 21,
                 "height": 42,
                 "justifyContent": "center",
                 "opacity": 1,
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-26"
+            testID="undefined.day_2023-01-30"
           >
             <Text
               allowFontScaling={false}
@@ -5353,12 +6421,12 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "marginTop": 4,
                   },
                   {
-                    "color": "#FFFFFF",
+                    "color": "#9AA5B1",
                   },
                 ]
               }
             >
-              26
+              30
             </Text>
             <View
               style={
@@ -5385,8 +6453,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Dinsdag 27 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Dinsdag 31 Januari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5411,7 +6478,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-27"
+            testID="undefined.day_2023-01-31"
           >
             <Text
               allowFontScaling={false}
@@ -5424,10 +6491,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              27
+              31
             </Text>
             <View
               style={
@@ -5454,8 +6524,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Woensdag 28 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Woensdag 1 Februari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5480,7 +6549,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-28"
+            testID="undefined.day_2023-02-01"
           >
             <Text
               allowFontScaling={false}
@@ -5493,10 +6562,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              28
+              1
             </Text>
             <View
               style={
@@ -5523,8 +6595,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Donderdag 29 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Donderdag 2 Februari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5549,7 +6620,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-29"
+            testID="undefined.day_2023-02-02"
           >
             <Text
               allowFontScaling={false}
@@ -5562,10 +6633,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              29
+              2
             </Text>
             <View
               style={
@@ -5592,8 +6666,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Vrijdag 30 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Vrijdag 3 Februari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5618,7 +6691,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-30"
+            testID="undefined.day_2023-02-03"
           >
             <Text
               allowFontScaling={false}
@@ -5631,10 +6704,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              30
+              3
             </Text>
             <View
               style={
@@ -5661,8 +6737,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zaterdag 31 December 2022 "
-            accessibilityRole="button"
+            accessibilityLabel=" Zaterdag 4 Februari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5687,7 +6762,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2022-12-31"
+            testID="undefined.day_2023-02-04"
           >
             <Text
               allowFontScaling={false}
@@ -5700,10 +6775,13 @@ exports[`Test for the calendar component renders a calendar where you can select
                     "lineHeight": 22.4,
                     "marginTop": 4,
                   },
+                  {
+                    "color": "#9AA5B1",
+                  },
                 ]
               }
             >
-              31
+              4
             </Text>
             <View
               style={
@@ -5730,7 +6808,7 @@ exports[`Test for the calendar component renders a calendar where you can select
           }
         >
           <View
-            accessibilityLabel=" Zondag 1 Januari 2023 "
+            accessibilityLabel=" Zondag 5 Februari 2023 "
             accessibilityState={
               {
                 "disabled": false,
@@ -5755,7 +6833,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 "width": 42,
               }
             }
-            testID="undefined.day_2023-01-01"
+            testID="undefined.day_2023-02-05"
           >
             <Text
               allowFontScaling={false}
@@ -5774,7 +6852,7 @@ exports[`Test for the calendar component renders a calendar where you can select
                 ]
               }
             >
-              1
+              5
             </Text>
             <View
               style={