DatePicker Props

import { FormInput } from '@react-native-utils/forminput';
import { useState } from 'react';
import { View } from 'react-native';

const DatePickerExample = () => {
  const [birthdate, setBirthdate] = useState(null);
  const [appointmentTime, setAppointmentTime] = useState(null);
  
  // Calculate date 18 years ago for minimum birth date
  const eighteenYearsAgo = new Date();
  eighteenYearsAgo.setFullYear(eighteenYearsAgo.getFullYear() - 18);
  
  return (
    <View style={{ padding: 16, gap: 16 }}>
      {/* Date picker example */}
      <FormInput
        text={{
          labelText: "Date of Birth",
          placeholderText: "Select your date of birth",
        }}
        icon={{
          leftIcon: "calendar",
        }}
        datePicker={{
          enabled: true,
          initialDate: null,
          mode: "single",
          dateFormat: "MMMM d, yyyy",
          onDateChange: (date) => setBirthdate(date),
          disableFutureDates: false,
          disablePastDates: false,
          placeholder: "Select Your Birthdate",
          firstDayOfWeek: 1,  // Week starts on Monday
        }}
        style={{
          styles: {
            selectedTextColor: "#FFFFFF",
            selectedBackgroundColor: "#3B82F6",
          }
        }}
      />
      
      {/* Time picker example */}
      <FormInput
        text={{
          labelText: "Appointment Time",
          placeholderText: "Select appointment time",
        }}
        icon={{
          leftIcon: "clock",
        }}
        datePicker={{
          enabled: true,
          initialDate: null,
          mode: "single",
          withTime: true,
          dateTimeFormat: "h:mm a",  // Example: 3:30 PM
          onDateChange: (time) => setAppointmentTime(time),
          hideConfirmButton: false,
          placeholder: "Select Time",
          styles: {
            headerBackgroundColor: "#4F46E5",
            headerTextColor: "#FFFFFF",
            confirmButtonColor: "#4F46E5",
          }
        }}
      />
    </View>
  );
};