import React from "react";
import { View } from "react-native";

import colors from "../config/colors";
import { TouchableOpacity } from "react-native-gesture-handler";
import FormDatePicker from "../components/forms/FormDatePicker";
import FormLocationPicker from "../components/forms/FormLocationPicker";

export default function PickEventDateLocation({
  setDate = () => {},
  setTime = () => {},
  navigation = () => {},
  location = true,
}) {
  return (
    <View
      style={{
        flex: 1,
        paddingTop: 24,
        paddingHorizontal: 16,
      }}
    >
    <View
      paddingBottom={24}>
      <FormDatePicker
        textStyle={{
          borderColor: colors.gray,
          borderWidth: 3,
        }}
        defaultDate={new Date()}
        onDateChange={(value) => setDate(value)}
        onTimeChange={(value) => setTime(value)}
      />
      </View>
      {location && (
        <TouchableOpacity onPress={() => navigation.navigate("FormMap")}>
          <FormLocationPicker />
        </TouchableOpacity>
      )}
    </View>
  );
}