Add label example

src/view/screens/Storybook/Forms.tsx

@@ -4,7 +4,7 @@ import {View} from 'react-native'
 import {atoms as a} from '#/alf'
 import {H1, H3} from '#/components/Typography'
 import TextField from '#/components/forms/TextField'
-import {DateField} from '#/components/forms/DateField'
+import {DateField, Label} from '#/components/forms/DateField'
 import Toggle from '#/components/forms/Toggle'
 import ToggleButton from '#/components/forms/ToggleButton'
 import {Button} from '#/components/Button'
@@ -41,26 +41,33 @@ export function Forms() {
           />
         </TextField.Root>
 
-        <TextField.Root>
+        <View>
-          <TextField.Icon icon={Globe} />
+          <TextField.Label>Text field</TextField.Label>
-          <TextField.Input
+          <TextField.Root>
-            value={value}
+            <TextField.Icon icon={Globe} />
-            onChangeText={setValue}
+            <TextField.Input
-            label="Text field"
+              value={value}
-          />
+              onChangeText={setValue}
-          <TextField.Suffix label="@gmail.com">@gmail.com</TextField.Suffix>
+              label="Text field"
-        </TextField.Root>
+            />
+            <TextField.Suffix label="@gmail.com">@gmail.com</TextField.Suffix>
+          </TextField.Root>
+        </View>
 
-        <H3>InputDate</H3>
+        <H3>DateField</H3>
-        <DateField
+
-          testID="date"
+        <View>
-          value={date}
+          <Label>Date</Label>
-          onChange={date => {
+          <DateField
-            console.log(date)
+            testID="date"
-            setDate(date)
+            value={date}
-          }}
+            onChange={date => {
-          label="Input"
+              console.log(date)
-        />
+              setDate(date)
+            }}
+            label="Input"
+          />
+        </View>
       </View>
 
       <View style={[a.gap_md, a.align_start, a.w_full]}>