@hero-design/rn 7.11.2 → 7.12.0

package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -249,6 +249,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
             "borderTopRightRadius": 16,
             "elevation": 10,
             "maxHeight": "94%",
+            "paddingBottom": 0,
             "shadowColor": "#292a2b",
             "shadowOffset": Object {
               "height": 3,
@@ -374,441 +375,480 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
             ]
           }
         />
-        <View
-          style={
+        <RCTScrollView
+          ListFooterComponent={null}
+          data={
             Array [
               Object {
-                "padding": 16,
+                "text": "Monday",
+                "value": "mon",
+              },
+              Object {
+                "text": "Tuesday",
+                "value": "tue",
+              },
+              Object {
+                "text": "Wednesday",
+                "value": "wed",
+              },
+              Object {
+                "text": "Thursday",
+                "value": "thu",
+              },
+              Object {
+                "text": "Friday",
+                "value": "fri",
+              },
+              Object {
+                "text": "Saturday",
+                "value": "sat",
+              },
+              Object {
+                "text": "Sunday",
+                "value": "sun",
               },
-              undefined,
             ]
           }
-        >
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#f1e9fb",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
+          getItem={[Function]}
+          getItemCount={[Function]}
+          keyExtractor={[Function]}
+          onContentSizeChange={[Function]}
+          onEndReached={[Function]}
+          onEndReachedThreshold={0.1}
+          onLayout={[Function]}
+          onMomentumScrollBegin={[Function]}
+          onMomentumScrollEnd={[Function]}
+          onScroll={[Function]}
+          onScrollBeginDrag={[Function]}
+          onScrollEndDrag={[Function]}
+          onScrollToIndexFailed={[Function]}
+          removeClippedSubviews={false}
+          renderItem={[Function]}
+          scrollEventThrottle={50}
+          stickyHeaderIndices={Array []}
+          style={
+            Object {
+              "paddingHorizontal": 16,
             }
-          >
+          }
+          viewabilityConfigCallbackPairs={Array []}
+        >
+          <View>
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Monday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#f1e9fb",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Monday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Tuesday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Tuesday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Wednesday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Wednesday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Thursday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Thursday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Friday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Friday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Saturday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Saturday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            nativeID="animatedComponent"
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Sunday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Sunday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
           </View>
-        </View>
+        </RCTScrollView>
       </View>
     </View>
   </Modal>
@@ -1059,6 +1099,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
             "borderTopRightRadius": 16,
             "elevation": 10,
             "maxHeight": "94%",
+            "paddingBottom": 0,
             "shadowColor": "#292a2b",
             "shadowOffset": Object {
               "height": 3,
@@ -1182,427 +1223,480 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
             ]
           }
         />
-        <View
-          style={
+        <RCTScrollView
+          ListFooterComponent={null}
+          data={
             Array [
               Object {
-                "padding": 16,
+                "text": "Monday",
+                "value": "mon",
+              },
+              Object {
+                "text": "Tuesday",
+                "value": "tue",
+              },
+              Object {
+                "text": "Wednesday",
+                "value": "wed",
+              },
+              Object {
+                "text": "Thursday",
+                "value": "thu",
+              },
+              Object {
+                "text": "Friday",
+                "value": "fri",
+              },
+              Object {
+                "text": "Saturday",
+                "value": "sat",
+              },
+              Object {
+                "text": "Sunday",
+                "value": "sun",
               },
-              undefined,
             ]
           }
-        >
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#f1e9fb",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
+          getItem={[Function]}
+          getItemCount={[Function]}
+          keyExtractor={[Function]}
+          onContentSizeChange={[Function]}
+          onEndReached={[Function]}
+          onEndReachedThreshold={0.1}
+          onLayout={[Function]}
+          onMomentumScrollBegin={[Function]}
+          onMomentumScrollEnd={[Function]}
+          onScroll={[Function]}
+          onScrollBeginDrag={[Function]}
+          onScrollEndDrag={[Function]}
+          onScrollToIndexFailed={[Function]}
+          removeClippedSubviews={false}
+          renderItem={[Function]}
+          scrollEventThrottle={50}
+          stickyHeaderIndices={Array []}
+          style={
+            Object {
+              "paddingHorizontal": 16,
             }
-          >
+          }
+          viewabilityConfigCallbackPairs={Array []}
+        >
+          <View>
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Monday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#f1e9fb",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Monday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Tuesday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Tuesday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Wednesday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Wednesday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Thursday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Thursday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Friday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Friday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Saturday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Saturday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "marginTop": 4,
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            accessible={true}
-            focusable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Object {
-                "alignItems": "center",
-                "backgroundColor": "#ffffff",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "space-between",
-                "opacity": 1,
-                "padding": 16,
-              }
-            }
-          >
             <View
-              style={
-                Object {
-                  "flex": 1,
-                }
-              }
+              onLayout={[Function]}
+              style={null}
             >
-              <Text
-                style={
-                  Array [
+              <View>
+                <View
+                  accessible={true}
+                  collapsable={false}
+                  focusable={true}
+                  nativeID="animatedComponent"
+                  onClick={[Function]}
+                  onResponderGrant={[Function]}
+                  onResponderMove={[Function]}
+                  onResponderRelease={[Function]}
+                  onResponderTerminate={[Function]}
+                  onResponderTerminationRequest={[Function]}
+                  onStartShouldSetResponder={[Function]}
+                  style={
                     Object {
-                      "color": "#292a2b",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "letterSpacing": 0.48,
-                      "lineHeight": 24,
-                    },
-                    undefined,
-                  ]
-                }
-                themeFontSize="large"
-                themeFontWeight="regular"
-                themeIntent="body"
-              >
-                Sunday
-              </Text>
+                      "alignItems": "center",
+                      "backgroundColor": "#ffffff",
+                      "borderRadius": 4,
+                      "flexDirection": "row",
+                      "justifyContent": "space-between",
+                      "opacity": 1,
+                      "padding": 16,
+                    }
+                  }
+                >
+                  <View
+                    style={
+                      Object {
+                        "flex": 1,
+                      }
+                    }
+                  >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#292a2b",
+                            "fontFamily": "BeVietnamPro-Regular",
+                            "fontSize": 16,
+                            "letterSpacing": 0.48,
+                            "lineHeight": 24,
+                          },
+                          undefined,
+                        ]
+                      }
+                      themeFontSize="large"
+                      themeFontWeight="regular"
+                      themeIntent="body"
+                    >
+                      Sunday
+                    </Text>
+                  </View>
+                </View>
+              </View>
             </View>
           </View>
-        </View>
+        </RCTScrollView>
       </View>
     </View>
   </Modal>