import { useState } from "react";
import { Picker } from "@react-native-picker/picker";

export function FruitPicker() {
  const [fruit, setFruit] = useState("apple");
  return (
    <Picker selectedValue={fruit} onValueChange={(v) => setFruit(v)}>
      <Picker.Item label="Apple" value="apple" />
      <Picker.Item label="Banana" value="banana" />
      <Picker.Item label="Orange" value="orange" />
    </Picker>
  );
}

import DateTimePicker from "@react-native-community/datetimepicker";
import { Platform } from "react-native";

export function Birthday({
  value,
  onChange,
}: {
  value: Date;
  onChange: (d: Date) => void;
}) {
  return (
    <DateTimePicker
      value={value}
      mode="date"
      display={Platform.OS === "ios" ? "spinner" : "default"}
      onChange={(_, date) => date && onChange(date)}
    />
  );
}