import React, { useState } from "react";
import { InputDate } from "@jobber/components-native";
import type { InputDateProps } from "@jobber/components-native";

export function InputDateInvalid(props: Partial<InputDateProps>) {
  // monthIndex 10 = November (Hermes can't parse a "MM/DD/YYYY" string).
  const [date, setDate] = useState(new Date(2011, 10, 11));

  return (
    <InputDate
      placeholder="Start date"
      invalid="Start Date is required"
      {...props}
      value={date}
      onChange={setDate}
    />
  );
}