npm - @mirai/ui - Versions diffs - 1.0.118 → 1.0.120 - Mend

@mirai/ui 1.0.118 → 1.0.120

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

package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap CHANGED Viewed

@@ -12,7 +12,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -21,7 +21,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -60,7 +60,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -189,7 +189,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -333,7 +333,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -477,7 +477,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -621,7 +621,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -705,7 +705,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -748,7 +748,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -782,7 +782,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -821,7 +821,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -920,7 +920,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1064,7 +1064,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1208,7 +1208,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1352,7 +1352,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1481,7 +1481,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1537,7 +1537,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -1546,7 +1546,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -1585,7 +1585,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1684,7 +1684,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1793,7 +1793,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -1902,7 +1902,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2011,7 +2011,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2080,7 +2080,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2123,7 +2123,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -2157,7 +2157,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -2196,7 +2196,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2275,7 +2275,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2384,7 +2384,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2493,7 +2493,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2602,7 +2602,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2701,7 +2701,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2757,7 +2757,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <div
             class="pressable"
@@ -2791,7 +2791,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -2830,7 +2830,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -2929,7 +2929,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3038,7 +3038,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3147,7 +3147,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3256,7 +3256,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3325,7 +3325,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -3368,7 +3368,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -3402,7 +3402,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -3441,7 +3441,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -3520,7 +3520,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3629,7 +3629,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3738,7 +3738,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3847,7 +3847,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -3946,7 +3946,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4002,7 +4002,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -4011,7 +4011,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -4050,7 +4050,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4149,7 +4149,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4258,7 +4258,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4367,7 +4367,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4476,7 +4476,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4545,7 +4545,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4588,7 +4588,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -4622,7 +4622,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -4661,7 +4661,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4740,7 +4740,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4849,7 +4849,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -4958,7 +4958,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5067,7 +5067,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5166,7 +5166,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5222,7 +5222,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -5231,7 +5231,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -5270,7 +5270,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5369,7 +5369,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5478,7 +5478,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5587,7 +5587,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5696,7 +5696,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5765,7 +5765,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5808,7 +5808,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -5842,7 +5842,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -5881,7 +5881,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -5960,7 +5960,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6069,7 +6069,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6178,7 +6178,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6287,7 +6287,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6386,7 +6386,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6442,7 +6442,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -6451,7 +6451,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -6490,7 +6490,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6589,7 +6589,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6698,7 +6698,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6807,7 +6807,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6916,7 +6916,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -6985,7 +6985,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7028,7 +7028,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -7062,7 +7062,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -7101,7 +7101,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7180,7 +7180,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7289,7 +7289,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7398,7 +7398,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7507,7 +7507,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7606,7 +7606,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7662,7 +7662,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -7671,7 +7671,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -7710,7 +7710,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7809,7 +7809,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -7918,7 +7918,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8027,7 +8027,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8136,7 +8136,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8205,7 +8205,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8248,7 +8248,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -8282,7 +8282,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -8321,7 +8321,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8400,7 +8400,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8509,7 +8509,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8618,7 +8618,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8727,7 +8727,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8826,7 +8826,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -8882,7 +8882,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -8891,7 +8891,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -8930,7 +8930,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9019,7 +9019,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9128,7 +9128,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9237,7 +9237,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9346,7 +9346,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9425,7 +9425,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9468,7 +9468,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -9502,7 +9502,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -9541,7 +9541,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9610,7 +9610,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9719,7 +9719,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9828,7 +9828,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -9937,7 +9937,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10046,7 +10046,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10102,7 +10102,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -10111,7 +10111,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -10150,7 +10150,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10249,7 +10249,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10358,7 +10358,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10467,7 +10467,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10576,7 +10576,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10645,7 +10645,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10688,7 +10688,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -10697,7 +10697,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -10736,7 +10736,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10815,7 +10815,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -10924,7 +10924,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11033,7 +11033,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11142,7 +11142,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11241,7 +11241,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11284,7 +11284,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -11318,7 +11318,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -11357,7 +11357,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11406,7 +11406,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11515,7 +11515,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11624,7 +11624,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11733,7 +11733,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11842,7 +11842,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -11908,7 +11908,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -11917,7 +11917,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -11956,7 +11956,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12055,7 +12055,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12164,7 +12164,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12273,7 +12273,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12382,7 +12382,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12451,7 +12451,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12494,7 +12494,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -12528,7 +12528,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -12567,7 +12567,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12646,7 +12646,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12755,7 +12755,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12864,7 +12864,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -12973,7 +12973,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13072,7 +13072,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13128,7 +13128,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -13137,7 +13137,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -13176,7 +13176,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13275,7 +13275,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13384,7 +13384,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13493,7 +13493,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13602,7 +13602,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13671,7 +13671,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13714,7 +13714,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -13748,7 +13748,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -13787,7 +13787,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13866,7 +13866,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -13975,7 +13975,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14084,7 +14084,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14193,7 +14193,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14292,7 +14292,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14348,7 +14348,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -14357,7 +14357,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -14396,7 +14396,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14495,7 +14495,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14604,7 +14604,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14713,7 +14713,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14822,7 +14822,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14891,7 +14891,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -14934,7 +14934,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -14968,7 +14968,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -15007,7 +15007,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15086,7 +15086,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15195,7 +15195,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15304,7 +15304,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15413,7 +15413,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15512,7 +15512,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15568,7 +15568,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -15577,7 +15577,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -15616,7 +15616,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15715,7 +15715,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15824,7 +15824,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -15933,7 +15933,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16042,7 +16042,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16111,7 +16111,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16154,7 +16154,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -16188,7 +16188,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -16227,7 +16227,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16306,7 +16306,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16415,7 +16415,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16524,7 +16524,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16633,7 +16633,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16732,7 +16732,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -16788,7 +16788,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -16797,7 +16797,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -16836,7 +16836,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -16935,7 +16935,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17044,7 +17044,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17153,7 +17153,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17262,7 +17262,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17331,7 +17331,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17374,7 +17374,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -17383,7 +17383,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -17422,7 +17422,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17501,7 +17501,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17610,7 +17610,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17719,7 +17719,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17828,7 +17828,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17927,7 +17927,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -17983,7 +17983,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -17992,7 +17992,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -18031,7 +18031,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18130,7 +18130,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18239,7 +18239,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18348,7 +18348,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18457,7 +18457,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18526,7 +18526,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18569,7 +18569,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -18603,7 +18603,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -18642,7 +18642,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18721,7 +18721,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18830,7 +18830,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -18939,7 +18939,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19048,7 +19048,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19147,7 +19147,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19203,7 +19203,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -19212,7 +19212,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -19251,7 +19251,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19350,7 +19350,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19459,7 +19459,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19568,7 +19568,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19677,7 +19677,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19746,7 +19746,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19789,7 +19789,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -19823,7 +19823,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -19862,7 +19862,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -19941,7 +19941,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20050,7 +20050,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20159,7 +20159,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20268,7 +20268,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20367,7 +20367,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20423,7 +20423,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -20432,7 +20432,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -20471,7 +20471,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20600,7 +20600,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20744,7 +20744,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -20888,7 +20888,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21032,7 +21032,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21116,7 +21116,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21159,7 +21159,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -21193,7 +21193,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -21232,7 +21232,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21331,7 +21331,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21475,7 +21475,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21619,7 +21619,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21763,7 +21763,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21892,7 +21892,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -21948,7 +21948,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -21957,7 +21957,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -21996,7 +21996,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22095,7 +22095,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22204,7 +22204,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22313,7 +22313,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22422,7 +22422,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22491,7 +22491,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22534,7 +22534,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -22568,7 +22568,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -22607,7 +22607,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22686,7 +22686,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22795,7 +22795,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -22904,7 +22904,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23013,7 +23013,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23112,7 +23112,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23168,7 +23168,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <div
             class="pressable"
@@ -23202,7 +23202,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -23241,7 +23241,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23340,7 +23340,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -23449,7 +23449,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -23558,7 +23558,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -23667,7 +23667,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -23736,7 +23736,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23779,7 +23779,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -23813,7 +23813,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -23852,7 +23852,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -23931,7 +23931,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -24040,7 +24040,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -24149,7 +24149,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -24258,7 +24258,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable cell"
@@ -24357,7 +24357,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24413,7 +24413,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -24422,7 +24422,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -24461,7 +24461,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24560,7 +24560,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24669,7 +24669,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24778,7 +24778,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24887,7 +24887,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24956,7 +24956,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -24999,7 +24999,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -25033,7 +25033,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -25072,7 +25072,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25151,7 +25151,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25260,7 +25260,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25369,7 +25369,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25478,7 +25478,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25577,7 +25577,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25633,7 +25633,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -25642,7 +25642,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -25681,7 +25681,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25780,7 +25780,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25889,7 +25889,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -25998,7 +25998,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26107,7 +26107,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26176,7 +26176,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26219,7 +26219,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -26253,7 +26253,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -26292,7 +26292,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26371,7 +26371,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26480,7 +26480,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26589,7 +26589,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26698,7 +26698,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26797,7 +26797,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -26853,7 +26853,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -26862,7 +26862,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -26901,7 +26901,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27000,7 +27000,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27109,7 +27109,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27218,7 +27218,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27327,7 +27327,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27396,7 +27396,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27439,7 +27439,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -27473,7 +27473,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -27512,7 +27512,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27591,7 +27591,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27700,7 +27700,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27809,7 +27809,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -27918,7 +27918,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28017,7 +28017,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28073,7 +28073,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -28082,7 +28082,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -28121,7 +28121,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28220,7 +28220,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28329,7 +28329,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28438,7 +28438,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28547,7 +28547,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28616,7 +28616,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28659,7 +28659,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -28693,7 +28693,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -28732,7 +28732,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28811,7 +28811,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -28920,7 +28920,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29029,7 +29029,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29138,7 +29138,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29237,7 +29237,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29293,7 +29293,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -29302,7 +29302,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -29341,7 +29341,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29430,7 +29430,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29539,7 +29539,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29648,7 +29648,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29757,7 +29757,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29836,7 +29836,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -29879,7 +29879,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -29913,7 +29913,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -29952,7 +29952,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30021,7 +30021,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30130,7 +30130,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30239,7 +30239,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30348,7 +30348,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30457,7 +30457,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30513,7 +30513,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -30522,7 +30522,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -30561,7 +30561,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30660,7 +30660,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30769,7 +30769,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30878,7 +30878,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -30987,7 +30987,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31056,7 +31056,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31099,7 +31099,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -31108,7 +31108,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -31147,7 +31147,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31226,7 +31226,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31335,7 +31335,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31444,7 +31444,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31553,7 +31553,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31652,7 +31652,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31695,7 +31695,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -31729,7 +31729,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -31768,7 +31768,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31817,7 +31817,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -31926,7 +31926,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -32035,7 +32035,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -32144,7 +32144,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -32253,7 +32253,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -32319,7 +32319,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -32328,7 +32328,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -32367,7 +32367,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32466,7 +32466,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32575,7 +32575,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32684,7 +32684,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32793,7 +32793,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32862,7 +32862,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -32905,7 +32905,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -32939,7 +32939,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -32978,7 +32978,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33057,7 +33057,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33166,7 +33166,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33275,7 +33275,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33384,7 +33384,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33483,7 +33483,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33539,7 +33539,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -33548,7 +33548,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -33587,7 +33587,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33686,7 +33686,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33795,7 +33795,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -33904,7 +33904,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34013,7 +34013,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34082,7 +34082,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34125,7 +34125,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -34159,7 +34159,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -34198,7 +34198,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34277,7 +34277,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34386,7 +34386,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34495,7 +34495,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34604,7 +34604,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34703,7 +34703,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34759,7 +34759,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -34768,7 +34768,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -34807,7 +34807,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -34906,7 +34906,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35015,7 +35015,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35124,7 +35124,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35233,7 +35233,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35302,7 +35302,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35345,7 +35345,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -35379,7 +35379,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -35418,7 +35418,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35497,7 +35497,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35606,7 +35606,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35715,7 +35715,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35824,7 +35824,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35923,7 +35923,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -35979,7 +35979,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -35988,7 +35988,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -36027,7 +36027,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36126,7 +36126,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36235,7 +36235,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36344,7 +36344,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36453,7 +36453,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36522,7 +36522,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36565,7 +36565,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -36599,7 +36599,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -36638,7 +36638,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </span>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36717,7 +36717,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36826,7 +36826,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -36935,7 +36935,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -37044,7 +37044,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           </div>
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -37143,7 +37143,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
           />
         </div>
         <div
-          class="view row range"
+          class="view forceRow range"
         >
           <div
             class="pressable disabled cell"
@@ -37199,7 +37199,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -37208,7 +37208,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -37247,7 +37247,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37346,7 +37346,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37455,7 +37455,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37564,7 +37564,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37673,7 +37673,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37742,7 +37742,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37785,7 +37785,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -37794,7 +37794,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -37833,7 +37833,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -37912,7 +37912,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38021,7 +38021,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38130,7 +38130,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38239,7 +38239,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38338,7 +38338,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38394,7 +38394,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -38403,7 +38403,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -38442,7 +38442,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38541,7 +38541,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38650,7 +38650,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38759,7 +38759,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38868,7 +38868,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38937,7 +38937,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -38980,7 +38980,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -39014,7 +39014,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -39053,7 +39053,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39132,7 +39132,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39241,7 +39241,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39350,7 +39350,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39459,7 +39459,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39558,7 +39558,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39615,7 +39615,7 @@ exports[`component:<Calendar> testID 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -39624,7 +39624,7 @@ exports[`component:<Calendar> testID 1`] = `
           </h4>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -39663,7 +39663,7 @@ exports[`component:<Calendar> testID 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39762,7 +39762,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39871,7 +39871,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -39980,7 +39980,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40089,7 +40089,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40158,7 +40158,7 @@ exports[`component:<Calendar> testID 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40201,7 +40201,7 @@ exports[`component:<Calendar> testID 1`] = `
         class="view month"
       >
         <div
-          class="view row header"
+          class="view forceRow header"
         >
           <h4
             class="text bold headline-4 title"
@@ -40236,7 +40236,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row weekdays"
+          class="view forceRow weekdays"
         >
           <span
             class="text small cell weekday"
@@ -40275,7 +40275,7 @@ exports[`component:<Calendar> testID 1`] = `
           </span>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40354,7 +40354,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40463,7 +40463,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40572,7 +40572,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40681,7 +40681,7 @@ exports[`component:<Calendar> testID 1`] = `
           </div>
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"
@@ -40780,7 +40780,7 @@ exports[`component:<Calendar> testID 1`] = `
           />
         </div>
         <div
-          class="view row"
+          class="view forceRow"
         >
           <div
             class="pressable disabled cell"