import { format } from "date-fns";
import { FormField, FormItem, FormLabel, FormMessage, } from "@/components/ui/form";
import { DateInput } from "@/components/ui/dateInput";
import { parseLocalDate } from "@/utils/dateUtils";
// THIS COMPONENT MADE FOR USING IN FORM FIELD INSIDE ANY FORM CONTROL, NOT AS INPUT FIELD NORMALLY.
// Here, User can input/paste date in certain format, and also select via calendar
export function DateInputField({ control, name, label, disableFuture, disablePast, }) {
    return (<FormField control={control} name={name} render={({ field }) => (<FormItem>
          <FormLabel>{label}</FormLabel>
          <DateInput value={field.value ? parseLocalDate(field.value) : null} onChange={(date) => field.onChange(date ? format(date, "yyyy-MM-dd") : null)} disableFuture={disableFuture} disablePast={disablePast}/>
          <FormMessage />
        </FormItem>)}/>);
}