Improve DateInput component examples

Author: maurobender

example/src/App.tsx

@@ -155,14 +155,14 @@ const App = () => (
 							<FormControlExamples />
 							<TextInputExamples />
 							<PasswordInputExamples />
+							<DateInputExamples />
 							<ChipExamples />
 							<SwitchExamples />
 							<BannerExamples />
 							<DialogExamples />
 							<ImageExamples />
 							<AvatarExamples />
 							<CardExample />
-							<DateInputExamples />
 						</VStack>
 					</ScrollView>
 				</SafeAreaView>

web_example/src/App.tsx

@@ -121,7 +121,6 @@ const App = () => (
 	<ThemeProvider theme={customTheme}>
 		<Box flex={1} alignItems="center">
 			<VStack width="500px">
-				<DateInputExamples />
 				<PaletteColorGrid />
 				<TextExamples />
 				<BoxExamples />
@@ -133,6 +132,7 @@ const App = () => (
 				<FormControlExamples />
 				<TextInputExamples />
 				<PasswordInputExamples />
+				<DateInputExamples />
 				<ChipExamples />
 				<SwitchExamples />
 				<BannerExamples />

web_example/src/components/DateInputExamples.tsx

@@ -26,7 +26,7 @@ const DateInputExamples = () => {
 	const [ value, setValue ] = React.useState( '' );
 
 	return (
-		<VStack style={{ zIndex: 1000 }}>
+		<VStack style={{ zIndex: 100 }}>
 			<Text variant="headline">DateInput Component</Text>
 			<View style={styles.vspace} />
 			<Text variant="subtitle">Enabled</Text>